/* head.css */
.headAll {
    /* padding: 15px 0; */
    /* background: rgb(231, 0, 0); */
    background: #FFFFFF;
    transition: all 0.7s ease;
    border: none;
    /* box-shadow: 0px 4px 10px 0px rgba(212, 212, 212, 0.3); */
}

.headAll::after {
    content: '';
    background: #F8F8F8;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.headAll .deviation {
    /* max-width: 1920px; */
    margin: auto;
}

.headAll .deviation .row {
    margin: 0;
}

.headAll .deviation .logo {
    /* max-height:72px; */
    padding: 0;
    padding-right: calc(100vw * 68 / 1920);
}

.headAll .deviation .logo a {
    /* max-width: 190px; */
    padding: 4px 0;
    display: flex;
    align-items: center;
    /* background: #2453A3; */
    border-radius: 0 0 calc(100vw * 30 / 1920) 0;
    justify-content: flex-end;
    padding-right: calc(100vw * 158 / 1920);
}

.headAll .deviation .logo a img {
    max-width: 100%;
    /* display: none; */
}

.headAll .deviation .logo a .logojs .lgh2box {
    padding-bottom: 0;
}

.headAll .deviation .logo a .logojs .lgh2box h2 {
    font-size: calc(100vw * 22 / 1920);
    font-weight: bold;
    letter-spacing: 0.14em;
    color: #2453A3;
}

.headAll .deviation .logo a .logojs .lgh3box h3 {
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2453A3;
}

.headAll .deviation .navigation .ulOne {
    position: relative;
}

.headAll .deviation .navigation .ulOne {
    height: 100%;
}

.headAll .deviation .navigation ul div {
    height: 100%;
    justify-content: center;
    align-items: center;
    justify-content: flex-end;
}

.headAll .deviation .navigation ul div li {
    height: 100%;
    position: relative;
    transition: all 0.5s ease;
    padding: 0;
}

.headAll .deviation .navigation ul div .xiaoguo::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(28, 95, 187, 1);
    transition: all 0.5s ease;
}

.headAll .deviation .navigation ul div .xiaoguo:hover::after {
    width: 50%;
}

.headAll .deviation .navigation ul div .headxian {
    position: relative;
}

.headAll .deviation .navigation ul div .headxian::after {
    content: '';
    width: 50%;
    height: 2px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(28, 95, 187, 1);
    transition: all 0.7s ease;
}

.headAll .deviation .navigation ul div .headxian .titileOne {
    font-weight: 600;
    color: #2453A3;
}

.headAll .deviation .navigation ul div li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: all 0.5s ease;
    text-align: center;
    font-size: calc(100vw * 16 / 1920);
    letter-spacing: 0em;
    color: #4A4A4A;
}

.headAll .deviation .navigation .ulOne div ul li a {
    font-size: calc(100vw * 13 / 1920);
    transition: all 0.5s ease;
}

.headAll .deviation .navigation .ulOne div ul li:hover a {
    color: #2453A3;
}

.headAll .deviation .navigation .ulOne div ul li:hover a {
    letter-spacing: 0.08em;
}

.headAll .deviation .navigation ul div li ul {
    position: absolute;
    background: rgba(255, 255, 255);
    width: 100%;
    /* opacity: 0; */
    left: 0;
    /* height: 0; */
    display: none;
    border-radius: 8px;
    /* overflow: hidden; */
    /* visibility: hidden; */
    /* transition: opacity 0.2s 0.2s, visibility 0.2s; */
    /* animation: control-pointer 0.2s; */
    transition: all 0.01s ease;
}

.headAll .deviation .navigation ul div li ul li {
    padding: 10px;
    height: 20%;
}

.headAll .deviation .navigation ul div li:hover ul {
    /* opacity: 1; */
    /* visibility: visible; */
    /* transition: opacity .3s; */
    /* animation: none; */
    /* height: 100%; */
    /* max-height: 1000px; */
    display: block;
    transition: all 0.01s ease;
    animation-name: fadeInUp11;
    animation-duration: 0.5s;
    /* animation-iteration-count: infinite; */
}

@keyframes fadeInUp11 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.headAll .deviation .dianhuabox {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    border-left: 0.5px solid rgba(255, 255, 255, 0.3);
    border-right: 0.5px solid rgba(255, 255, 255, 0.3);
    position: relative;
    transform: translateX(-14%);
}

.headAll .deviation .dianhuabox::after {
    content: '';
    position: absolute;
    top: 39%;
    bottom: 0;
    left: calc(100vw * 18 / 1920);
    width: 0.5px;
    height: 22%;
    background-color: #5c5b5b4f;
}

.headAll .deviation .dianhuabox::before {
    content: '';
    position: absolute;
    top: 39%;
    bottom: 0;
    right: calc(100vw * 18 / 1920);
    width: 0.5px;
    height: 22%;
    background-color: #5c5b5b4f;
}

.headAll .deviation .dianhuabox .hssk {
    display: flex;
    align-items: center;
}

.headAll .deviation .dianhuabox .hssk .bigbox .imgbox img {
    max-width: 100%;
}

.headAll .deviation .dianhuabox .dianhua a {
    display: flex;
}

.headAll .deviation .dianhuabox .dianhua i {
    font-family: Microsoft YaHei;
    font-size: calc(100vw * 25 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

.headAll .deviation .dianhuabox .dianhua img {
    max-width: 100%;
}

.headAll .deviation .dianhuabox .dianhua h2 {
    font-family: Microsoft YaHei;
    font-size: calc(100vw * 20 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #2453A3;
    align-items: center;
    display: flex;
    margin-left: 6px;
    transition: all 0.5s ease;
}

.headAll .deviation .zyzhbox {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
    /* padding-right: 42px; */
    transform: translateX(-38%);
}

.headAll .deviation .zyzhbox .wenzibox a {
    display: flex;
    /* border: 1px solid #2453A3; */
    border-radius: 50px;
    padding: 0 calc(100vw * 14 / 1920);
    align-items: center;
}

.headAll .deviation .zyzhbox .wenzibox i {
    font-family: Source Han Sans CN;
    font-size: calc(100vw * 20 / 1920);
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

.headAll .deviation .zyzhbox .wenzibox h2 {
    font-family: Source Han Sans CN;
    font-size: calc(100vw * 16 / 1920);
    /* font-weight: 600; */
    /* line-height: 33px; */
    letter-spacing: 0.04em;
    color: #4A4A4A;
    align-items: center;
    display: flex;
    /* margin-left: 6px; */
    transition: all 0.5s ease;
}

.headAll .deviation .zyzhbox .wenzibox img {
    max-width: 100%;
}



@keyframes control-pointer {

    0%,
    49.9999% {
        pointer-events: auto;
    }

    50%,
    100% {
        pointer-events: none;
    }
}

.headAll .deviation .yincanbox {
    display: none;
}

.headAll .deviation .clickNavigation {
    font-size: 35px;
    display: flex;
    align-items: center;
    padding: 0;
    height: 100%;
}

#bottom {
    display: none;
    width: 100%;
    height: 100vh;
    background: #fff;
}

.headAll .xiaoping ul li .xiaopingsanji {
    display: flex;
    height: 45px;
    align-items: center;
    border-bottom: 1px solid #d6d7d98a;
}

.headAll .xiaoping .menu_list li .xiaopingsanji a {
    width: 100%;
}

.headAll .xiaoping ul li i {
    /* color: #fff; */
    color: #333;
    padding-left: 15px;
}

.menu_head {
    height: 46px;
    line-height: 46px;
    padding: 0 38px;
}

.menu_head a {
    font-size: 16px;
    /* color: #fff; */
    color: #333;
    /* font-weight: bold; */
}

/* .menu_head:hover a {
    color: rgba(75, 154, 197);
} */

.xiantiao a {
    /* border-bottom: 1px solid rgba(28, 95, 187, 1); */
    color: #2453A3;
    font-weight: bold;
}

.menu_body {
    line-height: 38px;
    display: none;
}

.menu_body a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding-left: 65px;
    /* color: #fff; */
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.menu_body a:hover {
    color: rgba(28, 87, 163);
    background-color: rgba(237, 237, 237, 0.8);
}

#tops span {
    display: block;
    width: 20px;
    margin: 4px auto;
    height: 2px;
    background: rgb(22, 135, 222);
    transition: all .6s ease;
}

.s0 {
    transform: rotate(45deg) translateY(9px);
    /* margin-left: 24px; */
}

.s1 {
    opacity: 0;
}

.s2 {
    transform: rotate(-45deg) translateY(-9px);
    /* margin-left: 24px; */
}


/* 头部搜索框那玩意的样式 */
#div1 {
    /* background: rgba(62, 128, 164, 0.7); */
    background: #2453A3;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    display: none;
}

#div1 .hsousuokbg {
    display: flex;
    justify-content: center;
    transform: translate(0, 50%);
}

#div1 .hsousuokbg .sousuok {
    border-bottom: 1px solid #fff;
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#div1 .hsousuokbg .sousuok form {
    width: 100%
}

#div1 .hsousuokbg .sousuok input {
    float: left;
    width: 90%;
    height: 100%;
    outline: none;
    border: none;
    background: rgba(0, 0, 0, 0);
    padding-left: 10px;
    font-size: 16px;
    color: #FFFFFF;
}

#div1 .hsousuokbg .sousuok input::-webkit-input-placeholder {
    color: #fff;
}

#div1 .hsousuokbg .sousuok input:-moz-placeholder {
    color: #fff;
}

#div1 .hsousuokbg .sousuok input::-moz-placeholder {
    color: #fff;
}

#div1 .hsousuokbg .sousuok input:-ms-input-placeholder {
    color: #fff;
}

#div1 .hsousuokbg .sousuok .button {
    float: left;
    width: 10%;
    /*height: 40px;*/
    color: white;
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    /*取消边框和外边框将按钮边框去掉*/
    text-align: end;
    padding-right: 10px;
    font-size: 16px;
}

#div1 .biaotisq {
    display: flex;
    align-items: center;
}

#div1 .biaotisq .chahao {
    margin-left: 20px;
    font-size: 16px;
}

#div1 .biaotisq .chahao h2 {
    color: #fff;
    cursor: pointer;
}

@media (max-width: 1536px) {
    .headAll .deviation .logo {
        padding-right: 0;
    }

    .headAll .deviation .logo a {
        padding: 4px 170px 4px 0;
    }

    .headAll .deviation .logo a .logojs .lgh2box h2 {
        font-size: 16px;
    }

    .headAll .deviation .logo a .logojs .lgh3box h3 {
        font-size: 12px;
    }

    .headAll .deviation .navigation ul div li a {
        font-size: 15px;
    }

    .headAll .deviation .navigation .ulOne div ul li a {
        font-size: 13px;
    }

    .headAll .deviation .dianhuabox .dianhua i {
        font-size: 15px;
    }

    .headAll .deviation .dianhuabox .dianhua h2 {
        font-size: 15px;
    }

    .headAll .deviation .zyzhbox .wenzibox i {
        font-size: 15px;
    }

    .headAll .deviation .zyzhbox .wenzibox h2 {
        font-size: 15px;
    }

}

@media (max-width: 1200px) {
    .headAll .deviation {
        float: none;
    }

    .headAll .deviation .logo a {
        padding: 8px 110px 8px 0;
    }

    .headAll .deviation .navigation {
        display: none;
    }

    .yincanbox {
        display: block !important;
        padding: 0;
    }

    .headAll .deviation .dianhuabox {
        border: none !important;
        transform: translateX(0);
        justify-content: flex-end;
    }

    .headAll .deviation .dianhuabox::before {
        right: 0;
        height: 0;
    }

    .headAll .deviation .dianhuabox::after {
        left: 0;
        height: 0;
    }

    .headAll .deviation .dianhuabox .hssk .bigbox .imgbox {
        margin-right: 10px;
    }

    .headAll .deviation .zyzhbox {
        padding: 0;
        transform: translateX(0);
    }

    .headAll .deviation .zyzhbox .wenzibox a {
        padding: 0 5px;
    }

    #div1 .hsousuokbg .sousuok {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .headAll .deviation .logo a {
        padding: 2px 90px 2px 0;
    }
}

@media (max-width: 768px) {
    .headAll .deviation .logo a img {
        width: 100px;
    }

    .headAll .deviation .dianhuabox .dianhua img {
        width: 19px;
        height: 19px;
    }

    .headAll .deviation .dianhuabox .dianhua h2 {
        font-size: 14px;
    }

    .headAll .deviation .dianhuabox .hssk .bigbox .imgbox {
        display: flex;
    }

    .headAll .deviation .dianhuabox .hssk .bigbox .imgbox img {
        width: 19px;
        height: 19px;
    }

    .headAll .deviation .zyzhbox .wenzibox h2 {
        font-size: 14px;
    }

    .headAll .deviation .logo a .logojs .lgh2box h2 {
        font-size: 16px;
    }

    #div1 .hsousuokbg .sousuok input {
        width: 80%;
    }

    #div1 .hsousuokbg .sousuok .button {
        width: 20%;
    }
}

@media (max-width: 576px) {
    .headAll .deviation .dianhuabox .dianhua {
        display: none;
    }

    .headAll .deviation .dianhuabox .hssk .bigbox .imgbox {
        margin-right: 0px;
    }
}

@media (max-width: 500px) {
    .yincanbox {
        display: block !important;
        padding: 0;
        padding-right: 18px;
    }

    .headAll .deviation .dianhuabox {
        padding: 0;
    }

    .headAll .deviation .zyzhbox {
        padding-right: 14px;
    }

    .headAll .deviation .dianhuabox .dianhua i {
        font-size: 14px;
    }

    .headAll .deviation .dianhuabox .dianhua h2 {
        font-size: 14px;
    }

    .headAll .deviation .zyzhbox .wenzibox i {
        font-size: 14px;
    }

    .headAll .deviation .zyzhbox .wenzibox h2 {
        font-size: 16px;
    }

    .headAll .deviation .dianhuabox .hssk .bigbox .imgbox {
        margin-right: 10px;
    }
}

@media (max-width: 499px) {
    .yincanbox {
        display: block !important;
        padding: 0;
        padding-right: 6px;
    }

    .headAll .deviation .logo a {
        padding: 0px 45px 0px 0;
    }

    .headAll .deviation .logo a .logojs .lgh3box h3 {
        display: none;
    }

    #div1 .hsousuokbg {
        transform: translate(0, 20%);
    }

    .headAll .deviation .logo a .logojs .lgh2box h2 {
        letter-spacing: 0;
    }
}

/* 中文foot.css */
.footerbg {
    background: url(../images/footer/footerback.png);
}

.footerbg .footertopbox {
    margin: auto;
    padding: calc(100vw * 60 / 1920) 0;
}

.footerbg .footertopbox .lfbox {
    position: relative;
    padding: calc(100vw * 34 / 1920) 0;
}

.footerbg .footertopbox .lfbox::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #5c5b5b4f;
}

.footerbg .footertopbox .lfbox .tpimg {
    display: flex;
    justify-content: center;
    margin-bottom: calc(100vw * 15 / 1920);
}

.footerbg .footertopbox .lfbox .bttext h2 {
    font-size: calc(100vw * 20 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
    margin-bottom: calc(100vw * 12 / 1920);
}

.footerbg .footertopbox .lfbox .bttext p {
    font-size: calc(100vw * 12 / 1920);
    font-weight: normal;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
}

.footerbg .footertopbox .mdbox {
    position: relative;
    padding: calc(100vw * 34 / 1920) 0;
    padding-left: calc(100vw * 60 / 1920);
}

.footerbg .footertopbox .mdbox::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #5c5b5b4f;
}

.footerbg .footertopbox .mdbox .mdtpbox {
    padding-bottom: calc(100vw * 6 / 1920);
}

.footerbg .footertopbox .mdbox .mdtpbox h2 {
    font-size: calc(100vw * 20 / 1920);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

.footerbg .footertopbox .mdbox .mdbtbox .mdlfbox .h2box {
    padding-bottom: calc(100vw * 6 / 1920);
    padding-top: calc(100vw * 14 / 1920);
}

.footerbg .footertopbox .mdbox .mdbtbox .mdlfbox .h2box h2 {
    font-size: calc(100vw * 16 / 1920);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #3D3D3D;

}

.footerbg .footertopbox .mdbox .mdbtbox .mdlfbox .pbox p {
    font-size: calc(100vw * 24 / 1920);
    font-weight: bold;
    color: #3964AC;
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox {
    display: flex;
    margin-bottom: calc(100vw * 28 / 1920);
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox .imgbox {
    display: flex;
    align-items: center;
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox:nth-child(3) .imgbox {
    display: flex;
    align-items: flex-start;
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox .imgbox img {
    max-width: 100%;
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox .pbox {
    display: flex;
    align-items: center;
    margin-left: calc(100vw * 20 / 1920);
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox .pbox p {
    font-size: calc(100vw * 16 / 1920);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

.footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox:nth-child(3) .pbox p {
    line-height: calc(100vw * 24 / 1920);
}


.footerbg .footertopbox .rgbox {
    display: flex;
    justify-content: space-evenly;
    padding: calc(100vw * 30 / 1920) calc(100vw * 90 / 1920) 0 calc(100vw * 20 / 1920);
}

.footerbg .footertopbox .rgbox .rgbbox .rgbimgbox {
    overflow: hidden;
}

.footerbg .footertopbox .rgbox .rgbbox .rgbimgbox img {
    max-width: 100%;
}

.footerbg .footertopbox .rgbox .rgbbox .rgbh2box {
    padding-top: calc(100vw * 16 / 1920);
}

.footerbg .footertopbox .rgbox .rgbbox .rgbh2box h2 {
    font-size: calc(100vw * 14 / 1920);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}


.footerbg .footerbottombox {
    padding: calc(100vw * 25 / 1920) 0;
    margin: auto;
    position: relative;
}

.footerbg .footerbottombox::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0.5px;
    background-color: #4c4c4cad;
    opacity: 0.4;
}

.footerbg .footerbottombox ul {
    display: flex;
    justify-content: center;
}

.footerbg .footerbottombox ul li {
    padding: 0 10px;
}

.footerbg .footerbottombox ul li a {
    font-family: Noto Sans SC;
    font-size: calc(100vw * 16 / 1920);
    font-weight: normal;
    color: #4C4C4C;
    opacity: 0.8;
}

@media (max-width: 1536px) {
    .footerbg .footertopbox {
        padding: 30px 0;
    }

    .footerbg .footertopbox .lfbox {
        padding: 26px 0;
    }

    .footerbg .footertopbox .lfbox .bttext h2 {
        font-size: 16px;
    }

    .footerbg .footertopbox .lfbox .bttext p {
        font-size: 12px;
    }

    .footerbg .footertopbox .mdbox {
        padding: 26px 0;
        padding-left: 48px;
    }

    .footerbg .footertopbox .mdbox .mdtpbox h2 {
        font-size: 20px;
    }

    .footerbg .footertopbox .mdbox .mdbtbox .mdlfbox .h2box h2 {
        font-size: 13px;
    }

    .footerbg .footertopbox .mdbox .mdbtbox .mdlfbox .pbox p {
        font-size: 20px;
    }

    .footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox .pbox p {
        font-size: 13px;
    }

    .footerbg .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox:nth-child(3) .pbox p {
        line-height: 26px;
    }

    .footerbg .footertopbox .rgbox {
        padding: 16px 72px 0 16px;
    }

    .footerbg .footertopbox .rgbox .rgbbox .rgbh2box h2 {
        font-size: 12px;
    }

    .footerbg .footerbottombox {
        padding: 14px 0;
    }

    .footerbg .footerbottombox ul li a {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .footerbg .footertopbox .lfbox {
        display: none;
    }

    .footerbg .footertopbox .rgbox {
        padding: 0;
    }
}

@media (max-width: 992px) {
    .footerbg .footertopbox .mdbox {
        padding-left: 27px;
        margin: auto;
    }

    .footerbg .footertopbox .rgbox {
        justify-content: flex-start;
        padding-left: 27px;
    }

    .footerbg .footertopbox .rgbox .rgbbox:nth-child(2) {
        padding-left: 20px;
    }
}

@media (max-width: 600px) {
    .footerbg .footerbottombox ul {
        display: block;
    }

    .footerbg .footerbottombox ul li {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .footerbg .footertopbox .mdbox {
        padding: 0;
        margin: auto;
    }

    .footerbg .footertopbox .mdbox::after {
        width: 0;
    }

    .footerbg .footertopbox .mdbox .mdbtbox .mdrgbox {
        padding-top: 20px;
    }

    .footerbg .footertopbox .rgbox {
        padding: 0;
        margin: auto;
        margin-top: 20px;
        justify-content: space-between;
    }

    .footerbg .footertopbox .rgbox .rgbbox .rgbh2box {
        padding-top: 5px;
    }

    .footerbg .footertopbox .rgbox .rgbbox .rgbh2box h2 {
        font-size: 13px;
    }
}

@media (max-width: 499px) {

    /* .footerbg .footertopbox .rgbox {
        display: none;
    } */

    .footerbg .footertopbox .rgbox {
        justify-content: center;
    }

    .footerbg .footertopbox .rgbox .rgbbox:nth-child(2) {
        display: none;
    }

    .footerbg .footertopbox .mdbox .mdtpbox {
        padding-bottom: 10px;
    }

    .footerbg .footertopbox .mdbox .mdbtbox .mdlfbox .bigbox {
        display: flex;
        align-items: center;
    }
}

/* 中文css */
/* index.css */
.swiper3-one .swiper-wrapper .swiper-slide {
    width: 100vw;
    height: 102vh;
    background: url(../images/banner.png) no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper3-one .swiper-wrapper .swiper-slide1 {
    background: url(../images/nanner1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper3-one .swiper-wrapper .swiper-slide2 {
    background: url(../images/nanner2.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper3-one .swiper-wrapper .swiper-slide3 {
    background: url(../images/nanner3.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox {
    transform: translateY(-50%);
}

.swiper3-oneeng .swiper-wrapper .swiper-slide .bannerwzbox {
    transform: translateY(-22%);
}

.swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h2 {
    font-size: calc(100vw * 60 / 1920);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.06em;
    color: #ffffff;
    margin-bottom: calc(100vw * 30 / 1920);
}

.swiper3-oneeng .swiper-wrapper .swiper-slide .bannerwzbox h2 {
    font-size: calc(100vw * 50 / 1920);
}

.swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h3 {
    font-size: calc(100vw * 24 / 1920);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.04em;
    color: #ffffff;
}

.swiper3-one .swiper-wrapper .swiper-slide3 .bannerwzbox h2 {
    color: #ffffff;
}

.swiper3-one .swiper-wrapper .swiper-slide3 .bannerwzbox h3 {
    color: #ffffff;
}

/* .incpzxbg {
    background: #FAFAFA;
} */

.incpzxbox {
    margin: auto;
    padding: 0;
}

.incpzxbox .btbox {
    padding-top: 24px;
    position: relative;
    margin-bottom: calc(100vw * 25 / 1920);
}

.incpzxbox .btbox .h2box h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #d9d9d952;
}

.incpzxbox .btbox .h3box {
    transform: translateY(calc(100vw * -22 / 1920));
}

.incpzxbox .btbox .h3box h3 {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
}

.incpzxbox .btbox .gdcpbox {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    bottom: calc(100vw * 24 / 1920);
    right: 0;
}

/* .incpzxbox .btbox .gdcpbox:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3964AC;
    transition: all 0.5s linear;
}

.incpzxbox .btbox .gdcpbox:hover:after {
    width: 100%;
} */

.incpzxbox .btbox .gdcpbox a {
    font-size: calc(100vw * 16 / 1920);
    font-weight: normal;
    letter-spacing: 0em;
    color: #2453A3;
    /* border: 1px solid #2453A3; */
    padding: calc(100vw * 4 / 1920) calc(100vw * 30 / 1920);
    transition: all 0.5s ease;
    z-index: 1000;
    display: flex;
    align-items: center;
    /* position: inherit; */
}

.incpzxbox .btbox .gdcpbox a span {
    padding-left: 8px;
}

.incpzxbox .btbox .gdcpbox a span img {
    width: 25px;
    transition: all 0.5s ease;
}

.incpzxbox .btbox .gdcpbox a:hover span img {
    transform: translateX(8px);
}

/* .incpzxbox .btbox .gdcpbox:hover a {
    color: #FFFFFF;
} */

.incpzxbox .nrbox .tpbox {
    position: relative;
    /* padding: calc(100vw * 20 / 1920) 0; */
    margin: 0 calc(100vw * 180 / 1920);
    margin-bottom: calc(100vw * 64 / 1920);
}

.incpzxbox .nrbox .tpbox::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0.5px;
    background-color: #4c4c4c45;
    opacity: 0.4;
}

.incpzxbox .nrbox .tpbox ul {
    margin: 0;
}

.incpzxbox .nrbox .tpbox ul li {
    padding: 0;
    text-align: center;
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0.04em;
    color: #3D3D3D;
    cursor: pointer;
    /* transition: all 0.5s linear; */
    display: flex;
    justify-content: center;
    padding: calc(100vw * 20 / 1920) 0;
    position: relative;
}

.incpzxbox .nrbox .tpbox ul li:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    right: 0;
    width: 0%;
    height: 2px;
    background-color: #2453A3;
    transition: all 0.5s ease;
}

.incpzxbox .nrbox .tpbox ul li:hover:after {
    width: 40%;
}

.incpzxbox .nrbox .tpbox ul li:hover {
    color: #2453A3;
}

.incpzxbox .nrbox .tpbox ul .danqian {
    color: #2453A3;
    /* font-weight: bold; */
    letter-spacing: 0.04em;
    /* transition: all 0.5s linear; */
    position: relative;
}

.incpzxbox .nrbox .tpbox ul .danqian::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    right: 0;
    width: 40%;
    height: 2px;
    background-color: #2453A3;
    /* opacity: 0.4; */
}

.incpzxbox .nrbox .btmbox .btmneirbox ul {
    margin: 0;
    flex: 1;
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li {
    padding: 0 calc(100vw * 20 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .bigbox {
    border: 1px solid #4c4c4c12;
    ;
    /* height: 100%; */
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .topbox {
    overflow: hidden;
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .topbox img {
    width: 100%;
    transition: all 0.5s linear;
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .bigbox:hover .topbox img {
    transform: scale(1.1);
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox {
    display: flex;
    justify-content: center;
    border-top: 1px solid #4c4c4c12;
    padding: calc(100vw * 16 / 1920) 0px;
    /* transition: all 0.2s linear; */
    align-items: center;
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .bigbox:hover .btmbox {
    background: #2453A3;
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox p {
    font-size: calc(100vw * 16 / 1920);
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    /* transition: all 0.5s ease; */
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .bigbox:hover .btmbox p {
    color: #FFFFFF;
}

.incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox img {
    width: 18px;
    height: 18px;
    margin-left: 20px;
    display: none;
}

/* .incpzxbox .nrbox .btmbox .btmneirbox ul li .bigbox:hover .btmbox img {
    display: block;
} */

.ingsysbox {
    margin: auto;
    padding: 0 calc(100vw * 40 / 1920);
}

.ingsysbox .btbox {
    padding-top: 24px;
    position: relative;
    margin-bottom: calc(100vw * 26 / 1920);
}

.ingsysbox .btbox .h2box h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #d9d9d952;
}

.ingsysbox .btbox .h3box {
    transform: translateY(calc(100vw * -22 / 1920));
}

.ingsysbox .btbox .h3box h3 {
    font-size: calc(100vw * 35 / 1920);
    letter-spacing: 0em;
    font-weight: bold;
    color: #3D3D3D;
    text-align: center;
}

.ingsysbox .nrbox {
    margin: 0 calc(100vw * 200 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    margin-top: calc(100vw * 20 / 1920);
}

.ingsysbox .nrbox ul {
    margin: 0;
}

.ingsysbox .nrbox ul li .pbox {
    background: #FAFAFA;
    padding: calc(100vw * 22 / 1920) 0;
    cursor: pointer;
    position: relative;
}

.ingsysbox .nrbox ul li .pbox::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #3964AC;
    /* transition: all 0.5s linear; */
    /* z-index: 9998; */
}

.ingsysbox .nrbox ul li .pbox:hover:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3964AC;
}

.ingsysbox .nrbox ul .danqian .pbox {
    background-color: #3964AC;
}

.ingsysbox .nrbox ul li .pbox p {
    font-size: calc(100vw * 20 / 1920);
    letter-spacing: 0.04em;
    color: #3D3D3D;
    text-align: center;
    z-index: 1000;
    position: inherit;
    /* transition: all 0.5s linear; */
}

.ingsysbox .nrbox ul li .pbox:hover p {
    color: #FFFFFF;
}

.ingsysbox .nrbox ul .danqian .pbox p {
    color: #FFFFFF;
}

.ingsysbg .qhbox .imgbg1 {
    background: url(../images/ingsys1.png) no-repeat;
    background-size: cover;
    background-position: center left;
    display: flex;
    justify-content: flex-end;
}

.ingsysbg .qhbox .imgbg2 {
    background: url(../images/ingsys2.png) no-repeat;
    background-size: cover;
    background-position: center left;
    display: flex;
    justify-content: flex-end;
}

.ingsysbg .qhbox .imgbg3 {
    background: url(../images/ingsys3.jpg) no-repeat;
    background-size: cover;
    background-position: center left;
    display: flex;
    justify-content: flex-end;
}

.ingsysbg .qhbox .imgbg4 {
    background: url(../images/ingsys4.jpg) no-repeat;
    background-size: cover;
    background-position: center left;
    display: flex;
    justify-content: flex-end;
}

.ingsysbg .qhbox .imgbg1 .nrbox {
    max-width: calc(100vw * 395 / 1920);
    background: #2c59a7da;
    margin: calc(100vw * 150 / 1920) calc(100vw * 318 / 1920) calc(100vw * 150 / 1920) 0;
    padding: calc(100vw * 32 / 1920) calc(100vw * 28 / 1920) calc(100vw * 62 / 1920) calc(100vw * 28 / 1920);
}

.ingsysbg .qhbox .imgbg1 .nrbox .szbox p {
    font-size: calc(100vw * 70 / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #ffffff24;
}

.ingsysbg .qhbox .imgbg1 .nrbox .imgbox {
    padding-top: calc(100vw * 42 / 1920);
    transform: translateY(-30px);
}

.ingsysbg .qhbox .imgbg1 .nrbox .imgbox img {
    max-width: 100%;
}

.ingsysbg .qhbox .imgbg1 .nrbox .h2box {
    transform: translateY(-10px);
}

.ingsysbg .qhbox .imgbg1 .nrbox .h2box h2 {
    font-size: calc(100vw * 25 / 1920);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.ingsysbg .qhbox .imgbg1 .nrbox .h3box {
    margin-bottom: calc(100vw * 26 / 1920);
}

.ingsysbg .qhbox .imgbg1 .nrbox .h3box h3 {
    font-size: calc(100vw * 12 / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #FFFFFF;
}

.ingsysbg .qhbox .imgbg1 .nrbox .pbox p {
    font-size: calc(100vw * 14 / 1920);
    text-align: justify;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    line-height: calc(100vw * 19 / 1920);
}


.ingsjsbg {
    background: url(../images/gsjsbg.jpg) no-repeat;
    background-size: 100% 100%;
}

.ingsjsbg .ingsjsbox {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
    padding-top: calc(100vw * 154 / 1920);
    padding-bottom: calc(100vw * 164 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjslf {
    padding: 0;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsh2 {
    padding-bottom: calc(100vw * 10 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsh2 h2 {
    font-size: calc(100vw * 35 / 1920);
    letter-spacing: 0em;
    font-weight: bold;
    color: #3D3D3D;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 {
    padding-bottom: calc(100vw * 32 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 h3 {
    font-size: calc(100vw * 14 / 1920);
    text-transform: uppercase;
    color: #434343;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsp {
    padding-bottom: calc(100vw * 50 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsp p {
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 32 / 1920);
    text-align: justify;
    /* text-transform: uppercase; */
    letter-spacing: 0.04em;
    color: #717171;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsimg {
    display: flex;
    justify-content: center;
    padding-bottom: calc(100vw * 64 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsimg img {
    max-width: 100%;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu {
    display: flex;
    position: relative;
}

/* .ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3964AC;
    transition: all 0.5s linear;
} */

/* .ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu:hover:after{
    width: 100%;
} */

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a {
    font-size: calc(100vw * 16 / 1920);
    letter-spacing: 0.04em;
    color: #2453A3;
    /* border: 1px solid #2453A3; */
    padding: calc(100vw * 5 / 1920) calc(100vw * 30 / 1920);
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a span {
    padding-left: 8px;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a span img {
    width: 25px;
    transition: all 0.5s ease;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a:hover span img {
    transform: translateX(8px);
}

/* .ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a:hover {
    color: #FFFFFF;
    background-color: #2453A3;
} */

.ingsjsbg .ingsjsbox .ingsjsrg .ship {
    padding-left: calc(100vw * 36 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjsrg .ship video {
    width: calc(100vw * 770 / 1920);
    height: calc(100vw * 500 / 1920);
}

.ingsjsbg .ingsjsbox .ingsjsrg .ship video source {
    width: 100%;
    height: 100%;
}


.inhzhbbg {
    background: url(../images/hzhbbg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    /* margin-bottom: calc(100vw * 290 / 1920); */
}

.inhzhbbg .shuzibox {
    margin: auto;
    padding-top: calc(100vw * 100 / 1920);
    padding-bottom: calc(100vw * 350 / 1920);
}

.inhzhbbg .shuzibox ul {
    margin: 0;
}

.inhzhbbg .shuzibox ul li {
    position: relative;
}

.inhzhbbg .shuzibox ul li::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.5px;
    height: 60%;
    transform: translateY(45%);
    background-color: #d6d0d0c3;
}

.inhzhbbg .shuzibox ul li:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 60%;
    transform: translateY(45%);
    background-color: #ffffffd9;
}

.inhzhbbg .shuzibox ul li .tpbox {
    display: flex;
    justify-content: center;
}

.inhzhbbg .shuzibox ul li .tpbox p {
    font-size: calc(100vw * 75 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
}

.inhzhbbg .shuzibox ul li .tpbox span {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #FFFFFF;
}

.inhzhbbg .shuzibox ul li .bpbox p {
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
}


.inhzhbbg .lunbobox {
    /* background: url(../images/lunbobg.jpg) no-repeat;
    background-size: cover;
    background-position: center center; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 56%;
    /* padding-bottom: calc(100vw * 70 / 1920); */
}

.inhzhbbg .lunbobox .xiaobox {
    background: url(../images/lunbobg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: calc(100vw * 70 / 1920);
}

.inhzhbbg .lunbobox .lunbbiaoti {
    padding-top: calc(100vw * 42 / 1920);
    /* margin-bottom: calc(100vw * 32 / 1920); */
    margin-bottom: calc(100vw * 40 / 1920);
}

.inhzhbbg .lunbobox .lunbbiaoti .h2box h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #d9d9d952;
}

.inhzhbbg .lunbobox .lunbbiaoti .h3box {
    transform: translateY(calc(100vw * -22 / 1920));
}

.inhzhbbg .lunbobox .lunbbiaoti .h3box h3 {
    font-size: calc(100vw * 35 / 1920);
    letter-spacing: 0em;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.inhzhbbg .lunbobox .lbnrbox {
    position: relative;
}

.inhzhbbg .lunbobox .lbnrbox .swiper3-two {
    max-width: 90%;
}

.inhzhbbg .lunbobox .lbnrbox .swiper3-two .swiper-wrapper .swiper-slide img {
    max-width: 100%;
}

.inhzhbbg .lunbobox .lbnrbox .swiper-button-prev {
    left: 50px;
}

.inhzhbbg .lunbobox .lbnrbox .swiper-button-next {
    right: 50px;
}

.inhzhbbg .lunbobox .lbnrbox .swiper-button-prev::after {
    content: '';
}

.inhzhbbg .lunbobox .lbnrbox .swiper-button-next::after {
    content: '';
}

.inhzhbbg .lunbobox .lbnrbox .swiper-pagination {
    bottom: -15%;
    left: 50%;
    transform: translateX(-50%);
}

.inhzhbbg .lunbobox .lbnrbox .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    margin-top: 10px;
    width: 9px;
    height: 9px;
}

.inhzhbbg .lunbobox .lbnrbox .swiper-pagination .swiper-pagination-bullet-active {
    background: #FFFFFF;
}

.inxwzxbox {
    padding-top: calc(100vw * 320 / 1920);
    padding-bottom: calc(100vw * 60 / 1920);
    background: #FAFAFA;
}

.inxwzxbox .inxwzxbt {
    margin-bottom: calc(100vw * 40 / 1920);
}

.inxwzxbox .inxwzxbt .h2box h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #d9d9d952;
}

.inxwzxbox .inxwzxbt .h3box {
    transform: translateY(calc(100vw * -22 / 1920));
}

.inxwzxbox .inxwzxbt .h3box h3 {
    font-size: calc(100vw * 35 / 1920);
    letter-spacing: 0em;
    color: #3D3D3D;
    font-weight: bold;
    text-align: center;
}

.inxwzxbox .innewsnr {
    margin: auto;
    /* padding: 0 calc(100vw * 14 / 1920); */
}

.inxwzxbox .innewsnr ul {
    margin: 0;
}

.inxwzxbox .innewsnr ul li {
    padding: 0 calc(100vw * 20 / 1920);
}

.inxwzxbox .innewsnr ul li .libox {
    background: #FFFFFF;
    position: relative;
}

/* .inxwzxbox .innewsnr ul li .libox::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #2453A3;
    opacity: 0.3;
} */

.inxwzxbox .innewsnr ul li .libox::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #2453A3;
    transition: all 0.5s ease;
}

.inxwzxbox .innewsnr ul li .libox:hover:before {
    content: '';
    width: 100%;
}

.inxwzxbox .innewsnr ul li .libox a .imhbox {
    overflow: hidden;
}

.inxwzxbox .innewsnr ul li .libox a .imhbox img {
    width: 100%;
    transition: all 0.8s ease;
}

.inxwzxbox .innewsnr ul li .libox:hover a .imhbox img {
    transform: scale(1.1);
}

.inxwzxbox .innewsnr ul li .libox a .h2box {
    padding-top: calc(100vw * 14 / 1920);
    padding-left: calc(100vw * 14 / 1920);
    padding-right: calc(100vw * 30 / 1920);
    padding-bottom: 10px;
}

.inxwzxbox .innewsnr ul li .libox a .h2box h2 {
    font-size: calc(100vw * 18 / 1920);
    line-height: 33px;
    /* letter-spacing: 0.04em; */
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.inxwzxbox .innewsnr ul li .libox:hover a .h2box h2 {
    color: #2453A3;
}

.inxwzxbox .innewsnr ul li .libox a .shijianbox {
    padding-left: calc(100vw * 14 / 1920);
    padding-right: calc(100vw * 30 / 1920);
    margin-bottom: 6px;
}

.inxwzxbox .innewsnr ul li .libox a .shijianbox h3 {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #3D3D3D;
}

.inxwzxbox .innewsnr ul li .libox a .pbox {
    padding-left: calc(100vw * 14 / 1920);
    padding-right: calc(100vw * 30 / 1920);
}

.inxwzxbox .innewsnr ul li .libox a .pbox p {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0.04em;
    color: #666666;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inxwzxbox .innewsnr ul li .libox a .ckxqbox {
    text-align: end;
    /* padding-top: calc(100vw * 20 / 1920); */
    padding-bottom: calc(100vw * 36 / 1920);
    padding-left: calc(100vw * 14 / 1920);
    padding-right: calc(100vw * 30 / 1920);
}

.inxwzxbox .innewsnr ul li .libox a .ckxqbox p {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0.04em;
    color: #2453A3;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.inxwzxbox .innewsnr ul li .libox a .ckxqbox p span {
    padding-left: 8px;
}

.inxwzxbox .innewsnr ul li .libox a .ckxqbox p span img {
    transition: all 0.5s ease;
    width: 25px;
}

.inxwzxbox .innewsnr ul li .libox:hover a .ckxqbox p span img {
    transform: translateX(8px);
}

@media (max-width: 1536px) {

    /* banner */
    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h2 {
        font-size: 60px;
        margin-bottom: 24px;
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h3 {
        font-size: 20px;
    }

    /* cp */
    .incpzxbox .btbox .h2box h2 {
        font-size: 40px;
    }

    .incpzxbox .btbox .h3box {
        transform: translateY(-16px);
    }

    .incpzxbox .btbox .h3box h3 {
        font-size: 28px;
    }

    .incpzxbox .btbox .gdcpbox a {
        font-size: 13px;
        padding: 4px 20px;
    }

    .incpzxbox .nrbox .tpbox {
        /* padding: 24px 0; */
        margin: 0 140px;
        margin-bottom: 50px;
    }

    .incpzxbox .nrbox .tpbox ul li {
        font-size: 16px;
        padding: 24px 0;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li {
        margin-bottom: 40px;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox {
        padding: 13px 5px;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox p {
        font-size: 14px;
    }

    /* youshi */
    .ingsysbox .btbox .h2box h2 {
        font-size: 40px;
    }

    .ingsysbox .btbox .h3box {
        transform: translateY(-16px);
    }

    .ingsysbox .btbox .h3box h3 {
        font-size: 28px;
    }

    .ingsysbox .nrbox ul li .pbox {
        padding: 18px 0;
    }

    .ingsysbox .nrbox ul li .pbox p {
        font-size: 14px;
    }

    .ingsysbox .nrbox {
        margin: 0 100px;
        margin-bottom: 40px;
        margin-top: 14px;
    }

    .ingsysbg .qhbox .imgbg1 {
        background-size: cover;
        background-position: center center;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox {
        margin: 120px 78px 120px 0;
        padding: 26px 22px 50px 22px;
        max-width: 316px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .imgbox {
        padding-top: 30px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .szbox p {
        font-size: 56px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .h2box h2 {
        font-size: 20px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .h3box {
        margin-bottom: 20px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .h3box h3 {
        font-size: 12px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .pbox p {
        font-size: 12px;
        line-height: 24px;
    }

    /* gsjs */
    .ingsjsbg {
        background-size: 100% 100%;
        background-position: center left;
    }

    .ingsjsbg .ingsjsbox {
        padding-top: 123px;
        padding-bottom: 131px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh2 {
        padding-bottom: 6px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh2 h2 {
        font-size: 28px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 {
        padding-bottom: 26px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 h3 {
        font-size: 12px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsp {
        padding-bottom: 40px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsp p {
        font-size: 13px;
        line-height: 26px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsimg {
        padding-bottom: 50px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a {
        font-size: 13px;
        padding: 6px 24px;
    }

    .ingsjsbg .ingsjsbox .ingsjsrg .ship {
        padding-left: 28px;
    }

    .ingsjsbg .ingsjsbox .ingsjsrg .ship video {
        width: 640px;
        height: 416px;
        max-width: 100%;
    }

    /* hzhb */
    .inhzhbbg .shuzibox ul li .tpbox p {
        font-size: 61px;
    }

    .inhzhbbg .shuzibox ul li .tpbox span {
        font-size: 28px;
    }

    .inhzhbbg .shuzibox ul li .bpbox p {
        font-size: 14px;
    }

    .inhzhbbg .lunbobox {
        padding-bottom: 56px;
    }

    .inhzhbbg .lunbobox .lunbbiaoti .h2box h2 {
        font-size: 40px;
    }

    .inhzhbbg .lunbobox .lunbbiaoti .h3box {
        transform: translateY(-16px);
    }

    .inhzhbbg .lunbobox .lunbbiaoti .h3box h3 {
        font-size: 28px;
    }

    /* xwxq */
    .inxwzxbox {
        padding-top: 252px;
        padding-bottom: 36px;
    }

    .inxwzxbox .inxwzxbt .h2box h2 {
        font-size: 40px;
    }

    .inxwzxbox .inxwzxbt .h3box {
        transform: translateY(-16px);
    }

    .inxwzxbox .inxwzxbt .h3box h3 {
        font-size: 28px;
    }

    .inxwzxbox .innewsnr ul li .libox a .h2box h2 {
        font-size: 16px;
    }

    .inxwzxbox .innewsnr ul li .libox a .shijianbox h3 {
        font-size: 13px;
    }

    .inxwzxbox .innewsnr ul li .libox a .pbox p {
        font-size: 13px;
    }

    .inxwzxbox .innewsnr ul li .libox a .ckxqbox p {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {

    /* youshi */
    /* gsjs */
    .ingsjsbg {
        background-size: cover;
    }

    .ingsjsbg .ingsjsbox .ingsjsrg {
        display: none;
    }

    /* hzhb */
    .inhzhbbg .lunbobox .lbnrbox .swiper-button-prev {
        left: 12px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-next {
        right: 12px;
    }

    .incpzxbox .nrbox .tpbox {
        margin: 0 calc(100vw * 140 / 1920);
        margin-bottom: 40px;
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox {
        transform: translateY(-20%);
    }
}

@media (max-width: 992px) {

    /* banner */
    .swiper3-one .swiper-wrapper .swiper-slide {
        height: 50vh;
        background-size: cover;
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h2 {
        font-size: 35px;
        margin-bottom: 18px;
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h3 {
        font-size: 18px;
    }

    /* youshi */
    .ingsysbox {
        padding: 0;
    }

    .ingsysbox .nrbox {
        margin: 0;
        margin-bottom: 40px;
        margin-top: 14px;
    }

    /* hzhb */
    .inhzhbbg .lunbobox {
        top: 68%;
    }

    .inhzhbbg .shuzibox ul li {
        margin-bottom: 20px;
    }

    .inhzhbbg .shuzibox ul li::after {
        width: 0;
    }

    .inhzhbbg .shuzibox ul li .tpbox p {
        font-size: 53px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-prev {
        left: 10px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-next {
        right: 10px;
    }

    .inhzhbbg .lunbobox .xiaobox {
        padding-bottom: 45px;
    }

    /* xwxq */
    .inxwzxbox {
        padding-top: 240px;
        padding-bottom: 36px;
    }

    .inxwzxbox .innewsnr ul li {
        padding: 0 15px;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {

    /* cp */
    .incpzxbox .nrbox .tpbox {
        /* padding: 0; */
        padding-top: 10px;
    }

    .incpzxbox .nrbox .tpbox ul li {
        padding: 0;
        padding-bottom: 10px;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li {
        margin-bottom: 15px;
    }

    /* youshi */
    .ingsysbox .nrbox ul li {
        margin-bottom: 15px;
    }

    /* hzhb */
    .inhzhbbg .lunbobox .lbnrbox .swiper-button-prev {
        left: 8px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-next {
        right: 8px;
    }
}

@media (max-width: 576px) {

    /* xwxq */
    .inxwzxbox .innewsnr ul li {
        margin-bottom: 20px;
        padding: 0;
    }

    /* hzhb */
    .inxwzxbox {
        padding-top: 310px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-prev {
        left: 8px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-next {
        right: 8px;
    }
}

@media (max-width: 499px) {

    /* banner */
    .headAll .deviation .logo a .logojs .lgh2box {
        padding-bottom: 0;
    }

    .swiper3-one {
        margin-top: 36px;
    }

    .swiper3-one .swiper-wrapper .swiper-slide {
        height: 25vh;
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox {
        transform: translateY(-20%);
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .swiper3-one .swiper-wrapper .swiper-slide .bannerwzbox h3 {
        font-size: 12px;
        display: none;
    }

    /* cp */

    .incpzxbox .btbox .h2box h2 {
        font-size: 30px;
    }

    .incpzxbox .btbox .h3box h3 {
        font-size: 18px;
    }

    .incpzxbox .btbox .h3box {
        transform: translateY(-10px);
    }

    .incpzxbox .btbox .gdcpbox {
        position: inherit;
    }

    .incpzxbox .btbox .gdcpbox a {
        padding: 2px 12px;
    }

    .incpzxbox .nrbox .tpbox {
        margin: 0;
        margin-bottom: 20px;
    }

    .incpzxbox .nrbox .tpbox::after {
        bottom: 6px;
    }

    .incpzxbox .nrbox .tpbox ul li {
        margin-bottom: 8px;
        padding-bottom: 4px;
        font-size: 14px;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox {
        padding: 6px 18px;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox img {
        display: none;
    }

    .incpzxbox .nrbox .btmbox .btmneirbox ul li .btmbox p {
        font-size: 12px;
    }

    /* youshi */
    .ingsysbox .btbox .h2box h2 {
        font-size: 30px;
    }

    .ingsysbox .btbox .h3box h3 {
        font-size: 18px;
    }

    .ingsysbox .btbox .h3box {
        transform: translateY(-10px);
    }

    .ingsysbox .nrbox {
        margin-bottom: 20px;
    }

    .ingsysbox .nrbox ul li .pbox {
        padding: 6px 0;
    }

    .ingsysbox .nrbox ul li .pbox p {
        font-size: 14px;
    }

    .ingsysbg .qhbox .imgbg1 {
        justify-content: center;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox {
        margin: 45px 0;
        margin-right: 0;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .szbox p {
        font-size: 30px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .h2box h2 {
        font-size: 18px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .imgbox {
        transform: translateY(-14px);
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .imgbox img {
        width: 47px;
        height: 47px;
    }

    .ingsysbg .qhbox .imgbg1 .nrbox .pbox p {
        font-size: 14px;
    }

    /* gsjs */
    .ingsjsbg .ingsjsbox {
        padding: 0;
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh2 {
        padding-bottom: 4px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh2 h2 {
        font-size: 20px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 {
        padding-bottom: 20px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a {
        padding: 0;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 h3 {
        font-size: 12px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsp {
        padding-bottom: 24px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsp p {
        font-size: 14px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsimg {
        padding-bottom: 36px;
    }

    /* hzhb */
    .inhzhbbg .shuzibox ul li .tpbox p {
        font-size: 26px;
        font-weight: 800;
    }

    .inhzhbbg .shuzibox ul li .tpbox span {
        font-size: 20px;
    }

    .inhzhbbg .shuzibox ul li .bpbox p {
        font-size: 13px;
    }

    .inhzhbbg .lunbobox .lunbbiaoti .h2box h2 {
        font-size: 30px;
    }

    .inhzhbbg .lunbobox .lunbbiaoti .h3box {
        transform: translateY(-12px);
    }

    .inhzhbbg .lunbobox .lunbbiaoti .h3box h3 {
        font-size: 18px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-prev {
        left: 4px;
    }

    .inhzhbbg .lunbobox .lbnrbox .swiper-button-next {
        right: 4px;
    }

    /* xwxq */
    .inxwzxbox {
        padding-top: 214px;
        padding-bottom: 30px;
    }

    .inxwzxbox .inxwzxbt .h2box h2 {
        font-size: 30px;
    }

    .inxwzxbox .inxwzxbt .h3box {
        transform: translateY(-12px);
    }

    .inxwzxbox .inxwzxbt .h3box h3 {
        font-size: 18px;
    }

    .inxwzxbox .innewsnr ul li .libox a .h2box {
        padding-top: 18px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 0;
    }

    .inxwzxbox .innewsnr ul li .libox a .h2box h2 {
        font-size: 16px;
        line-height: normal;
    }

    .inxwzxbox .innewsnr ul li .libox a .shijianbox {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .inxwzxbox .innewsnr ul li .libox a .pbox {
        padding-left: 12px;
        padding-right: 12px;
    }

    .inxwzxbox .innewsnr ul li .libox a .ckxqbox {
        padding: 0 12px 10px 12px;
    }

    .inhzhbbg .lunbobox .xiaobox {
        padding-bottom: 38px;
    }

    .inxwzxbox .innewsnr {
        padding: 0;
    }

    .incpzxbox .btbox .gdcpbox a span img {
        width: 23px;
    }

    .ingsjsbg .ingsjsbox .ingsjslf .ingsjsanniu a span img {
        width: 23px;
    }

    .inxwzxbox .innewsnr ul li .libox a .ckxqbox p span img {
        width: 23px;
    }

}



/* hzhb */
.hzhbbanner {
    background: url(../images/hzhb/hzhbbannerzw.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vw * 620 / 1920);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.hzhbbanner .listbox {
    text-align: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.hzhbbanner .listbox h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.06em; */
    color: #FFFFFF;
}

.hzhbbanner .twobox {
    text-align: center;
}

.hzhbbanner .twobox h3 {
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

/* .mbxdhbg {
    background: rgba(248, 248, 248);
} */

.mbxdhbox {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
    padding-top: calc(100vw * 26 / 1920);
    padding-bottom: calc(100vw * 22 / 1920);
    /* margin-bottom: calc(100vw * 30 / 1920); */
}

.mbxdhbox nav .breadcrumb {
    margin-bottom: 0;
}

.mbxdhbox nav .breadcrumb .breadcrumb-item {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0.04em;
    color: #717171;
}

.mbxdhbox nav .breadcrumb .breadcrumb-item::before {
    color: #717171;
    content: '>';
}

.mbxdhbox nav .breadcrumb .breadcrumb-item:first-child:before {
    content: '';
}

.mbxdhbox nav .breadcrumb .active {
    color: #a0a0a0;
}

.mbxdhbox nav .breadcrumb .breadcrumb-item a {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0.04em;
    color: #717171;
}

.mbxdhbox nav .breadcrumb .breadcrumb-item a:hover {
    color: #2453A3;
}


.hzhbnrbox {
    margin: auto;
    /* background: rgba(248, 248, 248); */
    padding-bottom: calc(100vw * 80 / 1920);
}

.hzhbnrbox .hzhbbt {
    padding-top: calc(100vw * 44 / 1920);
    margin-bottom: calc(100vw * 44 / 1920);
}

.hzhbnrbox .hzhbbt .bttp h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #D9D9D9;
    text-align: center;
}

.hzhbnrbox .hzhbbt .btbtm {
    transform: translateY(calc(100vw * -24 / 1920));
}

.hzhbnrbox .hzhbbt .btbtm h3 {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
}

.hzhbnrbox .hzhbnr {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
}

.hzhbnrbox .hzhbnr .nrtp ul {
    margin: 0;
    /* border: 1px solid #e3e2e2; */
}

.hzhbnrbox .hzhbnr .nrtp ul li {
    padding: 0;
    border: 0.25px solid #E5E5E5;
    transition: all 0.5s ease;
    /* overflow: hidden; */
    position: relative;
}

/* .hzhbnrbox .hzhbnr .nrtp ul li:hover { */
/* transform: scale(1.1); */
/* box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); */
/* background: #FFFFFF; */
/* } */

/* .hzhbnrbox .hzhbnr .nrtp ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #2453A3;
    transition: all 0.5s ease;
}

.hzhbnrbox .hzhbnr .nrtp ul li:hover::after {
    content: '';
    width: 100%;
} */

.hzhbnrbox .hzhbnr .nrtp ul li .hblogo {
    overflow: hidden;
}

.hzhbnrbox .hzhbnr .nrtp ul li:hover .hblogo {
    background: rgba(248, 248, 248);
}

.hzhbnrbox .hzhbnr .nrtp ul li .hblogo img {
    width: 100%;
}

.hzhbnrbox .hzhbnr .nrtp ul li:hover .hblogo img {
    transform: rotateY(360deg);
    transition: all 1s ease-out;
}

/* .hzhbnrbox .hzhbnr .nrtp ul li:hover .hblogo img { */
/* transform: scale(1.1); */
/* } */

.hzhbnrbox .hzhbnr .nrbtm {
    margin-top: calc(100vw * 90 / 1920);
}

.hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination {
    justify-content: center;
}

.hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item {
    margin: 0 3px;
}

.hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item .page-link {
    border: 1px solid #999999;
    border-radius: 50%;
    padding: calc(100vw * 3 / 1920) calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #999999;
}

.hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item .andq {
    border: 1px solid #2453A3;
    color: #FFFFFF;
    background: #2453A3;
}

.hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item:first-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

.hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item:last-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

@media (max-width: 1536px) {
    .hzhbbanner {
        height: 494px;
    }

    .hzhbbanner .listbox h2 {
        font-size: 48px;
    }

    .hzhbbanner .twobox h3 {
        font-size: 19px;
    }

    .mbxdhbox {
        padding-top: calc(100vw * 45 / 1920);
    }

    .mbxdhbox nav .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }

    .mbxdhbox nav .breadcrumb .breadcrumb-item a {
        font-size: 14px;
    }

    .hzhbnrbox {
        padding-bottom: 64px;
    }

    .hzhbnrbox .hzhbbt {
        padding-top: 34px;
        margin-bottom: 34px;
    }

    .hzhbnrbox .hzhbbt .bttp h2 {
        font-size: 40px;
    }

    .hzhbnrbox .hzhbbt .btbtm {
        transform: translateY(-20px);
    }

    .hzhbnrbox .hzhbbt .btbtm h3 {
        font-size: 28px;
    }

    .hzhbnrbox .hzhbnr .nrbtm {
        margin-top: 70px;
    }

    .hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 16px;
        padding: 2px 10px;
    }
}

@media (max-width: 576px) {
    .mbxdhbox {
        padding: 0;
        padding-top: 10px;
        padding-bottom: 15px;
    }
}

@media (max-width: 500px) {
    .hzhbnrbox .hzhbbt {
        padding-top: 0px;
        margin-bottom: 14px;
    }

    .hzhbnrbox .hzhbbt .bttp h2 {
        font-size: 30px;
        /* opacity: 0.6; */
    }

    .hzhbnrbox .hzhbbt .btbtm {
        transform: translateY(-14px);
    }

    .hzhbnrbox .hzhbbt .btbtm h3 {
        font-size: 18px;
    }
}

@media (max-width: 499px) {

    .hzhbbanner {
        height: 200px;
        margin-top: 50px;
    }

    .hzhbbanner .listbox {
        margin-bottom: 10px;
    }

    .hzhbbanner .listbox h2 {
        font-size: 22px;
    }

    .hzhbbanner .twobox h3 {
        font-size: 14px;
    }

    .mbxdhbox {
        padding-top: 12px;
        padding-bottom: 10px;
    }

    .mbxdhbox nav .breadcrumb .breadcrumb-item {
        font-size: 12px;
    }

    .mbxdhbox nav .breadcrumb .breadcrumb-item a {
        font-size: 12px;
    }

    .hzhbnrbox {
        padding-bottom: 40px;
    }

    .hzhbnrbox .hzhbnr {
        padding: 0;
    }

    .hzhbnrbox .hzhbnr .nrbtm {
        margin-top: 30px;
    }

    .hzhbnrbox .hzhbnr .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 12px;
        padding: 3px 8px;
    }
}


/* wjxz */
.wjxzbanner {
    background: url(../images/wjxz/wjxzbannerzw.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vw * 620 / 1920);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.wjxzbanner .listbox {
    text-align: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.wjxzbanner .listbox h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.06em; */
    color: #FFFFFF;
}

.wjxzbanner .twobox {
    text-align: center;
}

.wjxzbanner .twobox h3 {
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.wjxznrbox {
    margin: auto;
    background: rgba(248, 248, 248);
    padding-bottom: calc(100vw * 80 / 1920);
}

.wjxznrbox .wjxzbt {
    padding-top: calc(100vw * 44 / 1920);
    margin-bottom: calc(100vw * 44 / 1920);
}

.wjxznrbox .wjxzbt .bttp h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #D9D9D9;
    text-align: center;
}

.wjxznrbox .wjxzbt .btbtm {
    transform: translateY(calc(100vw * -24 / 1920));
}

.wjxznrbox .wjxzbt .btbtm h3 {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
}

.wjxznrbox .wjxznr {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
}

.wjxznrbox .wjxznr .nrtp ul {
    margin: 0;
}

.wjxznrbox .wjxznr .nrtp ul li {
    padding: 0;
    background: #FFFFFF;
    margin-bottom: calc(100vw * 34 / 1920);
    transition: all 0.5s ease;
}

.wjxznrbox .wjxznr .nrtp ul li:hover {
    background: rgba(227, 231, 240);
}

.wjxznrbox .wjxznr .nrtp ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wjxznrbox .wjxznr .nrtp ul li a .lfbox {
    flex: 1;
    margin-left: calc(100vw * 100 / 1920);
}

.wjxznrbox .wjxznr .nrtp ul li a .lfbox p {
    font-size: calc(100vw * 20 / 1920);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wjxznrbox .wjxznr .nrtp ul li:hover a .lfbox p {
    color: #2453A3;
}

.wjxznrbox .wjxznr .nrtp ul li a .rgbox {
    padding: calc(100vw * 30 / 1920) calc(100vw * 90 / 1920);
    border-left: 1px solid #D8D8D8;
    transition: all 0.5s ease;
}

.wjxznrbox .wjxznr .nrtp ul li:hover a .rgbox {
    background: rgba(208, 215, 231);
}

.wjxznrbox .wjxznr .nrtp ul li a .rgbox .xzimg {
    display: flex;
    justify-content: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.wjxznrbox .wjxznr .nrtp ul li a .rgbox .xzimg img {
    max-width: 100%;
}

.wjxznrbox .wjxznr .nrtp ul li a .rgbox .wzbox p {
    font-size: calc(100vw * 16 / 1920);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3D3D3D;
    text-align: center;
}

@media (max-width: 1536px) {
    .wjxzbanner {
        height: 494px;
    }

    .wjxzbanner .listbox h2 {
        font-size: 48px;
    }

    .wjxzbanner .twobox h3 {
        font-size: 19px;
    }

    .wjxznrbox {
        padding-bottom: 64px;
    }

    .wjxznrbox .wjxzbt {
        margin-bottom: 34px;
    }

    .wjxznrbox .wjxzbt .bttp h2 {
        font-size: 40px;
    }

    .wjxznrbox .wjxzbt .btbtm {
        transform: translateY(-20px);
    }

    .wjxznrbox .wjxzbt .btbtm h3 {
        font-size: 28px;
    }

    .wjxznrbox .wjxznr .nrtp ul li {
        margin-bottom: 26px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .lfbox p {
        font-size: 18px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .rgbox .wzbox p {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .mbxdhbox {
        padding-top: calc(100vw * 60 / 1920);
    }
}

@media (max-width: 826px) {
    .mbxdhbox {
        padding-top: calc(100vw * 22 / 1920);
    }
}

@media (max-width: 500px) {
    .mbxdhbox {
        padding-top: calc(100vw * 60 / 1920);
    }

    .wjxznrbox .wjxzbt {
        margin-bottom: 14px;
    }

    .wjxznrbox .wjxzbt .bttp h2 {
        font-size: 30px;
        /* opacity: 0.6; */
    }

    .wjxznrbox .wjxzbt .btbtm {
        transform: translateY(-14px);
    }

    .wjxznrbox .wjxzbt .btbtm h3 {
        font-size: 18px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .lfbox p {
        font-size: 14px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .rgbox .xzimg img {
        width: 20px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .rgbox .wzbox p {
        font-size: 12px;
    }
}

@media (max-width: 499px) {
    .wjxzbanner {
        height: 200px;
        margin-top: 50px;
    }

    .wjxzbanner .listbox {
        margin-bottom: 10px;
    }

    .wjxzbanner .listbox h2 {
        font-size: 22px;
    }

    .wjxzbanner .twobox h3 {
        font-size: 14px;
    }

    .wjxznrbox {
        padding-bottom: 30px;
    }

    .wjxznrbox .wjxznr {
        padding: 0;
    }

    .wjxznrbox .wjxznr .nrtp ul li {
        margin-bottom: 18px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .lfbox {
        margin-left: 5px;
    }

    .wjxznrbox .wjxznr .nrtp ul li a .rgbox {
        padding: 10px;
    }
}


/* lxwm */
.lxwmbanner {
    background: url(../images/lxwm/lxwmbannerzw.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vw * 620 / 1920);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.lxwmbanner .listbox {
    text-align: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.lxwmbanner .listbox h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.06em; */
    color: #FFFFFF;
}

.lxwmbanner .twobox {
    text-align: center;
}

.lxwmbanner .twobox h3 {
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.lxwmnrbox {
    margin: auto;
    background: rgba(248, 248, 248);
    padding-bottom: calc(100vw * 80 / 1920);
}

.lxwmnrbox .lxwmbt {
    padding-top: calc(100vw * 44 / 1920);
    margin-bottom: calc(100vw * 44 / 1920);
}

.lxwmnrbox .lxwmbt .bttp h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #D9D9D9;
    text-align: center;
}

.lxwmnrbox .lxwmbt .btbtm {
    transform: translateY(calc(100vw * -24 / 1920));
}

.lxwmnrbox .lxwmbt .btbtm h3 {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
}

.lxwmnrbox .lxwmnr {
    margin: 0;
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
    align-items: stretch;
}

.lxwmnrbox .lxwmnr .nrlf {
    padding: 0;
}

.lxwmnrbox .lxwmnr .nrlf>div {
    height: 100%;
}

.lxwmnrbox .lxwmnr .nrlf img {
    width: 100%;
    min-height: 381.7px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.lxwmnrbox .lxwmnr .nrrg {
    padding: 0;

}

.lxwmnrbox .lxwmnr .nrrg .big {
    height: 100%;
    background: #FFFFFF;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig {
    background: #FFFFFF;
    padding: calc(100vw * 86 / 1920) calc(100vw * 105 / 1920) 0 calc(100vw * 124 / 1920);
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btbox {
    position: relative;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btbox::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h2box {
    padding-bottom: calc(100vw * 8 / 1920);
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h2box h2 {
    font-size: calc(100vw * 25 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #2453A3;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h3box {
    padding-bottom: calc(100vw * 30 / 1920);
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h3box h3 {
    font-size: calc(100vw * 12 / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #3D3D3D;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul {
    margin: 0;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li {
    padding: calc(100vw * 22 / 1920) 0;
    position: relative;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #D8D8D8;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(5):after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0px;
    background: #D8D8D8;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox {
    display: flex;
    align-items: center;
    position: relative;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(1) .zhbox::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 20%;
    width: 0;
    height: 100%;
    background: #D8D8D8;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(3) .zhbox::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 20%;
    width: 0;
    height: 100%;
    background: #D8D8D8;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(5) .zhbox {
    display: flex;
    align-items: flex-start;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .lftb img {
    max-width: 100%;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .rgwz {
    padding-left: calc(100vw * 16 / 1920);
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(5) .zhbox .rgwz .tpp {
    padding-bottom: 6px;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .rgwz .tpp p {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #878787;
}

.lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .rgwz .btmp p {
    font-size: calc(100vw * 16 / 1920);
    letter-spacing: 0em;
    color: #3D3D3D;
}

@media (max-width: 1536px) {
    .lxwmbanner {
        height: 494px;
    }

    .lxwmbanner .listbox h2 {
        font-size: 48px;
    }

    .lxwmbanner .twobox h3 {
        font-size: 19px;
    }

    .lxwmnrbox {
        padding-bottom: 64px;
    }

    .lxwmnrbox .lxwmbt {
        padding-top: 34px;
        margin-bottom: 34px;
    }

    .lxwmnrbox .lxwmbt .bttp h2 {
        font-size: 40px;
    }

    .lxwmnrbox .lxwmbt .btbtm {
        transform: translateY(-20px);
    }

    .lxwmnrbox .lxwmbt .btbtm h3 {
        font-size: 28px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h2box {
        padding-bottom: 4px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h2box h2 {
        font-size: 20px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h3box {
        padding-bottom: 24px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h3box h3 {
        font-size: 12px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li {
        padding: 18px 0;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(1) .zhbox::after {
        right: 10%;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(3) .zhbox::after {
        right: 10%;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .rgwz {
        padding-left: 13px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .rgwz .tpp p {
        font-size: 13px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .rgwz .btmp p {
        font-size: 15px;
    }
}

@media (max-width: 1470px) {
    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(2) .zhbox {
        padding-left: 10px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(4) .zhbox {
        padding-left: 10px;
    }
}

@media (max-width: 1200px) {
    .lxwmnrbox .lxwmnr .nrlf img {
        width: 100%;
        min-height: auto;
    }
}

@media (max-width: 576px) {
    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(1) .zhbox::after {
        height: 0;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(2) .zhbox {
        padding-left: 0px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(4) .zhbox {
        padding-left: 0px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li:nth-child(3) .zhbox::after {
        height: 0;
    }
}

@media (max-width: 500px) {
    .lxwmnrbox .lxwmbt {
        padding-top: 20px;
        margin-bottom: 14px;
    }

    .lxwmnrbox .lxwmbt .bttp h2 {
        font-size: 30px;
        /* opacity: 0.6; */
    }

    .lxwmnrbox .lxwmbt .btbtm {
        transform: translateY(-14px);
    }

    .lxwmnrbox .lxwmbt .btbtm h3 {
        font-size: 18px;
    }
}

@media (max-width: 499px) {
    .lxwmbanner {
        height: 200px;
        margin-top: 50px;
    }

    .lxwmbanner .listbox {
        margin-bottom: 10px;
    }

    .lxwmbanner .listbox h2 {
        font-size: 22px;
    }

    .lxwmbanner .twobox h3 {
        font-size: 14px;
    }

    .lxwmnrbox {
        padding-bottom: 40px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h2box {
        padding-bottom: 4px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btbox .h2box h2 {
        font-size: 18px;
    }

    .lxwmnrbox .lxwmnr .nrrg .wzbig .btnrbox ul li {
        padding: 12px 0;
    }
}


/* xwzx */
.xwzxbanner {
    background: url(../images/xwzx/xwzxbannerzw.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vw * 620 / 1920);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.xwzxbanner .listbox {
    text-align: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.xwzxbanner .listbox h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.06em; */
    color: #FFFFFF;
}

.xwzxbanner .twobox {
    text-align: center;
}

.xwzxbanner .twobox h3 {
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.xwzxnrbox {
    margin: auto;
    background: rgba(248, 248, 248);
    padding-bottom: calc(100vw * 80 / 1920);
}

.xwzxnrbox .xwzxbt {
    padding-top: calc(100vw * 44 / 1920);
    margin-bottom: calc(100vw * 44 / 1920);
}

.xwzxnrbox .xwzxbt .bttp h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #D9D9D9;
    text-align: center;
}

.xwzxnrbox .xwzxbt .btbtm {
    transform: translateY(calc(100vw * -24 / 1920));
}

.xwzxnrbox .xwzxbt .btbtm h3 {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
}

.xwzxnrbox .xwzxnr {
    margin: 0;
    margin: auto;
    padding: 0 calc(100vw * 5 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox {
    padding: 0;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli {
    margin-bottom: calc(100vw * 50 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul {
    margin: 0;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li {}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox {
    background: #FFFFFF;
    padding: calc(100vw * 25 / 1920) calc(100vw * 32 / 1920) calc(100vw * 30 / 1920);
    position: relative;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #2453A3;
    transition: all 0.5s ease;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2453A3;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .imgbox {
    overflow: hidden;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .imgbox img {
    width: 100%;
    transition: all 1s ease;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox:hover .imgbox img {
    transform: scale(1.1);
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .h2box {
    padding-top: calc(100vw * 30 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .h2box h2 {
    font-size: calc(100vw * 20 / 1920);
    text-transform: uppercase;
    /* letter-spacing: 0.04em; */
    color: #3D3D3D;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all 0.5s ease;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox:hover .textbox .h2box h2 {
    color: #2453A3;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox {
    padding: calc(100vw * 22 / 1920) 0;
    padding-bottom: calc(100vw * 9 / 1920);
    display: flex;
    justify-content: space-between;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox h3 {
    font-size: calc(100vw * 14 / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #666666;
    display: flex;
    align-items: center;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox p {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0.04em;
    color: #2453A3;
    display: flex;
    align-items: center;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox p span {
    padding-left: 8px;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox p span img {
    width: 25px;
    transition: all 0.5s ease;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox:hover .textbox .timebox p span img {
    transform: translateX(8px);
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .pbox {
    padding-bottom: calc(100vw * 20 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .pbox p {
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 28 / 1920);
    text-align: justify;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .ckxq p {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0.04em;
    color: #2453A3;
    text-align: end;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li {
    margin-bottom: calc(100vw * 42 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox {
    background: #FFFFFF;
    margin: 0 12px;
    padding: calc(100vw * 24 / 1920) calc(100vw * 20 / 1920);
    /* padding-bottom: calc(100vw * 24 / 1920); */
    position: relative;
    transition: all 0.5s ease;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover {
    box-shadow: 0 10px 20px rgba(20, 34, 49, 0.1);
}

/* .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #2453A3;
    transition: all 0.5s ease;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2453A3;
} */

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox {
    overflow: hidden;
    padding-right: calc(100vw * 74 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox img {
    width: 100%;
    transition: all 1s ease;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover .imgbox img {
    transform: scale(1.1);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox {
    padding-right: calc(100vw * 100 / 1920);
    padding-top: calc(100vw * 20 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .btbox {
    margin-bottom: calc(100vw * 30 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .btbox h2 {
    font-size: calc(100vw * 20 / 1920);
    /* letter-spacing: 0.04em; */
    color: #3D3D3D;
    transition: all 0.5s ease;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover .btjsbox .btbox h2 {
    color: #2453A3;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .pbox p {
    font-size: calc(100vw * 16 / 1920);
    line-height: calc(100vw * 26 / 1920);
    text-align: justify;
    letter-spacing: 0.04em;
    color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox {
    padding-top: calc(100vw * 20 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox {
    margin-bottom: calc(100vw * 54 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox p {
    font-size: calc(100vw * 20 / 1920);
    letter-spacing: 0em;
    color: #666666;
    text-align: center;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox {
    /* border: 1px solid #2453A3; */
    /* margin: 0 calc(100vw * 62 / 1920); */
    padding: 3px 0;
    transition: all 0.5s ease;
}

/* .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover .sjckbox .ckxqbox {
    background: #2453A3;
} */

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox p {
    font-size: calc(100vw * 16 / 1920);
    letter-spacing: 0.04em;
    color: #2453A3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox p span {
    padding-left: 8px;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox p span img {
    width: 25px;
    transition: all 0.5s ease;
}

.xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover .sjckbox .ckxqbox p span img {
    transform: translateX(8px);
}

/* .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox:hover .sjckbox .ckxqbox p {
    color: #FFFFFF;
} */

.xwzxnrbox .xwzxnr .bfbox .nrbtm {
    margin-top: calc(100vw * 60 / 1920);
}

.xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination {
    justify-content: center;
}

.xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item {
    margin: 0 6px;
}

.xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item .page-link {
    border: 1px solid #999999;
    border-radius: 50%;
    padding: calc(100vw * 3 / 1920) calc(100vw * 12 / 1920);
    font-size: calc(100vw * 20 / 1920);
    color: #999999;
}

.xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item .andq {
    border: 1px solid #2453A3;
    color: #FFFFFF;
    background: #2453A3;
}

.xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item:first-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

.xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item:last-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

@media (max-width: 1536px) {
    .xwzxbanner {
        height: 494px;
    }

    .xwzxbanner .listbox h2 {
        font-size: 48px;
    }

    .xwzxbanner .twobox h3 {
        font-size: 19px;
    }

    .xwzxnrbox {
        padding-bottom: 64px;
    }

    .xwzxnrbox .xwzxbt {
        padding-top: 34px;
        margin-bottom: 34px;
    }

    .xwzxnrbox .xwzxbt .bttp h2 {
        font-size: 40px;
    }

    .xwzxnrbox .xwzxbt .btbtm {
        transform: translateY(-20px);
    }

    .xwzxnrbox .xwzxbt .btbtm h3 {
        font-size: 28px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli {
        margin-bottom: 40px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox {
        padding: 20px 21px 24px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .h2box {
        padding-top: 24px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .h2box h2 {
        font-size: 16px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox {
        padding: 13px 0;
        padding-bottom: 40px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox h3 {
        font-size: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox p {
        font-size: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .pbox {
        padding-bottom: 16px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .pbox p {
        font-size: 13px;
        line-height: 20px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .ckxq p {
        font-size: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox {
        padding: 16px 11px 19px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox {
        padding-right: 59px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox {
        padding-right: 80px;
        padding-top: 18px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .btbox {
        margin-bottom: 24px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .btbox h2 {
        font-size: 16px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .pbox p {
        font-size: 13px;
        line-height: 23px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox {
        padding-top: 18px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox {
        margin-bottom: 32px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox p {
        font-size: 16px;
    }

    /* .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox {
        margin: 0 36px;
    } */

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox p {
        font-size: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .nrbtm {
        margin-top: 70px;
    }

    .xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 16px;
        padding: 2px 10px;
    }
}

@media (max-width: 1200px) {
    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox {
        padding-right: 20px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox {
        padding-top: 0;
        padding-right: 20px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox p {
        font-size: 14px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox {
        margin: 0;
    }
}

@media (max-width: 992px) {
    .xwzxnrbox .xwzxnr .bfbox {
        padding: 0;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox {
        display: none;
    }
}

@media (max-width: 890px) {
    .xwzxnrbox .xwzxnr .bfbox .tpulli {
        display: none;
    }
}

@media (max-width: 768px) {
    .xwzxnrbox .xwzxnr .bfbox .tpulli {
        display: none;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox {
        margin: 0 3px;
        padding: 14px 16px 16px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox {
        padding-right: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox {
        padding-right: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .btbox {
        margin-bottom: 7px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox {
        padding: 0;
        /* display: none; */
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox {
        /* display: none; */

    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox p {
        text-align: start;
        justify-content: start;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .pbox p {
        display: none;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox {
        display: block;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox {
        padding-top: 0;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox {
        margin-bottom: 6px;
        padding-left: 12px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox p {
        font-size: 12px;
        text-align: start;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox {
        padding-left: 12px;
    }
}

@media (max-width: 576px) {
    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox {
        margin-bottom: 10px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox img {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .xwzxnrbox .xwzxbt {
        padding-top: 20px;
        margin-bottom: 14px;
    }

    .xwzxnrbox .xwzxbt .bttp h2 {
        font-size: 30px;
        /* opacity: 0.6; */
    }

    .xwzxnrbox .xwzxbt .btbtm {
        transform: translateY(-14px);
    }

    .xwzxnrbox .xwzxbt .btbtm h3 {
        font-size: 18px;
    }
}

@media (max-width: 499px) {
    .xwzxbanner {
        height: 200px;
        margin-top: 50px;
    }

    .xwzxbanner .listbox {
        margin-bottom: 10px;
    }

    .xwzxbanner .listbox h2 {
        font-size: 22px;
    }

    .xwzxbanner .twobox h3 {
        font-size: 14px;
    }

    .xwzxnrbox {
        padding-bottom: 40px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li {
        margin-bottom: 14px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox {
        padding: 0;
        /* padding-right: 5px; */
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .imgbox img {
        height: 100%;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox {
        padding: 0;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .btbox h2 {
        font-size: 16px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .btjsbox .pbox p {
        font-size: 12px;
        line-height: 18px;
    }

    .xwzxnrbox .xwzxnr .bfbox .nrbtm {
        margin-top: 30px;
    }

    .xwzxnrbox .xwzxnr .bfbox .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 13px;
        padding: 4px 10px;
    }

    .xwzxnrbox .xwzxnr .bfbox .tpulli ul li .jhbox .textbox .timebox p span img {
        width: 23px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox p span img {
        width: 23px;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .sjbox {
        padding-left: 0;
    }

    .xwzxnrbox .xwzxnr .bfbox .btmulli ul li .zhbox .sjckbox .ckxqbox {
        padding-left: 0;
    }
}


/* xwxq */
.mbxdhxwxq {
    padding-top: 68px;
}

.mbxdhxwxq nav {
    display: flex;
    justify-content: space-between;
}

.mbxdhxwxq nav .breadcrumb {
    align-items: center;
}

.mbxdhxwxq nav .fhlbbox .fhlb {
    /* margin-right: calc(100vw * 30 / 1920); */
    padding: calc(100vw * 6 / 1920) calc(100vw * 32 / 1920);
    background: #2453A3;
    border-radius: 5px;
    cursor: pointer;
}

.mbxdhxwxq nav .fhlbbox .fhlb p {
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0.04em;
    color: #FFFFFF;
}


.xwxqbg {
    padding-top: 40px;
    background: rgba(248, 248, 248);
}

.xwxqbg .xwxqnrbox {
    margin: auto;
}

.xwxqbg .xwxqnrbox .xwxqnr {
    margin: 0;
    padding: 0 calc(100vw * 20 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf {
    padding: 0;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop {
    background: #FFFFFF;
    margin-right: calc(100vw * 20 / 1920);
    padding: calc(100vw * 64 / 1920) calc(100vw * 70 / 1920);
    padding-bottom: 0;
    margin-bottom: calc(100vw * 34 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h2box {
    padding-bottom: calc(100vw * 24 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h2box h2 {
    font-size: calc(100vw * 30 / 1920);
    /* font-weight: bold; */
    letter-spacing: 0.04em;
    color: #3D3D3D;
    text-align: center;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr {
    display: flex;
    justify-content: center;
    padding-bottom: calc(100vw * 10 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    position: relative;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: #d8d8d894;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .time {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #666666;
    margin: 0 5px;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .laiyuan {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #666666;
    margin: 0 5px;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .liulan {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #666666;
    margin: 0 5px;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox {
    padding-bottom: calc(100vw * 80 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox p {
    font-size: calc(100vw * 14 / 1920);
    line-height: calc(100vw * 30 / 1920);
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: 0.04em;
    color: #666666;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox p img {
    max-width: 100%;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox img {
    width: 100%;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .imgbox {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-bottom: calc(100vw * 80 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .imgbox img {
    max-width: 100%;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm {
    margin: 0;
    margin-right: calc(100vw * 20 / 1920);
    margin-bottom: calc(100vw * 76 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy {
    padding: 0;
    padding-right: 15px;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox {
    background: #FFFFFF;
    padding: 15px calc(100vw * 50 / 1920);
    position: relative;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2453A3;
    transition: all 0.5s ease;
    z-index: 10;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox:hover:after {
    width: 100%;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox p {
    font-family: Noto Sans SC;
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    z-index: 11;
    position: inherit;
    transition: all 0.5s ease;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox:hover p {
    color: #FFFFFF;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy {
    padding: 0;
    padding-left: 15px;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox {
    background: #FFFFFF;
    padding: 15px calc(100vw * 50 / 1920);
    position: relative;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2453A3;
    transition: all 0.5s ease;
    z-index: 10;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox:hover:after {
    width: 100%;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox p {
    font-family: Noto Sans SC;
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    z-index: 11;
    position: inherit;
    transition: all 0.5s ease;
    text-align: end;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox:hover p {
    color: #FFFFFF;
}


.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg {
    padding: 0;
    padding-left: calc(100vw * 70 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox {
    background: #FFFFFF;
    padding: calc(100vw * 36 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .btbox {
    padding-bottom: calc(100vw * 20 / 1920);
    position: relative;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .btbox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: #d8d8d894;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .btbox h2 {
    font-size: calc(100vw * 25 / 1920);
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #3D3D3D;
    position: relative;
    padding-left: calc(100vw * 18 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .btbox h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #2453A3;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew {
    margin-top: calc(100vw * 31 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .imgbox {
    overflow: hidden;
    margin-bottom: calc(100vw * 26 / 1920);
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .imgbox img {
    width: 100%;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox {
    padding-bottom: calc(100vw * 20 / 1920);
    position: relative;
    display: flex;
    justify-content: space-between;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: #d8d8d894;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox p {
    font-size: calc(100vw * 16 / 1920);
    text-align: justify;
    /* 浏览器可能不支持 */
    flex: 1;
    letter-spacing: 0em;
    color: #3D3D3D;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox:hover p {
    color: #2453A3;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox .time {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    /* color: #2453A3; */
    color: #3D3D3D;
    /* word-break: break-all; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox:hover .time {
    color: #2453A3;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox {
    margin: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox .pbox {
    flex: 1;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox .pbox p {
    font-size: calc(100vw * 16 / 1920);
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: 0em;
    color: #3D3D3D;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox:hover .pbox p {
    color: #2453A3;
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox .time {
    font-size: calc(100vw * 14 / 1920);
    letter-spacing: 0em;
    /* color: #2453A3; */
    color: #3D3D3D;
    /* word-break: break-all; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    /* transition: all 0.5s ease; */
}

.xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox:hover .time {
    color: #2453A3;
}

@media (max-width: 1536px) {
    .mbxdhxwxq nav .fhlbbox .fhlb p {
        font-size: 14px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop {
        padding: 50px 56px;
        padding-bottom: 0;
        margin-bottom: 27px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h2box {
        padding-bottom: 32px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h2box h2 {
        font-size: 28px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr {
        padding-bottom: 24px;
        margin-bottom: 40;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .time {
        font-size: 13px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .laiyuan {
        font-size: 13px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .liulan {
        font-size: 13px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox {
        padding-bottom: 44px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox p {
        font-size: 13px;
        line-height: 26px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .imgbox {
        margin-bottom: 64px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox {
        padding: 15px 40px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox p {
        font-size: 14px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox {
        padding: 15px 40px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox p {
        font-size: 14px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox {
        padding: 28px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .btbox {
        padding-bottom: 25px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .btbox h2 {
        font-size: 20px;
        padding-left: 14px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew {
        margin-top: 25px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .imgbox {
        margin-bottom: 21px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox {
        padding-bottom: 16px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox .time {
        font-size: 13px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .listnew .pbox p {
        font-size: 13px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox .pbox p {
        font-size: 13px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg .tjxwbox .bigbox .time {
        font-size: 13px;
    }
}

@media (max-width: 992px) {
    .xwxqbg .xwxqnrbox .xwxqnr .xwxqrg {
        display: none;
    }
}

@media (max-width: 768px) {
    .xwxqbg .xwxqnrbox .xwxqnr {
        padding: 0;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop {
        padding: 26px 32px;
        margin-right: 0;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr {
        padding-bottom: 10px;
        margin-bottom: 36px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr .liulan {
        display: none;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox {
        padding: 10px 12px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox p {
        font-size: 14px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox {
        padding: 10px 12px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox p {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop {
        padding: 15px 12px;
        margin-bottom: 10px;
    }

    .mbxdhxwxq nav .fhlbbox {
        display: none;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h3nr {
        padding-bottom: 8px;
        margin-bottom: 20px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h2box {
        padding-bottom: 16px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy {
        padding: 0;
        margin-bottom: 10px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy {
        padding: 0;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox p {
        text-align: start;
    }
}

@media (max-width: 499px) {
    .mbxdhxwxq {
        padding-top: 47px;
    }

    .xwxqbg {
        padding-top: 28px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop {
        padding: 15px 12px;
        margin-bottom: 10px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .h2box h2 {
        font-size: 18px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .pbox {
        padding-bottom: 26px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lftop .imgbox {
        margin-bottom: 30px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .syy .syybox p {
        font-size: 12px;
    }

    .xwxqbg .xwxqnrbox .xwxqnr .xwxqlf .lfbtm .xyy .syybox p {
        font-size: 12px;
    }
}

/***
 *                                         ,s555SB@@&                          
 *                                      :9H####@@@@@Xi                        
 *                                     1@@@@@@@@@@@@@@8                       
 *                                   ,8@@@@@@@@@B@@@@@@8                      
 *                                  :B@@@@X3hi8Bs;B@@@@@Ah,                   
 *             ,8i                  r@@@B:     1S ,M@@@@@@#8;                 
 *            1AB35.i:               X@@8 .   SGhr ,A@@@@@@@@S                
 *            1@h31MX8                18Hhh3i .i3r ,A@@@@@@@@@5               
 *            ;@&i,58r5                 rGSS:     :B@@@@@@@@@@A               
 *             1#i  . 9i                 hX.  .: .5@@@@@@@@@@@1               
 *              sG1,  ,G53s.              9#Xi;hS5 3B@@@@@@@B1                
 *               .h8h.,A@@@MXSs,           #@H1:    3ssSSX@1                  
 *               s ,@@@@@@@@@@@@Xhi,       r#@@X1s9M8    .GA981               
 *               ,. rS8H#@@@@@@@@@@#HG51;.  .h31i;9@r    .8@@@@BS;i;          
 *                .19AXXXAB@@@@@@@@@@@@@@#MHXG893hrX#XGGXM@@@@@@@@@@MS        
 *                s@@MM@@@hsX#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&,      
 *              :GB@#3G@@Brs ,1GM@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B,     
 *            .hM@@@#@@#MX 51  r;iSGAM@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8     
 *          :3B@@@@@@@@@@@&9@h :Gs   .;sSXH@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:    
 *      s&HA#@@@@@@@@@@@@@@M89A;.8S.       ,r3@@@@@@@@@@@@@@@@@@@@@@@@@@@r    
 *   ,13B@@@@@@@@@@@@@@@@@@@5 5B3 ;.         ;@@@@@@@@@@@@@@@@@@@@@@@@@@@i    
 *  5#@@#&@@@@@@@@@@@@@@@@@@9  .39:          ;@@@@@@@@@@@@@@@@@@@@@@@@@@@;    
 *  9@@@X:MM@@@@@@@@@@@@@@@#;    ;31.         H@@@@@@@@@@@@@@@@@@@@@@@@@@:    
 *   SH#@B9.rM@@@@@@@@@@@@@B       :.         3@@@@@@@@@@@@@@@@@@@@@@@@@@5    
 *     ,:.   9@@@@@@@@@@@#HB5                 .M@@@@@@@@@@@@@@@@@@@@@@@@@B    
 *           ,ssirhSM@&1;i19911i,.             s@@@@@@@@@@@@@@@@@@@@@@@@@@S   
 *              ,,,rHAri1h1rh&@#353Sh:          8@@@@@@@@@@@@@@@@@@@@@@@@@#:  
 *            .A3hH@#5S553&@@#h   i:i9S          #@@@@@@@@@@@@@@@@@@@@@@@@@A.
 *
 *
 *    又看源码，看你妹妹呀！
 */

/* gywm */
/* 顶部共用那玩意 */
.gywmbanner {
    background: url(../images/gywm/gywmbannerzw.png) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vw * 620 / 1920);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.gywmbanner .listbox {
    text-align: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.gywmbanner .listbox h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.06em; */
    color: #FFFFFF;
}

.gywmbanner .twobox {
    text-align: center;
}

.gywmbanner .twobox h3 {
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

/* ------------------------------------------- */

.gsjsbox {
    background: #FAFAFA;
    padding-top: calc(100vw * 42 / 1920);
    padding-bottom: calc(100vw * 115 / 1920);
}

.gsjsbox .bigbox {
    margin: 0;
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
}

.gsjsbox .bigbox .lf {
    padding: 0;
    padding-right: calc(100vw * 40 / 1920);
}

.gsjsbox .bigbox .lf .h2box h2 {
    opacity: 0.5;
    font-size: calc(100vw * 45 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    color: #d9d9d97d;
}

.gsjsbox .bigbox .lf .h3box {
    transform: translateY(calc(100vw * -24 / 1920));
}

.gsjsbox .bigbox .lf .h3box h3 {
    font-size: calc(100vw * 40 / 1920);
    font-weight: bold;
    color: #3D3D3D;
}

.gsjsbox .bigbox .lf .pbox {
    padding: calc(100vw * 15 / 1920) 0;
}

.gsjsbox .bigbox .lf .pbox p {
    font-size: calc(100vw * 16 / 1920);
    font-weight: normal;
    line-height: calc(100vw * 25 / 1920);
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: 0.04em;
    color: #717171;
    text-indent: 2em;
}

.gsjsbox .bigbox .rg {
    padding: 0;
    padding-left: calc(100vw * 40 / 1920);
}

.gsjsbox .bigbox .rg .ship {
    width: 100%;
    height: 100%;
}

.gsjsbox .bigbox .rg .ship .video {
    width: 100%;
    height: 100%;
}

/* -------------------------------------------------------------- */

/* 数字滚压滚 */
.szgd {
    background: #FAFAFA;
    padding: 0;
    padding-bottom: calc(100vw * 100 / 1920);
}

.szgdbg {
    background: url(../images/gywm/szgdbg1.png) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin: auto;
    background-attachment: fixed
}

.szgdbg .shuzibox {
    margin: auto;
    padding: calc(100vw * 154 / 1920) 0;
}

.szgdbg .shuzibox ul {
    margin: 0;
}

.szgdbg .shuzibox ul li {
    position: relative;
}

.szgdbg .shuzibox ul li::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.5px;
    height: 60%;
    transform: translateY(45%);
    background-color: #d6d0d0c3;
}

.szgdbg .shuzibox ul li:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 60%;
    transform: translateY(45%);
    background-color: #ffffffd9;
}

.szgdbg .shuzibox ul li .tpbox {
    display: flex;
    justify-content: center;
}

.szgdbg .shuzibox ul li .tpbox p {
    font-size: calc(100vw * 66 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
}

.szgdbg .shuzibox ul li .tpbox span {
    font-size: calc(100vw * 35 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #FFFFFF;
}

.szgdbg .shuzibox ul li .bpbox p {
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
}

/* ---------------------------------------------------- */

/* 关于我们标题 */
.gsysbt {
    background: #FAFAFA;
    padding-bottom: calc(100vw * 45 / 1920);
}

.gsysbt .h2box h2 {
    text-align: center;
    opacity: 0.5;
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #D9D9D9;
}

.gsysbt .h3box {
    transform: translateY(calc(100vw * -24 / 1920));
}

.gsysbt .h3box h3 {
    text-align: center;
    font-size: calc(100vw * 40 / 1920);
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
}

/* -------------------------------------------------------------- */

.sgyoushibg {
    background: #FAFAFA;
    padding-bottom: calc(100vw * 130 / 1920);
}

.sgyoushibg .sgyoushi {
    margin: auto;
    padding: 0 calc(100vw * 5 / 1920);
}

.sgyoushibg .sgyoushi .row {
    margin: 0;
}

.sgyoushibg .sgyoushi .row li {
    padding: 0 20px;
}

.sgyoushibg .sgyoushi .row li .smallbox {
    background: #FFFFFF;
    height: 100%;
    transition: all 0.5s ease;
    padding: calc(100vw * 10 / 1920) calc(100vw * 10 / 1920);
}

.sgyoushibg .sgyoushi .row li .smallbox .bbgbox {
    width: 100%;
    height: 100%;
    border: 0.5px solid #2453a352;
    padding: calc(100vw * 30 / 1920) calc(100vw * 30 / 1920);
    transition: all 0.5s ease;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover .bbgbox {
    border: 0.5px solid #FFFFFF;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover {
    background: #2453A3;
}

.sgyoushibg .sgyoushi .row li .smallbox .imgbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(100vw * 44 / 1920);
}

.sgyoushibg .sgyoushi .row li .smallbox .imgbox img {
    max-width: 100%;
}

.sgyoushibg .sgyoushi .row li .smallbox .imgbox img:last-child {
    display: none;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover .imgbox img:first-child {
    display: none;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover .imgbox img:last-child {
    display: block;
}

.sgyoushibg .sgyoushi .row li .smallbox .h2box {
    padding-bottom: 12px;
}

.sgyoushibg .sgyoushi .row li .smallbox .h2box h2 {
    font-size: calc(100vw * 25 / 1920);
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #3D3D3D;
    text-align: center;
    transition: all 0.5s ease;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover .h2box h2 {
    color: #FFFFFF;
}

.sgyoushibg .sgyoushi .row li .smallbox .h3box {
    padding-bottom: calc(100vw * 40 / 1920);
}

.sgyoushibg .sgyoushi .row li .smallbox .h3box h3 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
    transition: all 0.5s ease;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover .h3box h3 {
    color: #FFFFFF;
}

.sgyoushibg .sgyoushi .row li .smallbox .pbox p {
    font-size: 14px;
    text-align: justify;
    /* 浏览器可能不支持 */
    letter-spacing: 0.04em;
    color: #3D3D3D;
    line-height: 24px;
    transition: all 0.5s ease;
}

.sgyoushibg .sgyoushi .row li .smallbox:hover .pbox p {
    color: #FFFFFF;
}

@media (max-width: 1536px) {

    /* 顶部共用那玩意 */
    .gywmbanner {
        height: 494px;
    }

    .gywmbanner .listbox h2 {
        font-size: 48px;
    }

    .gywmbanner .twobox h3 {
        font-size: 19px;
    }

    /* -------------------------------------------------------- */

    /* 公司介绍 */
    .gsjsbox .bigbox .lf .pbox {
        padding: 11px 0;
    }

    .gsjsbox .bigbox .lf .pbox p {
        font-size: 13px;
        line-height: 19px;
    }

    /* -------------------------------------------------------- */

    /* 数字滚动的玩意 */
    .szgdbg .shuzibox ul li .tpbox p {
        font-size: 52px;
    }

    .szgdbg .shuzibox ul li .tpbox span {
        font-size: 28px;
    }

    .szgdbg .shuzibox ul li .bpbox p {
        font-size: 14px;
    }

    /* -------------------------------------------------------- */

    /* 公司优势fpi */
    .sgyoushibg .sgyoushi .row li .smallbox .h2box h2 {
        font-size: 20px;
    }

}

@media (max-width: 992px) {

    /* 公司介绍 */
    .gsjsbox .bigbox .lf {
        padding-right: 0;
    }

    .gsjsbox .bigbox .lf .h2box h2 {
        font-size: 24px;
    }

    .gsjsbox .bigbox .lf .h3box {
        transform: translateY(-12px);
    }

    .gsjsbox .bigbox .lf .h3box h3 {
        font-size: 18px;
    }

    .gsjsbox .bigbox .rg {
        padding-left: 0;
    }

    /* -------------------------------------------------------- */

    /* 数字滚动的玩意 */
    .szgdbg .shuzibox {
        padding: 20px 0;
    }

    .szgdbg .shuzibox ul li {
        margin-bottom: 20px;
    }

    .szgdbg .shuzibox ul li::after {
        width: 0;
    }

    .szgdbg .shuzibox ul li .tpbox p {
        font-size: 44px;
    }

    /* -------------------------------------------------------- */

    /* 公司优势 */
    .gsysbt .h2box h2 {
        font-size: 26px;
    }

    .gsysbt .h3box {
        transform: translateY(-12px);
    }

    .gsysbt .h3box h3 {
        font-size: 18px;
    }

    .sgyoushibg .sgyoushi .row li {
        margin-bottom: 15px;
        padding: 0;
    }

    .sgyoushibg .sgyoushi .row li .smallbox .h2box h2 {
        font-size: 16px;
    }
}

@media (max-width: 499px) {

    /* 顶部共用那玩意 */
    .gywmbanner {
        height: 200px;
        margin-top: 30px;
    }

    .gywmbanner .listbox {
        margin-bottom: 10px;
    }

    .gywmbanner .listbox h2 {
        font-size: 22px;
    }

    .gywmbanner .twobox h3 {
        font-size: 14px;
    }

    /* ------------------------------------------------------ */

    /* 公司介绍 */
    .gsjsbox .bigbox .lf .pbox {
        padding: 10px 0;
    }

    /* ------------------------------------------------------- */

    /* 数字滚动的玩意 */
    .szgdbg .shuzibox ul li {
        margin-bottom: 10px;
    }

    .szgdbg .shuzibox ul li .tpbox p {
        font-size: 26px;
        font-weight: 800;
    }

    .szgdbg .shuzibox ul li .tpbox span {
        font-size: 20px;
    }

    .szgdbg .shuzibox ul li .bpbox p {
        font-size: 13px;
    }

    /* --------------------------------------------------------- */

    /* 公司优势 */
    .sgyoushibg .sgyoushi .row li .smallbox {
        padding: 10px 10px;
    }

    .sgyoushibg .sgyoushi .row li .smallbox .bbgbox {
        padding: 10px 10px;
    }

    .sgyoushibg .sgyoushi .row li .smallbox .h2box {
        padding-bottom: 6px;
    }

    .sgyoushibg .sgyoushi .row li .smallbox .h3box {
        padding-bottom: 26px;
    }

    .sgyoushibg .sgyoushi .row li .smallbox .imgbox img {
        width: 65px;
    }
}



/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

/* 产品中心 */
.cpzsbanner {
    background: url(../images/cpzx/cpzxbanner.png) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vw * 620 / 1920);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.cpzsbanner .listbox {
    text-align: center;
    margin-bottom: calc(100vw * 20 / 1920);
}

.cpzsbanner .listbox h2 {
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    /* letter-spacing: 0.06em; */
    color: #FFFFFF;
}

.cpzsbanner .twobox {
    text-align: center;
}

.cpzsbanner .twobox h3 {
    font-size: calc(100vw * 20 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

/* ---------------------------------------------------------- */

.cpzxbt {
    /* background: #FAFAFA; */
    padding-top: calc(100vw * 34 / 1920);
    /* padding-bottom: calc(100vw * 42 / 1920); */
    margin-bottom: 4px;
}

.cpzxbt .cpzxbtbox .yybt h2 {
    opacity: 0.5;
    font-size: calc(100vw * 45 / 1920);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0em;
    color: #D9D9D9;
}

.cpzxbt .cpzxbtbox .zwbt {
    transform: translateY(calc(100vw * -24 / 1920));
}

.cpzxbt .cpzxbtbox .zwbt h3 {
    font-size: calc(100vw * 30 / 1920);
    text-align: center;
    font-weight: bold;
    letter-spacing: 0em;
    color: #3D3D3D;
}

/* --------------------------------------------------- */

/* .cpzxnrbtbg {
    background: #FAFAFA;
} */

.cpzxnrbtbg .tpbox {
    margin: auto;
    padding: 0 calc(100vw * 200 / 1920);
    padding-top: calc(100vw * 18 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
}

.cpzxnrbtbg .tpbox ul {
    margin: 0;
    position: relative;
}

.cpzxnrbtbg .biggb {
    position: sticky;
    top: 77px;
    z-index: 9;
    background: #FFFFFF;
}

.cpzxnrbtbg .biggb::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.5px;
    background-color: #F8F8F8;
    ;
}

.cpzxnrbtbg .tpbox ul li {
    padding-bottom: calc(100vw * 24 / 1920);
    position: relative;
}

.cpzxnrbtbg .tpbox ul li::after {
    content: '';
    position: absolute;
    bottom: 12px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background-color: #2453A3;
    transition: all 0.5s ease;
}

.cpzxnrbtbg .tpbox ul li:hover:after {
    width: 40%;
}

.cpzxnrbtbg .tpbox ul li .tpimgbox {
    display: flex;
    justify-content: center;
}

.cpzxnrbtbg .tpbox ul li .tpimgbox img {
    max-width: 100%;
    width: 33px;
}

.cpzxnrbtbg .tpbox ul li .tph2box {
    margin-top: 5px;
}

.cpzxnrbtbg .tpbox ul li .tph2box h2 {
    font-size: calc(100vw * 16 / 1920);
    letter-spacing: 0.04em;
    color: #3D3D3D;
    text-align: center;
}

.cpzxnrbtbg .tpbox ul li:hover .tph2box h2 {
    color: #2453A3;
}

.cpzxnrbtbg .tpbox ul .danqian {
    position: relative;
}

.cpzxnrbtbg .tpbox ul .danqian::after {
    content: '';
    position: absolute;
    bottom: 12px;
    width: 40%;
    left: 30%;
    transform: translateX(0%);
    height: 2px;
    background-color: #2453A3;
    transition: all 0.5s ease;
}

.cpzxnrbtbg .tpbox ul .danqian .tph2box h2 {
    /* font-weight: bold; */
    color: #2453A3;
}

/* ------------------------------------------------------------- */

.cpzxnrbtbg .btmbox {
    margin: auto;
    /* padding: 0 calc(100vw * 20 / 1920); */
}

.cpzxnrbtbg .btmbox .btmflbox .rgtitle {
    padding-bottom: 30px;
}

.cpzxnrbtbg .btmbox .btmflbox .rgtitle h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

.cpzxnrbtbg .btmbox .btmflbox ul {
    /* margin: 0; */
    margin-right: calc(-.5* 2.2rem);
    margin-left: calc(-.5* 2.2rem);
}

.cpzxnrbtbg .btmbox .btmflbox ul li {
    /* padding: 0 calc(100vw * 20 / 1920); */
    /* padding: 0 20px; */
    padding-right: calc(2.2rem* .5);
    padding-left: calc(2.2rem* .5);
    margin-bottom: calc(100vw * 40 / 1920);
}

.cpzxnrbtbg .btmbox .btmflbox .pagination .page-item {
    padding: 0 6px;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox {
    border: 0.5px solid #E5E5E5;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .topbox {
    overflow: hidden;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .topbox img {
    width: 100%;
    transition: all 0.5s ease;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox:hover a .topbox img {
    transform: scale(1.1);
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox {
    display: flex;
    justify-content: center;
    border-top: 0.5px solid #E5E5E5;
    padding: calc(0.833333vw) 0px;
    /* transition: all 0.5s linear 0s; */
    align-items: center;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox:hover a .btmbox {
    background: #2453A3;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox p {
    font-size: calc(100vw * 16 / 1920);
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    /* transition: all 0.5s linear 0s; */
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox:hover a .btmbox p {
    color: #FFFFFF;
}

.cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox img {
    width: 18px;
    height: 18px;
    margin-left: 20px;
    display: none;
}

/* .cpzxnrbtbg .btmbox .btmflbox ul li .bigbox:hover a .btmbox img {
    display: block;
} */

/* ----------------------------------------------------------------- */

/* 数字 */
.cpzxnrbtbg .btmbox .btmflbox .nrbtm {
    margin-top: calc(100vw * 30 / 1920);
}

.cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination {
    justify-content: center;
}

.cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination .page-item .page-link {
    border: 1px solid #999999;
    border-radius: 50%;
    padding: calc(100vw * 3 / 1920) calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #999999;
}

.cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination .page-item .andq {
    border: 1px solid #2453A3;
    color: #FFFFFF;
    background: #2453A3;
}

.cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination .page-item:first-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

.cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination .page-item:last-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

@media (max-width: 1536px) {
    .cpzsbanner {
        height: 494px;
    }

    .cpzsbanner .listbox h2 {
        font-size: 48px;
    }

    .cpzsbanner .twobox h3 {
        font-size: 19px;
    }

    /* ----------------------------------------------------------------- */
    .cpzxnrbtbg .tpbox {
        margin-bottom: 70px;
    }

    .cpzxnrbtbg .tpbox ul li {
        padding-bottom: 22px;
    }

    .cpzxnrbtbg .tpbox ul li .tph2box h2 {
        font-size: 14px;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li {
        margin-bottom: 40px;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox {
        padding: 13px 2px;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox p {
        font-size: 14px;
    }

    /* ----------------------------------------------------------------- */

    /* 数字 */
    .cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 16px;
        padding: 2px 10px;
    }
}

@media (max-width: 1200px) {
    .cpzxbt .cpzxbtbox .yybt h2 {
        font-size: 30px;
    }

    .cpzxbt .cpzxbtbox .zwbt {
        transform: translateY(-14px);
    }

    .cpzxbt .cpzxbtbox .zwbt h3 {
        font-size: 20px;
    }

    .cpzxnrbtbg .tpbox {
        margin-bottom: 44px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .cpzxnrbtbg .tpbox ul li {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .cpzxnrbtbg .tpbox ul li .tpimgbox img {
        width: 54px;
    }

    .cpzxnrbtbg .tpbox ul li .tph2box h2 {
        font-size: 14px;
    }

    .cpzxnrbtbg .biggb {
        top: 86px;
    }
}

@media (max-width: 992px) {
    .cpzxnrbtbg .biggb {
        top: 74px;
    }
}

@media (max-width: 768px) {
    .cpzxnrbtbg .biggb {
        top: 54px;
    }

    .cpzxnrbtbg .tpbox ul .danqian::after {
        bottom: 0;
    }
}

@media (max-width: 499px) {
    .cpzxnrbtbg .biggb {
        top: 48px;
    }

    .cpzxbt {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .cpzsbanner {
        height: 200px;
        margin-top: 50px;
    }

    .cpzsbanner .listbox {
        margin-bottom: 10px;
    }

    .cpzsbanner .listbox h2 {
        font-size: 22px;
    }

    .cpzsbanner .twobox h3 {
        font-size: 14px;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li {
        margin-bottom: 14px;
        padding: 0 10px;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox {
        padding: 8px 5px;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox p {
        font-size: 12px;
    }

    /* ----------------------------------------------------------------- */

    /* 数字 */
    .cpzxnrbtbg .btmbox .btmflbox .pagination .page-item {
        padding: 0 4px;
    }

    .cpzxnrbtbg .btmbox .btmflbox .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 12px;
        padding: 3px 8px;
    }

    .cpzxnrbtbg .tpbox {
        margin-bottom: 26px;
    }

    .cpzxnrbtbg .tpbox ul li {
        padding: 0;
        padding-bottom: 6px;
        margin-bottom: 8px;
    }

    .cpzxnrbtbg .tpbox ul li .tpimgbox img {
        width: 40px;
    }

    .cpzxbt .cpzxbtbox .zwbt h3 {
        font-size: 18px;
    }
}



/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

/* 产品详情 */
.cpxqbg {
    background: #FAFAFA;
    padding-top: calc(100vw * 48 / 1920);
    padding-bottom: calc(100vw * 48 / 1920);
}

.cpxqbg .cpxqnrbox {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
}

.cpxqbg .cpxqnrbox .cpxqnr {
    margin: 0;
    background: #FFFFFF;
    padding: calc(100vw * 60 / 1920);
    padding-right: 0;
    box-shadow: 0 10px 20px rgba(20, 34, 49, 0.1);
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf {
    display: flex;
    padding: 0;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox {
    width: 26%;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner {
    margin-right: calc(100vw * 40 / 1920);
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner .swiper-wrapper a {
    height: auto !important;
    border: 1px solid #2453a300;
    transition: all 0.5s ease;
    margin-bottom: calc(100vw * 18 / 1920);
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner .swiper-wrapper a:last-child {
    margin-bottom: 0;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner .swiper-wrapper .lanbian {
    border: 1px solid #2453a34a;
}



.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner .swiper-wrapper a img {
    max-width: 100%;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .picbox {
    border: 0.5px solid rgba(235, 235, 235);
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .picbox {
    display: none;
    max-width: 100%;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf #img1 {
    display: block;
}

/* .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .picbox img { */
/*display: none;*/
/* max-width: 100%; */
/* } */

/*.cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .picbox img:first-child {
    display: block;
}*/

/* ---------------------------------------------------------------------- */

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg {
    padding: 0;
    padding-left: 24px;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box {
    padding-bottom: calc(100vw * 30 / 1920);
    position: relative;
    margin-bottom: calc(100vw * 40 / 1920);
    padding-right: 10px;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #d8d8d877;
    transition: all 0.5s ease;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box h2 {
    font-size: calc(100vw * 30 / 1920);
    /* font-weight: bold; */
    /* letter-spacing: 0.04em; */
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle {
    margin-bottom: calc(100vw * 40 / 1920);
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul {
    margin: 0;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li {
    display: flex;
    padding: 0;
    padding-right: 10px;
    margin-bottom: calc(100vw * 36 / 1920);
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li .wzbox {
    padding-left: 12px;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li .wzbox p {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .biggbox {
    margin: 0;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox {
    /* background: #2453A3; */
    display: inline-block;
    /* padding: calc(100vw * 12 / 1920) 0; */
    cursor: pointer;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .fhlbbox {
    /* background: #2453A3; */
    display: inline-block;
    /* padding: calc(100vw * 12 / 1920) 0; */
    cursor: pointer;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox p {
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
    background: #2453A3;
    border-radius: 5px;
    padding: 10px 0;
    transition: all 0.5s ease;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox p:hover {
    background: #2b60bb;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .fhlbbox p {
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0.04em;
    text-align: center;
    color: #FFFFFF;
    background: rgba(160, 160, 160);
    border-radius: 5px;
    padding: 10px 0;
    transition: all 0.5s ease;
}

.cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .fhlbbox p:hover {
    background: rgb(181 181 181);
}

/* ------------------------------------------------------ */

.cpxqnrjsbg {
    background: #FAFAFA;
}

.cpxqnrjsbg .cpxqnrjs {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
}

.cpxqnrjsbg .cpxqnrjs .bigbox {
    background: #FFFFFF;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .headxz {
    display: flex;
    padding: calc(100vw * 50 / 1920) 0 0 calc(100vw * 90 / 1920);
    position: relative;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .headxz::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #D8D8D8;
    transition: all 0.5s ease;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb {
    padding-bottom: calc(100vw * 20 / 1920);
    position: relative;
    margin-right: calc(100vw * 100 / 1920);
}

.cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #2453A3;
    transition: all 0.5s ease;
    z-index: 99;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb p {
    font-size: calc(100vw *22 / 1920);
    letter-spacing: 0.04em;
    color: #2453A3;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .headxz .tjcpmd a {
    font-size: calc(100vw * 22 / 1920);
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr {
    text-align: center;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr img {
    max-width: 100%;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox {
    background: #2453A3;
    display: table;
    margin: auto;
    padding: calc(100vw * 30 / 1920) calc(100vw * 212 / 1920);
    margin-top: calc(100vw * 80 / 1920);
    margin-bottom: calc(100vw * 32 / 1920);
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpbt h2 {
    font-size: calc(100vw * 30 / 1920);
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpfbt h3 {
    font-size: calc(100vw * 25 / 1920);
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .imgbox {
    display: grid;
    justify-content: center;
    padding-bottom: 20px;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .imgbox img {
    max-width: 100%;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .imgbox p {
    font-size: calc(100vw * 30 / 1920);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    background: #2453A3;
    padding: 10px 0;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jdwzbox {
    padding-top: calc(100vw * 60 / 1920);
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jdwzbox {
    padding-bottom: calc(100vw * 52 / 1920);
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jdwzbox p {
    font-size: calc(100vw * 30 / 1920);
    font-weight: bold;
    letter-spacing: 0.04em;
    text-align: center;
    color: #2453A3;
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .zhushi {
    padding-bottom: calc(100vw * 70 / 1920);
}

.cpxqnrjsbg .cpxqnrjs .bigbox .footnr .zhushi p {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #3D3D3D;
    text-align: center;
}

/* ----------------------------------------------------------------- */

.sxybg {
    background: #FAFAFA;
    padding-bottom: calc(100vw * 40 / 1920);
}

.sxybg .sxybox {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
}

.sxybg .sxybox .lfbtm {
    margin: 0;
    padding-top: calc(100vw * 56 / 1920);
}

.sxybg .sxybox .lfbtm .syy {
    padding: 0;
    padding-right: calc(100vw * 26 / 1920);
}

.sxybg .sxybox .lfbtm .syy .syybox {
    background: #FFFFFF;
    padding: calc(100vw * 24 / 1920) calc(100vw * 50 / 1920);
    position: relative;
}

.sxybg .sxybox .lfbtm .syy .syybox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2453A3;
    transition: all 0.5s ease;
    z-index: 10;
}

.sxybg .sxybox .lfbtm .syy .syybox:hover:after {
    width: 100%;
}

.sxybg .sxybox .lfbtm .syy .syybox p {
    font-family: Noto Sans SC;
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0em;
    color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    z-index: 11;
    position: inherit;
    transition: all 0.5s ease;
}

.sxybg .sxybox .lfbtm .syy .syybox:hover p {
    color: #FFFFFF;
}

.sxybg .sxybox .lfbtm .xyy {
    padding: 0;
    padding-left: calc(100vw * 26 / 1920);
}

.sxybg .sxybox .lfbtm .xyy .syybox {
    background: #FFFFFF;
    padding: calc(100vw * 24 / 1920) calc(100vw * 50 / 1920);
    position: relative;
}

.sxybg .sxybox .lfbtm .xyy .syybox::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2453A3;
    transition: all 0.5s ease;
    z-index: 10;
}

.sxybg .sxybox .lfbtm .xyy .syybox:hover:after {
    width: 100%;
}

.sxybg .sxybox .lfbtm .xyy .syybox p {
    font-family: Noto Sans SC;
    font-size: calc(100vw * 18 / 1920);
    letter-spacing: 0em;
    color: #666666;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    z-index: 11;
    position: inherit;
    transition: all 0.5s ease;
    text-align: end;
}

.sxybg .sxybox .lfbtm .xyy .syybox:hover p {
    color: #FFFFFF;
}

/* ------------------------------------------------------ */

/* 推荐轮播 */
.lunbobg {
    /* background: #FAFAFA; */
    padding-bottom: calc(100vw * 145 / 1920);
}

.lunbobg .lunbobox {
    margin: auto;
    padding: 0 calc(100vw * 20 / 1920);
    position: relative;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox {
    border: 0.5px solid #E5E5E5;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .imgbox {
    overflow: hidden;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .imgbox img {
    width: 100%;
    transition: all 0.8s ease;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox:hover .imgbox img {
    transform: scale(1.1);
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox {
    display: flex;
    justify-content: center;
    border-top: 0.5px solid #E5E5E5;
    /* border-bottom: 1px solid rgba(76, 76, 76, 0.342); */
    padding: calc(0.833333vw) 0px;
    /* transition: all 0.5s linear 0s; */
    align-items: center;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox:hover .wenxbox {
    background: #2453A3;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox h2 {
    font-size: calc(100vw * 18 / 1920);
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    /* transition: all 0.5s linear 0s; */
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox:hover .wenxbox h2 {
    color: #FFFFFF;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox img {
    width: 18px;
    height: 18px;
    margin-left: 20px;
    display: none;
}

.lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox:hover .wenxbox img {
    display: block;
}

.lunbobg .lunbobox .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100vw * -60 / 1920);
}

.lunbobg .lunbobox .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    width: 12px;
    height: 12px;
}



/* ----------------------------------------------------------------------- */
/* 小玩意 */
#divcp {
    position: fixed;
    z-index: 9999999;
    top: 0px;
    width: 100vw;
    height: 100vh;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: auto;
    background: rgba(154, 154, 154, 0.6);
    overflow: hidden scroll;
    padding: 90px 25.5vw;
    display: none;
}

#divcp .zixunxqback {
    background: #FFFFFF;
    padding: 42px 40px 42px 48px;
}

#divcp .zixunxqback .biaotisq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

#divcp .zixunxqback .biaotisq .suoqu {
    padding-left: 10px;
    position: relative;
}

#divcp .zixunxqback .biaotisq .chahao h2 {
    cursor: pointer;
}

#divcp .zixunxqback .biaotisq .suoqu:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #2453A3;
    transition: all 0.5s ease;
    z-index: 10;
}

#divcp .zixunxqback .biaotisq .suoqu h2 {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

#divcp .zixunxqback .biaotisq .suoqu span {
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

#divcp .zixunxqback .suqform form .bigbox .mb {
    margin-bottom: 10px;
}

#divcp .zixunxqback .suqform form .bigbox .mb label span {
    color: red;
    padding-right: 5px;
}

#divcp .zixunxqback .suqform form .tuxingyanz {
    display: flex;
    align-items: center;
    justify-content: end;
}

#divcp .zixunxqback .suqform form .tuxingyanz .tijiao {
    margin-right: 8px;
}

#divcp .zixunxqback .suqform form .tuxingyanz .tijiao .btn {
    background: rgba(36, 83, 163);
    border-radius: 0;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.04em;
    padding: 10px 50px;
    border: none;
    border-radius: 5px;
}

#divcp .zixunxqback .suqform form .tuxingyanz .czan input {
    background: rgb(181 181 181);
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0.04em;
    padding: 10px 50px;
    border-radius: 5px;
}

/* ------------------------------------------------------------------------ */

@media (max-width: 1536px) {
    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle {
        margin-bottom: 20px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li {
        margin-bottom: 15px;
    }

    .lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox {
        padding: 13px 5px;
    }

    .lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox h2 {
        font-size: 14px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box h2 {
        font-size: 26px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box {
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    /* .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox {
        padding: 10px 116px;
    } */

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox p {
        font-size: 14px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .fhlbbox p {
        font-size: 14px;
    }

    /* ------------------------------------------------------------- */
    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb {
        padding-bottom: 20px;
        margin-right: 80px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb p {
        font-size: 18px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz .tjcpmd a {
        font-size: 18px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox {
        padding: 24px 233px;
        margin-top: 64px;
        margin-bottom: 24px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpbt {
        padding-bottom: 15px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpbt h2 {
        font-size: 24px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpfbt h3 {
        font-size: 20px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .imgbox p {
        font-size: 24px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jdwzbox p {
        font-size: 24px;
    }

    .sxybg .sxybox .lfbtm {
        padding-top: 44px;
    }

    .sxybg .sxybox .lfbtm .syy .syybox {
        padding: 19px 40px;
    }

    .sxybg .sxybox .lfbtm .syy .syybox p {
        font-size: 14px;
    }

    .sxybg .sxybox .lfbtm .xyy .syybox {
        padding: 19px 40px;
    }

    .sxybg .sxybox .lfbtm .xyy .syybox p {
        font-size: 14px;
    }

    .lunbobg {
        padding-bottom: 130px;
    }

    .lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox h2 {
        font-size: 14px;
    }

    .lunbobg .lunbobox .swiper-pagination {
        bottom: -74px;
    }
}

@media (max-width: 1200px) {
    .cpxqbg .cpxqnrbox .cpxqnr {
        padding: 30px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf {
        justify-content: center;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg {
        padding-left: 0;
        margin-top: 20px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox {
        width: 19%;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner .swiper-wrapper a {
        margin-bottom: 19px;
    }

    #divcp {
        padding: 90px 10vw;
    }
}

@media (max-width: 768px) {
    .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox {
        width: 30%;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox {
        padding: 20px 120px;
    }

    #divcp {
        padding: 90px 5vw;
    }

    #divcp .zixunxqback {
        padding: 19px 24px 18px 21px;
    }

    #divcp .zixunxqback .biaotisq .suoqu h2 {
        font-size: 20px;
    }

    #divcp .zixunxqback .biaotisq .suoqu span {
        font-size: 20px;
    }

    #divcp .zixunxqback .suqform form .tuxingyanz .tijiao .btn {
        font-size: 14px;
    }

    #divcp .zixunxqback .suqform form .tuxingyanz .czan input {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox {
        padding: 20px 90px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .zhushi p {
        font-size: 12px;
    }

    .sxybg .sxybox .lfbtm {
        padding-top: 20px;
    }

    .sxybg .sxybox .lfbtm .syy {
        padding-right: 0;
        margin-bottom: 8px;
    }

    .sxybg .sxybox .lfbtm .syy .syybox {
        padding: 14px 22px;
    }

    .sxybg .sxybox .lfbtm .xyy {
        padding-left: 0;
    }

    .sxybg .sxybox .lfbtm .xyy .syybox {
        padding: 14px 22px;
    }

    .sxybg .sxybox .lfbtm .xyy .syybox p {
        text-align: start;
    }
}

@media (max-width: 499px) {
    .cpxqbg {
        padding-bottom: 20px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox {
        width: 54%;
    }

    .cpzxnrbtbg .btmbox .btmflbox ul li .bigbox a .btmbox {
        padding: 8px 22px;
    }

    .cpxqbg .cpxqnrbox {
        padding: 0;
    }

    .cpxqbg .cpxqnrbox .cpxqnr {
        padding: 10px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqlf .btnbox .swipterfather .banner .swiper-wrapper a {
        margin-bottom: 13px;
    }

    .lunbobg .lunbobox .swiper3-three .swiper-wrapper .swiper-slide .bigbox .wenxbox {
        padding: 6px 2px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box h2 {
        font-size: 18px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .h2box {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li {
        align-items: center;
        margin-bottom: 5px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li .wzbox p {
        font-size: 14px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .jsbox .middle ul li .imgbox img {
        width: 16px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox {
        padding: 0;
        padding-right: 8px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .fhlbbox {
        padding: 0;
        padding-left: 8px;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .cpzxbox p {
        font-size: 12px;
        padding: 8px 0;
    }

    .cpxqbg .cpxqnrbox .cpxqnr .cpxqrg .fhlbbox p {
        font-size: 12px;
        padding: 8px 0;
    }

    .cpxqnrjsbg .cpxqnrjs {
        padding: 0;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz {
        padding: 5px 0 0 10px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb {
        padding-bottom: 9px;
        margin-right: 35px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz .cxxqbb p {
        font-size: 16px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .headxz .tjcpmd a {
        font-size: 16px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox {
        padding: 6px 60px;
        margin-top: 20px;
        margin-bottom: 24px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpbt {
        padding-bottom: 8px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpbt h2 {
        font-size: 18px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jscpbtbox .jscpfbt h3 {
        font-size: 16px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .imgbox {
        padding-bottom: 14px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .imgbox p {
        font-size: 16px;
    }

    .cpxqnrjsbg .cpxqnrjs .bigbox .footnr .jdwzbox p {
        font-size: 18px;
    }

    .sxybg .sxybox .lfbtm .syy .syybox p {
        font-size: 12px;
    }

    .sxybg .sxybox .lfbtm .xyy .syybox p {
        font-size: 12px;
    }

    .sxybg .sxybox .lfbtm .xyy .syybox p {
        font-size: 12px;
    }

    .lunbobg {
        padding-bottom: 80px;
    }

    .lunbobg .lunbobox .swiper-pagination {
        bottom: -40px;
    }

    .lunbobg .lunbobox .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}




/* ---------------------------------------------------------------------------------- */
/* basid */
.bsid {
    background-color: #fff;
    width: 100%;
    /* height: 50px; */
    /* float: right; */
    /* top: 94.5%; */
    bottom: 0;
    /* left: 97%; */
    position: fixed;
    z-index: 999999;
    display: none;
    padding-bottom: constant(safe-area-inset-bottom);
    /*兼容 IOS<11.2*/
    padding-bottom: env(safe-area-inset-bottom);
    /*兼容 IOS>11.2*/
}

.bsid .bosid ul {
    display: flex;
    justify-content: space-between;
}

.bsid .bosid ul li {
    padding: 10px 25px 10px 25px;
    /* margin-bottom: 5px; */
    font-size: 14px;
}

.bsid .bosid ul li div a {
    color: #2453A3;
}

@media (max-width: 499px) {
    .footerbg {
        margin-bottom: 34px;
    }

    .bsid {
        display: block;
        /* border-top: 1px solid rgba(182, 182, 182, .4); */
    }
}



.footTfourbox {
    position: fixed;
    bottom: 10%;
    right: 1%;
    z-index: 99999;
}

.footTfourbox .fanhuibox {
    /* display: none; */
    opacity: 0;
    transform: scale(.1);
    transition: all .36s;
}

.footTfourbox .fanhuibox .imgbix img {
    width: 43px;
}

.footTfourbox .fanhuibox .wenzibox {
    padding-top: 10px;
}

.footTfourbox .fanhuibox .wenzibox h2 {
    font-size: 14px;
}

.mc_gotop.mc1_show {
    opacity: 1;
    transform: scale(1);
}

@media (max-width: 499px) {
    .footTfourbox .fanhuibox .imgbix img {
        width: 36px;
    }
}



.swiper3-one .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 38px !important;
}

.swiper3-one .swiper-pagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 38px;
}

@media (max-width: 499px) {
    .swiper3-one .swiper-pagination {
        bottom: 10px !important;
    }

    .swiper3-one .swiper-pagination .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }
}

.swiper-pagination-bullet {
    border: 1px solid #ffffff;
    opacity: 0.7;
    background: none;
}

.swiper-pagination-bullet-active {
    background: #ffffff;
}




#demo1 {
    position: relative;
    height: 100%;
}

#small-box1 {
    position: relative;
    height: 100%;
}

#small-box1 img {
    width: 100%;
    /* border-radius: 15px 0 0 15px; */
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#small-box1 .square {
    position: absolute;
    background-color: #6e6e6e38;
    display: none;
    width: 100%;
    height: 100%;
}

#small-box1 .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#big-box1 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    display: none;
    overflow: hidden;
    z-index: 9;
}

#big-box1 img {
    position: absolute;
}



#demo2 {
    position: relative;
    height: 100%;
}

#small-box2 {
    position: relative;
    height: 100%;
}

#small-box2 img {
    width: 100%;
    /* border-radius: 15px 0 0 15px; */
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#small-box2 .square {
    position: absolute;
    background-color: #6e6e6e38;
    display: none;
    width: 100%;
    height: 100%;
}

#small-box2 .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#big-box2 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    display: none;
    overflow: hidden;
    z-index: 9;
}

#big-box2 img {
    position: absolute;
}


#demo3 {
    position: relative;
    height: 100%;
}

#small-box3 {
    position: relative;
    height: 100%;
}

#small-box3 img {
    width: 100%;
    /* border-radius: 15px 0 0 15px; */
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#small-box3 .square {
    position: absolute;
    background-color: #6e6e6e38;
    display: none;
    width: 100%;
    height: 100%;
}

#small-box3 .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#big-box3 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    display: none;
    overflow: hidden;
    z-index: 9;
}

#big-box3 img {
    position: absolute;
}




#demo4 {
    position: relative;
    height: 100%;
}

#small-box4 {
    position: relative;
    height: 100%;
}

#small-box4 img {
    width: 100%;
    /* border-radius: 15px 0 0 15px; */
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#small-box4 .square {
    position: absolute;
    background-color: #6e6e6e38;
    display: none;
    width: 100%;
    height: 100%;
}

#small-box4 .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#big-box4 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    display: none;
    overflow: hidden;
    z-index: 9;
}

#big-box4 img {
    position: absolute;
}






#demo5 {
    position: relative;
    height: 100%;
}

#small-box5 {
    position: relative;
    height: 100%;
}

#small-box5 img {
    width: 100%;
    /* border-radius: 15px 0 0 15px; */
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#small-box5 .square {
    position: absolute;
    background-color: #6e6e6e38;
    display: none;
    width: 100%;
    height: 100%;
}

#small-box5 .mask {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#big-box5 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    display: none;
    overflow: hidden;
    z-index: 9;
}

#big-box5 img {
    position: absolute;
}


@media (max-width: 1200px) {
    #float-box1 {
        display: none !important;
    }

    #big-box1 {
        display: none !important;
    }

    #float-box2 {
        display: none !important;
    }

    #big-box2 {
        display: none !important;
    }

    #float-box3 {
        display: none !important;
    }

    #big-box3 {
        display: none !important;
    }

    #float-box4 {
        display: none !important;
    }

    #big-box4 {
        display: none !important;
    }

    #float-box5 {
        display: none !important;
    }

    #big-box5 {
        display: none !important;
    }
}




/* 英语 */
/* header */
.headAlleng .deviation .navigation ul div li ul {
    width: 150%;
    left: -25%;
}

.headAlleng .deviation .navigation .ulOne div ul li:hover a {
    letter-spacing: 0.02em;
}

.headAlleng .deviation .dianhuabox {
    transform: translateX(0);
    padding: 0;
}

.headAlleng .deviation .dianhuabox::before {
    right: 0;
}

.headAlleng .deviation .dianhuabox::after {
    left: 0;
}

.headAlleng .deviation .zyzhbox {
    transform: translateX(0);
}

/* footer */
.footerbgeng .footertopbox .mdbox .mdbtbox .mdrgbox .mdbgbox .imgbox img {
    max-width: none;
}

/* index */
.swiper3-oneeng .swiper-wrapper .swiper-slide .bannerwzbox {
    margin: 0 10px;
}

.swiper3-oneeng .swiper-wrapper .swiper-slide .bannerwzbox h2 {
    letter-spacing: 0em;
}

.swiper3-oneeng .swiper-wrapper .swiper-slide .bannerwzbox h3 {
    opacity: 0;
}

.incpzxboxeng .btbox .h3box {
    transform: translateY(calc(100vw * 0 / 1920));
}

.incpzxboxeng .btbox .h2box {
    opacity: 0;
}

.incpzxboxeng .btbox .h2box h2 {
    color: #3D3D3D;
    opacity: 0;
}

.incpzxboxeng .btbox .gdcpbox {
    bottom: calc(100vw * 0 / 1920);
}

.incpzxboxeng .nrbox .tpbox ul li {
    letter-spacing: 0;
}

.incpzxboxeng .nrbox .tpbox ul .danqian {
    letter-spacing: 0;
}

.ingsysboxeng .nrbox ul li .pbox {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
}

.ingsysboxeng .nrbox ul li .pbox p {
    letter-spacing: 0;
}

.ingsysbgeng .qhbox .imgbg1 .nrbox .pbox p {
    text-align: start;
}

.ingsysboxeng .btbox .h2box {
    opacity: 0;
}

.ingsysboxeng .btbox .h2box h2 {
    color: #3D3D3D;
}

.ingsjsbgeng .ingsjsbox .ingsjslf .ingsjsp p {
    text-align: start;
    letter-spacing: 0;
}

.ingsjsbg .ingsjsbox .ingsjslf .ingsjsh3 {
    opacity: 0;
}

.inhzhbbgeng .lunbobox .lunbbiaoti .h2box {
    opacity: 0;
}

.inhzhbbgeng .lunbobox .lunbbiaoti .h2box h2 {
    color: #FFFFFF;
}

.inhzhbbgeng .lunbobox .lunbbiaoti .h3box {
    transform: translateY(calc(100vw * 0 / 1920));
}

.inxwzxboxeng .inxwzxbt .h2box {
    opacity: 0;
}

.inxwzxboxeng .inxwzxbt .h2box h2 {
    color: #3D3D3D;
}

@media (min-width: 1536px) {
    .incpzxboxeng .btbox .h2box h2 {
        font-size: 45px;
    }

    .ingsysboxeng .btbox .h2box h2 {
        font-size: 45px;
    }

    .inhzhbbgeng .lunbobox .lunbbiaoti .h2box h2 {
        font-size: 45px;
    }

    .inxwzxboxeng .inxwzxbt .h2box h2 {
        font-size: 45px;
    }

    .ingsysbgeng .qhbox .imgbg1 .nrbox .h2box h2 {
        font-size: 20px;
    }

    .ingsjsbgeng .ingsjsbox .ingsjslf .ingsjsh2 h2 {
        font-size: 26px;
    }

    .ingsjsbgeng .ingsjsbox .ingsjslf .ingsjsp p {
        font-size: 14px;
        line-height: 25px;
    }
}

@media (max-width: 768px) {
    .incpzxboxeng .btbox .gdcpbox {
        position: inherit;
    }
}

@media (max-width: 499px) {
    .incpzxboxeng .nrbox .tpbox ul li {
        font-size: 13px;
    }

    .ingsysboxeng .nrbox ul li .pbox p {
        font-size: 13px;
    }
}

/* engcpzx */
@media (min-width: 1200px) {
    .cpzxnrbtbgeng .tpbox {
        padding: 0 60px;
        padding-top: calc(100vw * 18 / 1920);
    }
}

@media (min-width: 1536px) {
    .cpzxnrbtbgeng .tpbox {
        margin-bottom: calc(100vw * 50 / 1920);
    }
}

@media (max-width: 1200px) {
    .cpzxnrbtbgeng .tpbox ul li .tph2box h2 {
        font-size: 13px;
    }
}

/* engcpzxxq */
.cpzxbteng .cpzxbtbox {
    padding-bottom: 20px;
}

.cpzxbteng .cpzxbtbox .zwbt {
    transform: translateY(0);
}

@media (max-width: 499px) {
    .cpzxbteng .cpzxbtbox {
        padding-bottom: 0;
    }
}

/* enggywm */
.gsjsbox .bigbox .lf {
    padding-right: 0;
}

.gsjsbox .bigbox .lf .h3box {
    transform: translateY(0);
    padding-bottom: 20px;
}

.gsjsboxeng .bigbox .lf .pbox {
    padding: 0;
}

.gsjsboxeng .bigbox .lf .pbox p {
    letter-spacing: 0em;
    text-indent: 0em;
    text-align: start;
}

.gsjsboxeng .bigbox .rg {
    display: flex;
    align-items: center;
}

.gsjsbox .bigbox .rg .ship {
    height: auto;
}

.sgyoushibg .sgyoushi .row li .smallbox .pbox p {
    text-align: start;
    letter-spacing: 0;
}

@media (min-width: 992px) {
    .sgyoushibgeng .sgyoushi .row li {
        padding: 0 8px;
    }
}

@media (max-width: 1400px) {
    .gsjsbox .bigbox .lf .h3box {
        padding-bottom: 10px;
    }

    .gsjsbox .bigbox .rg {
        padding-left: 10px;
        margin: auto;
        margin-top: 20px;
    }
}

/* englxwm */
.lxwmnrboxeng .lxwmnr .nrrg .wzbig {
    padding: calc(100vw * 34 / 1920) calc(100vw * 70 / 1920) 0 calc(100vw * 70 / 1920);
}

.lxwmnrboxeng .lxwmnr .nrrg .wzbig .btbox .h3box {
    opacity: 0;
}

.lxwmnrboxeng .lxwmnr .nrrg .wzbig .btnrbox ul li .zhbox .lftb img {
    max-width: none;
}

/* engwjxz */
.wjxznrboxeng .wjxznr .nrtp ul li a .rgbox {
    padding: calc(100vw * 17 / 1920) calc(100vw * 36 / 1920);
}

.wjxznrboxeng .wjxznr .nrtp ul li a .rgbox .wzbox p {
    text-transform: capitalize;
}

/* 产品新部分 */
.mbxdhboxpro {
    padding: 0;
}

.mbxdhboxpro nav .breadcrumb {
    margin-bottom: 80px;
}

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

.secpro .subproLf {
    width: 22%;
    background: #C4DCFD;
    /* height: 100%; */
    padding: 30px 38px 0 38px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: rgba(179, 202, 235);
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle {
    display: flex;
    align-items: center;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle .lfFirstImg {
    padding-right: 12px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle .lfFirstImg img {
    width: 33px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle h2 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #171717;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.secproen .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle h2 {
    font-size: 18px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi:hover .lfFirstSack .lfFirst .lfFirstTitle h2 {
    color: #2453A3;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi.active .lfFirstSack .lfFirst .lfFirstTitle h2 {
    color: #2453A3;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstIco {
    position: relative;
    transition: all 0.5s ease;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi:hover .lfFirstSack .lfFirst .lfFirstIco {
    transform: rotate(90deg);
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi.active .lfFirstSack .lfFirst .lfFirstIco {
    transform: rotate(90deg);
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstIco .lfFirstIcoBlack {
    transition: all 0.5s ease;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst:hover .lfFirstIco .lfFirstIcoBlack {
    opacity: 0;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi.active .lfFirstSack .lfFirst .lfFirstIco .lfFirstIcoBlack {
    opacity: 0;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstIco .lfFirstIcoBlue {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst:hover .lfFirstIco .lfFirstIcoBlue {
    opacity: 1;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi.active .lfFirstSack .lfFirst .lfFirstIco .lfFirstIcoBlue {
    opacity: 1;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack {
    overflow: hidden;
    max-height: 0;
    transition: all 0.6s ease-in-out;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi:hover .lfFirstSack .lfSecSack {
    max-height: 1000px;
    transition: all 0.8s ease-in-out;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi.active .lfFirstSack .lfSecSack {
    max-height: 1000px;
    transition: all 0.8s ease-in-out;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack.active .lfSecSack {
    max-height: 1000px;
    transition: all 0.8s ease-in-out;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec {
    padding-bottom: 10px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl {
    padding-left: 44px;
}

/* .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi {
    
} */

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    /* padding-bottom: 6px; */
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText a {
    width: 100%;
    display: block;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText .lfSecLiTitle p {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.04em;
    color: #333333;
    opacity: 0.8;
    transition: all 0.5s ease;
    text-underline-offset: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi:hover .lfSecLiText .lfSecLiTitle p {
    opacity: 1;
    color: #2453A3;
    text-decoration-line: underline;
    text-decoration-color: #2453A3;
    text-decoration-style: solid;
}

.secproen .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText .lfSecLiTitle p {
    font-size: 16px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi.active .lfSecLiText .lfSecLiTitle p {
    opacity: 1;
    color: #2453A3;
    text-decoration-line: underline;
    text-decoration-color: #2453A3;
    text-decoration-style: solid;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText .lfSecLiIco {
    position: relative;
    display: none;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText .lfSecLiIco img {
    width: 10px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText .lfSecLiIco .lfSecLiIcoBlue {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack {
    overflow: hidden;
    max-height: 0;
    transition: all 0.6s ease-in-out;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi:hover .lfThrSack {
    max-height: 1000px;
    transition: all 0.8s ease-in-out;
}

/* .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr {
    padding-bottom: 6px;
} */

/* .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl {
    padding-top: 12px
} */

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi {
    padding: 2px 0;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi .lfThrLiTitle p {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.04em;
    color: #333333;
    opacity: 0.8;
    transition: all 0.5s ease;
    text-underline-offset: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 1em;
}

.secproen .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi .lfThrLiTitle p {
    text-indent: 1em;
}

.secproen .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi .lfThrLiTitle p {
    font-size: 14px;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi .lfThrLiTitle:hover p {
    opacity: 1;
    color: #2453A3;
    text-decoration-line: underline;
    text-decoration-color: #2453A3;
    text-decoration-style: solid;
}

.secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi .lfThrLiTitle p span {
    font-weight: bold;
}

.secpro .subproRg {
    width: 78%;
}

.secpro .subproRg>.btmbox {
    width: 90%;
    padding: 130px 0px 0 68px;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox .rgtitle {
    padding-bottom: 30px;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox .rgtitle h2 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.04em;
    color: #3D3D3D;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul {
    margin-right: calc(-.5* 2rem);
    margin-left: calc(-.5* 2rem);
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li {
    padding-right: calc(2rem* .5);
    padding-left: calc(2rem* .5);
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox {
    border: 1px solid #E5E5E5;
    margin-bottom: 52px;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .topbox {
    background: #D6E6FD;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .topbox img {
    width: 100%;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .btmbox {
    padding: 12px 8px;
    transition: all 0.5s ease;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox:hover .btmbox {
    background: rgba(35, 75, 150);
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .btmbox p {
    font-size: 18px;
    font-weight: normal;
    line-height: 33px;
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox:hover .btmbox p {
    color: #FFFFFF;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .btmbox img {
    display: none;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm {
    /* margin-top: calc(100vw * 50 / 1920); */
    margin-bottom: calc(100vw * 50 / 1920);
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination {
    justify-content: center;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item {
    padding-left: 8px;
    padding-right: 8px;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item .page-link {
    border: 1px solid #999999;
    border-radius: 50%;
    padding: calc(100vw * 3 / 1920) calc(100vw * 10 / 1920);
    font-size: calc(100vw * 16 / 1920);
    color: #999999;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item .andq {
    border: 1px solid #2453A3;
    color: #FFFFFF;
    background: #2453A3;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item:first-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

.secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item:last-child .page-link {
    border: 1px solid #ffffff00;
    background: none;
}

@media (max-width: 1536px) {
    .mbxdhboxpro nav .breadcrumb {
        margin-bottom: 60px;
    }

    .secpro .subproLf {
        padding: 30px 38px 0 38px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle .lfFirstImg {
        padding-right: 4px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle h2 {
        font-size: 18px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl {
        padding-left: 36px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfSecLiText .lfSecLiTitle p {
        font-size: 16px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl {
        padding-top: 6px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi {
        padding: 0;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec .lfSecUl .lfSecLi .lfThrSack .lfThr .lfThrUl .lfThrLi .lfThrLiTitle p {
        font-size: 14px;
    }

    /* 数字 */
    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 16px;
        padding: 2px 10px;
    }

    .secpro .subproRg>.btmbox {
        width: 90%;
        padding: 120px 0px 0 50px;
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li {
        padding-right: calc(1.5rem* .5);
        padding-left: calc(1.5rem* .5);
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox {
        margin-bottom: 38px;
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .btmbox p {
        font-size: 16px;
        line-height: normal;
    }
}

@media (max-width: 1240px) {
    .secpro {
        flex-direction: column;
    }

    .secpro .subproLf {
        width: 100%;
        padding: 0;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .secpro .subproLf .lfSack {
        width: 91.6666667%;
        margin: auto;
    }

    .secpro .subproRg {
        width: 100%;
    }

    .secpro .subproRg>.btmbox {
        width: 91.6666667%;
        padding: 0;
        margin: auto;
        padding-top: 40px;
    }
}

@media (max-width: 499px) {
    .mbxdhboxpro nav .breadcrumb {
        margin-bottom: 30px;
    }

    .secpro .subproLf {
        width: 100%;
        padding: 0;
        padding-bottom: 22px;
        padding-top: 22px;
    }

    .secpro .subproLf .lfSack {
        width: 86%;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstTitle h2 {
        font-size: 16px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst {
        padding-bottom: 4px;
        margin-bottom: 4px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfSecSack .lfSec {
        padding-bottom: 0px;
    }

    .secpro .subproRg>.btmbox {
        padding-top: 24px;
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul {
        margin-right: calc(-.5* 1rem);
        margin-left: calc(-.5* 1rem);
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li {
        padding-right: calc(1rem* .5);
        padding-left: calc(1rem* .5);
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox .btmbox p {
        font-size: 14px;
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul>li .bigbox {
        margin-bottom: 20px;
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm {
        /* margin-top: calc(100vw* 50 / 1920); */
        margin-bottom: calc(100vw* 100 / 1920);
    }

    .secpro .subproRg .btmbox .btmboxrow .btmflbox .rgtitle h2 {
        font-size: 20px;
    }

    .secpro .subproLf .lfSack .lfbtmListSack .lfbtmListUl .lfbtmListLi .lfFirstSack .lfFirst .lfFirstIco img {
        width: 8px;
    }

    /* 数字 */
    .secpro .subproRg .btmbox .btmboxrow .btmflbox ul .nrbtm .fyqbox nav .pagination .page-item .page-link {
        font-size: 12px;
        padding: 3px 8px;
    }
}

stong {
    display: block !important;
    font-size: 16px !important;
    text-align: start !important;
    margin: auto !important;
    width: 90% !important;
    margin-bottom: 20px !important;
}

.cpzxnrbtbg stong {
    display: block !important;
    font-size: 16px !important;
    text-align: start !important;
    margin: auto !important;
    width: 90% !important;
    margin-bottom: 20px !important;
}