@font-face {
    font-family: "NotoSansHans";
    src: url(../font/NotoSansHans-Regular.ttf);
}


@font-face {
    font-family: "PingFang";
    src: url(../font/PingFang.woff2);
}

strong {
	font-weight: bold!important;
	font-size: 20px;
	-moz-border-end-color: #FFFfff;
}
/* @font-face {
    font-family: "FvOreec";
    src: url(../font/LDI2apCSOBg7S-QT7pa8FvOreec.woff2);
}

@font-face {
    font-family: "Gilroy";
    src: url(../font/Gilroy-Light-11.woff2);
} */

@font-face {
    font-family: "din";
    src: url(../image/tt0102m_.ttf);
}


/* ===============================index*/

#newBridge{
    z-index: 999 !important;
}
#nb_toolbar_wrap{
    background: #fff !important;
}
#nb_toolbar_onlineConsult{
    width: 60% !important;
    border-radius: 8px !important;
}
#newBridge #nb_toolbar_wrap a:after{
    display: none !important;
}

.inner {
    width: 90%;
    margin: 0 auto;
}

.inner84 {
    width: 84%;
    margin: 0 auto;
}

.padd {
    padding: 88px 0;
}


/* 瀵艰埅 */


/*900px瀵艰埅*/

.headMenu {
    cursor: pointer;
    position: relative;
    z-index: 99999;
    right: 0;
    display: none;
    /* margin-right: 24px; */
}

.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #333;
    -webkit-transition: all 0.48s ease-in-out;
    -moz-transition: all 0.48s ease-in-out;
    -ms-transition: all 0.48s ease-in-out;
    -o-transition: all 0.48s ease-in-out;
    transition: all 0.48s ease-in-out;
}

.headerMain-bg .headMenu span {
    background: #333;
}

.headMenu.active span {
    background: #333;
}

.headMenu.active span.headMenu_span1 {
    transform: rotate(45deg) translate(6px, 7px);
}

.headMenu.active span.headMenu_span2 {
    opacity: 0;
}

.headMenu.active span.headMenu_span3 {
    transform: rotate(-45deg) translate(4px, -6px);
}

.moHead_mlb {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
    /* background-image: url(../images/bg3.jpg); */
    background: #eee;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    z-index: 99990;
    padding: 28px;
}

.moHead_mlb .moHead_ico {
    text-align: center;
}

.moHead_mlb .moHead_ico a:last-child {
    display: inline-block;
}

.moHead_mlb ul {
    padding: 48px 0 0;

}

.moHead_mlb li:first-child {
    border-top: 1px dotted rgba(27, 47, 95, 0.1);
}

.moHead_mlb li {
    font-size: 15px;
    line-height: 1.6;
    padding: 14px 0;
    border-bottom: 1px dotted rgb(27 47 95 / 10%);

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.moHead_mlb a {
    color: #242b3e;
    letter-spacing: 1px;
}

.moHead_mlb a svg {
    float: right;
    width: 21px;
    height: 24px;
    opacity: 0.8;
}

.moHead_mlb a svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico a {
    vertical-align: top;
    margin: 0 14px;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(27, 47, 95, 0.23);
}

.moHead_mlb .moHead_ico svg {
    width: 24px;
    height: 24px;
}

.moHead_mlb .moHead_ico svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico img, .moHead_mlb .moHead_ico svg {
    margin-top: 10px;
}

.moHead_mlb i {
    position: relative;
    display: block;
    float: right;
    width: 13px;
    height: 13px;
}

.moHead_mlb i::before {
    content: '';
    width: 2px;
    height: 13px;
    background: #333;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    transition: all .48s;
}

.moHead_mlb i::after {
    content: '';
    width: 13px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .48s;
}

@media (max-width: 480px) {
    .moHead_mlb a {
        font-size: 14px;
        color: #000;
    }
}

.moHead_ej {
    width: 100%;
    position: relative;
    display: none;
    padding-top: 8px;
}

.moHead_ej a {
    display: block;
    font-size: 14px;
    padding: 3px 0;
    /* padding-left: 14px; */
    color: #999;
}

.moHead_mlb a.on i::before {
    opacity: 0;
    transition: all .48s;
}

/* 涓嬫媺瀵艰埅鍙樺寲 */
.header::after {
    content: '';
    width: 0%;
    height: 1px;
    background: rgba(255, 255, 255, .28);
    position: absolute;
    left: 0;
    bottom: 0;
}

.header::before {
    content: '';
    width: 0;
    height: 1px;
    background: rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    bottom: 0;
}

.headerMain-bg.header {
    position: fixed;
}

.headerMain-bg.header::after {
    width: 100%;
    /* transition: all .48s; */
    animation: chux 1s linear;
}


@keyframes chux {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.logo .img2 {
    display: none;
}

.header.white {
    background: #fff;
}

/* 鐧借儗鏅� */
.headerMain-hei.header .Nav ul li a {
    color: #333 !important;
}

.headerMain-hei.header .logo .img1 {
    display: none;
}

.headerMain-hei.header .logo .img2 {
    display: block;
}

.headerMain-hei.header .hSs input {
    border-color: rgba(0, 0, 0, .2);
    color: #333;
}

.headerMain-hei.header .hSs input::placeholder {
    color: #333;
}

.headerMain-hei.header .hSs svg path {
    fill: #333;
}

.headerMain-hei.header::before {
    width: 100%;
    animation: chux 1s linear;
}

.headerMain-hei.header .hSs .img1 {
    display: none;
}

.headerMain-hei.header .hSs .img2 {
    display: inline-block;
}


/*  */
@media(min-width:1024px) {
    .header:hover {
        background: #fff;
        box-shadow: 0 0 10px 1px #eee;
    }

    .header:hover .Nav ul li a {
        color: #333 !important;
    }

    .header:hover .logo .img1 {
        display: none;
    }

    .header:hover .logo .img2 {
        display: block;
    }

    .header:hover .hSs input {
        border-color: rgba(0, 0, 0, .2);
        color: #333;
    }

    .header:hover .hSs input::placeholder {
        color: #333;
    }

    .header:hover .hSs svg path {
        fill: #333;
    }

    .header:hover .hSs .hMenu {
        border-color: #333;
    }

    .header:hover .hSs .hMenu span {
        color: #333;
    }

    .header:hover::after {
        width: 100%;
        background: rgba(0, 0, 0, .08);
        transition: all .3s;
    }

    .header:hover .hSs .img1 {
        display: none;
    }

    .header:hover .hSs .img2 {
        display: inline-block;
    }
}


/* 鍐呴〉 */
.header.white {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px 1px #eee;
}

.header.white .Nav ul li a {
    color: #333 !important;
}

.header.white .logo .img1 {
    display: none;
}

.header.white .logo .img2 {
    display: block;
}

.header.white .hSs input {
    border-color: rgba(0, 0, 0, .2);
    color: #333;
}

.header.white .hSs input::placeholder {
    color: #333;
}

.header.white .hSs svg path {
    fill: #333;
}

.header.white .hSs .hMenu {
    border-color: #333;
}

.header.white .hSs .hMenu span {
    color: #333;
}

.header.white::after {
    width: 100%;
    background: rgba(0, 0, 0, .08);
    transition: all .3s;
}

.header.white .hSs .img1 {
    display: none;
}

.header.white .hSs .img2 {
    display: inline-block;
}

/* 搴曢儴 */

.footBuy {
    margin-bottom: 30px;
}

.footer {
    padding-top: 68px;
    border-top: 1px solid #f7f7fa;
}

.footerBox {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.footNav {
    width: 65%;
}

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

.footNav ul li a {
    display: block;
    color: #999;
    font-size: 15px;
    padding-bottom: 4px;
    letter-spacing: 0;
}

.footNav ul li a span {
    display: block;
    color: #333;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.footCon {
    width: 35%;
    padding-left: 10%;
    display: flex;
    justify-content: space-between;
}

.footEwm span {
    display: block;
    color: #333;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.footEwm img {
    width: 120px;
}


.footConXq span {
    display: block;
    color: #333;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.footBuy img {
    width: 42px;
    display: inline-block;
    margin-right: 20px;
}

.footFw {
    margin: 30px 0;
}

.footFw img {
    width: 30px;
    margin-right: 5px;
}

.footConXq p b {
    display: block;
    font-weight: bold;
    font-size: 32px;
    font-family: "din";
}

/*  */
.footBot {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;

    border-top: 1px solid #f7f7fa;
}

.footBot p {
    color: #999;
    font-size: 12px;
}

.footBot p a {
    color: #999;
    font-size: 12px;
}

.footNav ul li a:hover {
    color: #e62c1e;
}

.footBot .a1 {
    padding: 0 10px;
    position: relative;
}

.footBot .a1 img {
    width: 50px;
}


.footLink {
    padding-bottom: 20px;
}

.footLink a {
    color: #999;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0 5px;
}



/* ===================================================鍏叡 */
.inner {
	width: 80%;
	margin: 0 auto;
}

/*瀹氫箟婊氬姩鏉″楂樺強鑳屾櫙锛屽楂�*/
::-webkit-scrollbar {
    width: 0px;
    /*瀵瑰瀭鐩存祦鍔ㄦ潯鏈夋晥*/
    height: 0px;
    /*瀵规按骞虫祦鍔ㄦ潯鏈夋晥*/
}

.More a {
    padding: 10px 36px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #e4e4e4;
    color: #000000;
}

.More a b {
    font-size: 14px !important;
    color: #000000;
    margin-bottom: 0 !important;
}

.More a i {
    display: inline-block;
    color: #666;
    margin-left: 10px;
}

.More.center {
    text-align: center;
}

.More.bg a {
    color: #fff;
    background-color: #e62c1e;
}

.More.bg b {
    color: #fff;
}

.More.bg i {
    color: #fff;
}

.More a:hover {
    color: #fff;
    background-color: #e62c1e;
}

.More a:hover b {
    color: #fff;
}

.More a:hover i {
    color: #fff;
}



.Tit {
    margin-bottom: 40px;
}

.Tit.white span {
    color: #fff;
}

.Tit.white p {
    color: #fff;
}

.Tit span {
    display: block;
    font-size: 44px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    margin: 0;
    background-size: cover;
}

.Tit p {
    font-size: 26px;
    line-height: 1;
    color: #555;
    margin-bottom: 20px;
}

.Tit.center {
    text-align: center;
}

/* ============================================澶撮儴 */

.header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0px 400px;
	z-index: 9999;
	transition: all .48s;
}

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

.header .logo {
    width: 180px;
    position: relative;
}

.header .logo img {
    width: 100%;
}

.header .Nav ul li {
    display: inline-block;
    border-radius: 4px;
}


.header .Nav ul li a {
    display: block;
    color: #fff;
    /* vertical-align: top; */
    padding: 28px 0;
    margin: 0 32px;
    font-size: 15px;
    letter-spacing: 1px;
    position: relative;
}

.header .Nav ul li a::after {
    content: '';
    width: 0;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .48s;
}

.header.white .Nav ul li a::after {
    background: #e62c1e;
}

.header .Nav ul li a:hover::after {
    width: 100%;

    transition: all .48s;
}

.header .Nav ul li.on a::after {
    width: 100%;
    transition: all .48s;
}

.header:hover .Nav ul li a::after {
    background: #e62c1e;
    
}

/*  */

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

.ipt {
    position: relative;
}

.ipt svg {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ipt svg path {
    fill: #fff;
}

.hSs input {
    width: 200px;
    background: none;
    color: #fff !important;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, .2);
    padding: 0 0 1px 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.hSs input::placeholder {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
}

.hSs .img2 {
    display: none;
}

/*  */

.hMenuBox {
    display: inline-block;
    margin: 0 15px;
}

.hMenuBox img {
    width: 36px;
}

/* 涓嬫媺浜岀骇 */
.navZkBox {
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 83px;
    padding: 40px 0 60px;
    z-index: 9998;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    display: none;
}

.navZkBox .inner {
    width: 84%;
}

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

.navZkL {
    width: 22%;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
}

.navZkL .navZkItem {
    flex: auto;
    margin-bottom: 8px;
    background: #f4f7fc;
    border-radius: 8px;
    padding: 25px 0 10px;
    text-align: center;
}

.navZkL .navZkItem img {
    height: 25px;
    object-fit: contain;
    margin-bottom: 10px;
}

.navZkL .navZkItem span {
    font-size: 14px;
    display: block;
}

.navZkL .navZkItem:last-child {
    margin-bottom: 0;
}

.navZkR {
    width: 78%;
    padding-left: 40px;
    display: flex;
    justify-content: space-between;
    border-left: 1px solid #f1f1f3;
}

.navZkR .navZkItem {
    width: calc(25% - 40px);
}

.navZkR .navZkItem i {
    display: inline-block;
    padding: 0px 10px;
    border: 1px solid #ef2853;
    border-radius: 4px;
    font-size: 12px;
    color: #ef2853;
}

.navZkImg {
    width: 100%;
    background: #f4f7fc;
    border-radius: 8px;
    position: relative;
    padding-top: 110%;
}

.navZkImg img {
    width: 50%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 25%;
    top: 0;
}

.navZkText {
    margin-top: 15px;
    text-align: center;
}

.navZkText span {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.navZkText p {
    color: #c7c7c7;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.navZkText img {
    margin-top: 20px;
    width: 22px;
}

/* 鍏徃浠嬬粛 */
.header .Nav ul li .navZkBox a {
    margin: 0;
    padding: 0;
}

.navZkBox a::after {
    display: none;
}

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

.navZkAb_item {
    width: calc(33.33% - 20px);
    display: block;
    border-radius: 8px;
}

.navZkAb_item .navZkAb_img {
    position: relative;
    padding-top: 62%;
    border-radius: 8px;
    overflow: hidden;
}

.navZkAb_item .navZkAb_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.navZkAb_item span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0 20px;
    text-align: center;
}

/* 鏈嶅姟鏀寔 */
.navZkFw {
    width: 54%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.navZkFw_item {
    width: calc(33.33% - 15px);
    padding: 32px 0 !important;
    text-align: center;
    background: #f4f7fc;
    display: block;
    border-radius: 8px;
}

.navZkFw_item img {
    width: 35px;
    margin-bottom: 12px;
}

.navZkFw_item span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}


/* =========================================鍐呴〉banner */

.indBanBox_n {
    width: 100%;
    /* height: 28.75rem; */
    margin-top: 83px;
}

.indBanBox_n .inner {
    height: 100%;
}

.indBan_n {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.indBan_n img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 5s;
}

.indBanText_n {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
}

.indBanText_n span {
    display: block;
    color: #fff;
    font-size: 46px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.indBanText_n .More a {
    background: #fff;
    padding: 12px 26px;
}



/* =========================================================================index */
/* ban */
.banImg {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* .banImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .26);
    position: absolute;
    left: 0;
    top: 0;
} */

.banImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

/* .banVideo::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(0 0 0 / 50%) 20%, rgb(0 0 0 / 0%) 50%);
    position: absolute;
    left: 0;
    top: 0;
} */

.banVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banText {
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translate(0, -50%);
}


.banText span {
    display: block;
    color: #fff;
    text-align: inherit;
    line-height: 1.2;
    letter-spacing: 8px;
    font-weight: 600;
    font-size: 66px;
}

.banText p {
    font-size: 28px;
    color: #fff;
    margin: 20px 0 50px;
}

.indBan_change {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.indBan .swiper-pagination {
    width: 100%;
    bottom: 40px;
    color: #fff;
}

.indBan .swiper-pagination span {
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #fff;
    opacity: .4;
}

.indBan .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1 !important;
}

.indBan_change i {
    color: #fff;
    position: absolute;
    right: -2px;
    bottom: 16px;
    transform: rotate(90deg);
}

/*  */
.indBan .js_banJt {
    width: 40px;
    height: 100px;
    background: rgb(255 255 255 / 27%);
    background-image: url(../images/jt_r_w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% 30%;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    opacity: 0;
    z-index: 999;
}

.indBan .next {
    right: 0;
}

.indBan .prev {
    left: 0;
    transform: translate(-50%, -50%) rotate(180deg);
}

.js_banJt:hover {
    background: rgba(255, 255, 255, .4);
    background-image: url(../images/jt_r_w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80% 40%;
}

.indBan:hover .js_banJt {
    opacity: 1;
    transform: translate(0, -50%);
}

.indBan:hover .prev {
    transform: translate(0, -50%) rotate(180deg);
}

/* 绗簩灞� */
.infMade {
    width: 100%;
    height: 100vh;
    position: relative;
}

.infMade .more900 {
    display: none;
    margin-top: 30px;
}

.infMaImg {
    width: 100%;
    height: 100%;
    position: relative;
}

.infMaImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.infMaText {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.infMaText.Appear .b1 {
    opacity: 1;
    transform: translateY(0);
    transition: all .48s;
}

.infMaText.Appear span {
    opacity: 1;
    transform: translateY(0);
    transition: all .48s;
}

.infMaText.Appear p {
    opacity: 1;
    transform: translateY(0);
    transition: all .48s;
}

.infMaText.Appear .More {
    opacity: 1;
    transform: translateY(0);
    transition: all .48s;
}

.infMaText .b1 {
    display: inline-block;
    padding: 3px 14px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    color: #dbdbdb;
    margin-bottom: 16px;
    font-size: 16px;
    letter-spacing: 2px;

    opacity: 0;
    transform: translateY(100px);
}

.infMaText span {
    display: block;
    color: #fff;
    text-align: inherit;
    line-height: 1.2;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: 50px;

    opacity: 0;
    transform: translateY(100px);
}

.infMaText p {
    font-size: 22px;
    letter-spacing: 5px;
    line-height: 1.4;
    color: #dbdbdb;
    margin: 15px 0 40px;

    opacity: 0;
    transform: translateY(100px);
}

.infMaText .More {
    opacity: 0;
    transform: translateY(100px);
}

/* 浜у搧 */
.indShow {
	width: 100%;
	height: 100vh;
	padding-top: 0px;
	position: relative;
	display: flex;
	align-items: center;
}


.indShow .inner {
    width: 92%;
}

.indShowBox .More {
    margin-top: 40px;
}

.indShowXq {
	width: 100%;
	position: relative;
	margin-top: 0px;
	display: flex;
	justify-content: space-between;
}

.indShowL {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.indShowItem {
    display: block;
    width: 50%;
    padding: 10px;
    position: relative;
}

.indShowL .indShowImg {
    width: 100%;
    padding-top: 135%;
    background: #f4f4f4;
    margin: 0 auto;
    position: relative;
}

.indShowL .indShowImg img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    position: absolute;
    left: 18%;
    top: 18%;
    padding-top: 50px;
}

.indShowText {
	width: 100%;
	height: 100%;
	padding: 50px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.indShowText b {
    color: #333;
    font-size: 18px;
    line-height: 1.4;
    display: block;
    transition: all .48s;
    margin-bottom: 8px;
}

.indShowText span {
    color: #666;
    font-size: 18px;
    display: block;
    transition: all .48s;
}

.indShowL .indShowText i {
    display: inline-block;
    padding: 0px 10px;
    background: #ef2853;
    border-radius: 4px;
    position: absolute;
    top: 38px;
    right: 30px;
    font-size: 12px;
    color: #fff;
}

.indShowText small {
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: center;
}

.indShowText small img {
    width: 12px;
}

.indShowText i img {
    width: 12px;
}

.indShowText small .img2 {
    display: none;
}

.indShowText i .img2 {
    display: none;
}

.indShowR .indShowText i {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 38px;
    left: 30px;
    font-size: 12px;
    color: #333;
}

.indShowR {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.indShowR .indShowImg {
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    margin: 0 auto;
    position: relative;
}

.indShowR .indShowImg img {
    width: 50%;
    height: 70%;
    object-fit: contain;
    position: absolute;
    right: 0%;
    top: 15%;
}

.indShowImg .img2 {
    opacity: 0;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    padding: 0 !important;
    transition: all .48s;
}

@media(min-width:1024px) {



    .indShowItem:hover .indShowImg .img1 {
        display: none;
    }

    .indShowItem:hover .indShowImg .img2 {
        opacity: 1;
        transition: all .48s;
    }

    .indShowItem:hover .indShowText b {
        color: #fff;
        transition: all .48s;
    }

    .indShowItem:hover .indShowText span {
        color: #fff;
        transition: all .48s;
    }

    .indShowItem:hover .indShowText i {
        color: #fff;
        transition: all .48s;
    }

    .indShowItem:hover .indShowText small {
        color: #fff;
        transition: all .48s;
    }

    .indShowItem:hover .indShowText small .img1 {
        display: none;
    }

    .indShowItem:hover .indShowText i .img1 {
        display: none;
    }

    .indShowItem:hover .indShowText small .img2 {
        display: block;
    }

    .indShowItem:hover .indShowText i .img2 {
        display: block;
    }
}

/* 鍥涘ぇ绫� */
.indPro {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #f9f9f9;
    z-index: 2;

    display: flex;
    align-items: center;
}

.indPro .Tit {
    display: none;
}

.indProBox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.indProBox .swiper-container {
    width: 100%;
    height: 100%;
}

.indPro .next, .indPro .prev {
    width: 25px;
    height: 70px;
    background: rgb(255 255 255 / 27%);
    background-image: url(../images/jt_r_w.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% 30%;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 999;
    display: none;
}

.indPro .prev {
    left: 0;
    transform: translate(0, -50%) rotate(180deg);
}

.indPro .next {
    right: 0;
}

.indProItem {
    /* width: 25%; */
    height: 100%;
    width: 100%;
    position: relative;
}



.indProItem h5 {
    height: 116px;
    position: absolute;
    bottom: 70%;
    left: 60px;
    display: block;
    margin-bottom: -67px;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 5px;
    color: #fff;
    opacity: 1;
    transform: translate(0);
    cursor: pointer;

    transition: all .48s;
}

.indProImg {
    height: 100%;
    background: #ccc;
    position: relative;
    overflow: hidden;
}

.indProBox.on .indProImg {
    background: none;
}

.indProImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .28);
    position: absolute;
    left: 0;
    top: 0;

    transition: all 1s;
}


.indProImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.indProImg .img_m {
    display: none;
}

.indProImg .img2 {
    display: none;
}

.indProText {
    width: 100%;
    padding: 30px 60px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    opacity: 0;
    transition: all .48s;
}

.indProText span {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 5px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

.indProText p {
    color: #fff;
    font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 25px;
}


.indProItem.on {
    z-index: 9;
}

.indProItem.on h5 {
    transform: translateY(0) !important;
    opacity: 0;
    transition: 1s ease;
}

.indProItem.on .indProText {
    opacity: 1;
    z-index: 2;
    transition: 1s ease;
}

.indProItem.on .indProImg::after {
    background: #111;
    opacity: .6;
    transition: 1s ease;
}

.indProBox.on .indProItem .indProImg img {
    opacity: 0;
}

.indProBox.on .indProItem {
    z-index: 2;
}

.indProBox.on .indProItem.on {
    border-right: none;
}

.indProBox.on .indProItem.on::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #111;
    opacity: .4;
    position: absolute;
    left: -1px;
    top: 0;
}

.indProBox.on .indProItem h5 {
    transform: translateY(200px);
    opacity: 0;
    transition: all .48s;
}

/*  */
.indProVideoBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    display: none;
}

.indProVideoBox .line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .28);
    position: absolute;
    left: 0;
    bottom: 210px;
}

.indProVideoBox .line.on {
    z-index: 2;
}

.indProItem_v {
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
}

.indProItem_v .indProVideo {
    width: 100%;
    height: 100%;
}

.indProVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indProItem_v.on {
    width: 100%;
    left: 0 !important;
    z-index: 2;
    transition: all 1s;
}

/* 棣栭〉鍏充簬 */
.indAb {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image: url(../image/indAb_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.indABjz {
    width: 35%;
    position: absolute;
    left: 5%;
    bottom: 30px;
    font-size: 12px;
    color: #e3e3e3;
}

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

.indAbText {
    width: 55%;
}

.indAbText .tit {
    display: inline-flex;
    align-items: center;

    font-size: 20px;
    margin-bottom: 45px;
    position: relative;
}



.indAbText .tit .img1 {
    width: 140px;
    margin-right: 20px;
}

.indAbText .tit .img2 {
    width: 220px;
    height: 80px;
    padding-left: 20px;
    position: relative;
}

.indAbText .tit .img2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.indAbText .img2 i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indAbText .img2::after {
    content: '';
    width: 1px;
    height: 45%;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, 0);
}

.indAbText .img2::before {
    content: '';
    width: 1px;
    height: 45%;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(-50%, 0);
}

.indAbText span {
    font-size: 50px;
    line-height: 1.4;
    display: block;
    margin-bottom: 30px;
    font-weight: bold;
}

.indAbText p {
    width: 94%;
    font-size: 22px;
    color: #333;
    margin-bottom: 50px;
}

.indAbTime {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
}

.indAbTime_li .year_span b {
    font-size: 60px;
    font-family: "din";
    line-height: 1;
    color: #e62d1e;
}

.indAbTime_li .year_span i {
    color: #e62d1e;
    margin-left: 5px;
    font-size: 20px;
    font-weight: bold;
}

.indAbTime_li .year_p {
    color: #333;
    font-size: 16px;
}


/*  */

.indAbShuju {
    width: 30%;
    position: relative;
}

.indAbShuju_item {
    background: #fff;
    width: 100%;
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .48s;
}

.indAbShuju_item img {
    width: 100px;
    transform: scale(0.8);
}

.indAbShuju_item:last-child img {
    transform: scale(1);
}

.indAbShuju_item:last-child {
    margin-bottom: 0;
}

.indAbShuju_item span {
    display: block;
    margin-bottom: 10px;
}

.indAbShuju_item span b {
    font-size: 70px;
    font-family: "din";
    line-height: 1;
    color: #e62d1e;
}

.indAbShuju_item span i {
    color: #e62d1e;
    margin-left: 5px;
    font-size: 20px;
    font-weight: bold;
}

.indAbShuju_item p {
    color: #333;
    font-size: 16px;
}

.indAbShuju_item p strong {
    font-size: 12px;
    color: #666;
    display: block;
}

.indAbShuju_item:hover {
    transform: translate(5px, -5px);
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    transition: all .48s;
}

/*  */
.bottomBox {
    padding-top: 145px;
    height: auto;
    display: flex;
    flex-direction: column;
}

/* new */
.indNews {
    padding-bottom: 40px;
}

.indNewsBox {
    /* display: flex;
    justify-content: space-between; */
    width: 100%;
}

.indNewsBox .Tit {
    display: none;
}

.indNewsItem {
    width: 100%;
    display: block;
    /* width: calc(33.33% - 25px); */
    position: relative;
}

.indNewsItem .indNewsImg {
    position: relative;
    padding-top: 56%;
    overflow: hidden;
    border-radius: 15px;
}

.indNewsImg img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.indNewsText {
    width: 100%;
    padding: 20px 0px;
}

.indNewsText span {
    display: block;
    color: #333;
    line-height: 1.2;
    letter-spacing: 1px;
    font-size: 26px;
}

.indNewsText p {
    color: #333;
    font-size: 16px;
    margin: 10px 0 20px;
}

.indNewsText a {
    color: #e62c1e;
    display: inline-flex;
    align-items: center;
}

.indNewsText a img {
    width: 12px;
}

.indNewsTxt {
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin: 10px 0 20px;
}

.indNewsTxt .swiper-container {
    width: 100%;
    height: 100%;
}

.indNewsTxt p {
    height: 100%;
    overflow: hidden;
    color: #333;
    margin: 0;
}


.js_indNewsBox .swiper-pagination {
    height: 2px;
    top: initial;
    bottom: 0;
    background: #e5e5e5;
    display: none;
}

.js_indNewsBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px;
    background: #d8251c;
}


.indNewsImg img:hover {
    transform: scale(1.08);
    transition: all .48s;
}

/* ====================================================================pro */
.proTab {
    width: 100%;
    display: flex;
    align-items: center;
}

.proTab i {
    display: none;
    align-items: center;
}

.proTab i svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.proTab i svg path {
    fill: #666;
}

.proTab_li {
    flex: auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.proTab_li::after {
    content: '';
    width: 1px;
    height: 60%;
    background: #e2e2e2;
    position: absolute;
    right: 0;
    top: 20%;
}

.proTab_li img {
    width: 35px;
    object-fit: contain;
    margin-right: 10px;
}

.proTab_li .img2 {
    display: none;
}

.proTab_li span {
    font-size: 20px;
    font-weight: bold;
}

.proTab_li.actice {
    border-bottom: 3px solid #e62c1e;
}

.proTab_li.actice .img1 {
    display: none;
}

.proTab_li.actice .img2 {
    display: inline-block;
}

.proTab_li.actice span {
    color: #e62c1e;
}

/*  */
.productBox .inner {
    width: 84%;
    display: flex;
    justify-content: space-between;
}

.proNav {
    width: 22%;
    padding-right: 55px;
}

.proNav h5 {
    font-size: 36px;
    line-height: 1.6;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.proNav h5::after {
    content: '';
    width: 55px;
    height: 2px;
    background: #e62c1e;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.proNav_sx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.proNav_sx span {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 18px;
    position: relative;
}

.proNav_sx span img {
    width: 20px;
    margin-right: 10px;
}

.proNav_sx span::after {
    content: '';
    width: 1px;
    height: 60%;
    background: #e7e7e7;
    position: absolute;
    right: 0;
    top: 20%;
}

.proNav_sx b {
    width: 50%;
    display: block;
    text-align: right;
    font-size: 18px;
    color: #e62c1e;
}


.proNav_li {
    padding-bottom: 50px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
}

.proNav_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.proNav_tit span {
    font-size: 18px;
    font-weight: bold;
}

.proNav_tit img {
    width: 14px;
}

.proNav_tit .img2 {
    display: none;
}

.proNav_tit.active .img1 {
    display: none;
}

.proNav_tit.active .img2 {
    display: inline-block;
}

/*  */
.proNav_div {
    display: none;
    width: 100%;
    position: relative;
    z-index: 99;
}

.proNav_a {
    display: flex;
    margin: 20px 0 0;
    justify-content: space-between;
    align-items: center;
}

.proNav_a span {
    font-size: 16px;
}

.proNav_a i {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #919191;
    position: relative;
}

.proNav_a.active span {
    color: #e62c1e;
}

.proNav_a.active i {
    color: #e62c1e;
    border-color: #e62c1e;
}

.proNav_a.active i::after {
    display: block;
    content: "\2713";
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: white;
    line-height: 10px;
    background: #e62c1e;
}


/*  */
.product {
    width: 78%;
    padding-left: 40px;
    position: relative;
}

.product::after {
    content: '';
    width: 1px;
    height: calc(100% + 30px);
    border-left: 1px dashed #e7e7e7;
    position: absolute;
    top: -25px;
    left: 0;
}

.product_r {
    display: flex;
    flex-wrap: wrap;
}

.proItem {
    width: 33.33%;
    padding: 15px;
    display: block;
}

.proItemXq {
    background: #f6f7f9;
    text-align: center;
    position: relative;
}

.proItemXq i {
    display: inline-block;
    padding: 0 5px;
    background: #e62c1e;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 30px;
    top: 35px;
}

.proImg {
    padding-top: 92%;
    margin-bottom: 48px;
}

.proImg img {
    width: 54%;
    height: 75%;
    left: 23%;
    top: 25%;
    object-fit: contain;
    transition: all .48;
}

.proText span {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.proText p {
    color: #b3b3b3;
    padding: 5px 0 30px;
}

.proImg:hover img {
    transform: scale(1.08);
    transition: all .48;
}


/* 缈婚〉 */
/*page*/
.mwPage {
	text-align: center;
	margin-top: 0px;
	
}

.mwPage a {
    cursor: pointer;
    display: inline-block;
    padding: 8px 32px;
    line-height: 1;
    border: 1px solid #eee;
    border-radius: 6px;
    font-size: 13px;
    color: #666;
    transition: all 0.48s;
}

.mwPage a:hover {
    color: #d61e15;
    border-color: #d61e15;
}

.mwPage a.active {
    background: #d61e15;
    color: #fff;
}

/* ====================================================================proxq */

.proHeader {
    width: 100%;
    background: #fff;
    /* position: fixed;
    left: 0;
    top: 83px; */
    box-shadow: 0 5px 5px rgb(0 0 0 / 7%);
    z-index: 9989;
}
.proHeaderBox{
    margin-top: 83px;
}

.proHNav {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}

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

.proHNavL span {
    display: inline-block;
    font-size: 16px;
    margin-right: 20px;
}

.proHNavL a {
    color: #616161;
    padding: 0 10px;
    position: relative;
}

.proHNavL a::after {
    content: '';
    width: 1px;
    height: 12px;
    background: #616161;
    position: absolute;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
}

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

.proHNavR a {
    color: #616161;
    padding: 0 10px;
    position: relative;
}

.proHNavR a::after {
    content: '';
    width: 1px;
    height: 12px;
    background: #616161;
    position: absolute;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
}

.proHNavR a:first-child::after {
    display: none;
}

.proHNavR a:last-child::after {
    display: none;
}

.proHNavR a.buy {
    padding: 2px 20px;
    color: #fff;
    background: #e62c1e;
}

/* .proXqXq {
    margin-top: 140px;
} */

.proXqXq img {
    width: 100%;
}


.proHNavL a:hover {
    color: #e62c1e;
    transition: all .48s;
}

@media (max-width: 1480px) {
    /* .proHeader {
        top: 65px;
    } */
    .proHeaderBox{
        margin-top: 65px;
    }
}

@media (max-width: 1200px) {
    /* .proHeader {
        top: 62px;
    } */
    .proHeaderBox{
        margin-top: 62px;
    }
}

@media (max-width: 960px) {
    .proHeader {
        display: none;
    }
    .proHeaderBox{
        margin-top: 0;
    }

    .proXqXq {
        margin-top: 60px;
    }
}

@media (max-width: 680px) {
    .proXqXq {
        margin-top: 54px;
    }
}

/*  */
.proXq_m {
    display: none;
}

/* ====================================================================================鍐呴〉tab瀵艰埅 */

.dwNav {
    width: 100%;
    padding: 0 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ededed;
}

.dwNav_l a {
    display: inline-block;
    padding: 30px 0 20px;
    margin: 0 50px;
    font-size: 16px;
    font-weight: bold;
}

.dwNav_l a:first-child {
    margin-left: 0;
}

.dwNav_l a.on {
    color: #e62c1e;
    border-bottom: 2px solid #e62c1e;
}

/*  */
.dwNav_r {
    display: flex;
    align-items: center;
}

.dwNav_r svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.dwNav_r svg path {
    fill: #e62c1e;
}

.dwNav_r a {
    color: #555;
}

.abJsImg:hover img {
    transform: scale(1.08);
    transition: all .48s;
}

.dwNav .dwNav_m{
    display: none;
}

/* =================================================================================about */
.abJs {
    width: 100%;
    background-image: url(../images/abJs.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -1px;
}

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

.abJsText {
    width: 50%;
    padding-right: 6%;
    padding-top: 40px;
}

.abJsText h5 {
    font-size: 36px;
    margin-bottom: 15px;
}

.abJsText span {
    font-size: 26px;
    display: block;
    margin-bottom: 40px;
}

.abJsText h6 {
    padding-left: 65%;
    position: relative;
    margin-bottom: 60px;
}

.abJsText h6 img {
    width: 270px;
}

.abJsText h6::after {
    content: '';
    width: 500px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 65%;
    top: 50%;
    transform: translate(-100%, -50%);
}

.abJsText p {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.abJsText p b {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
}

.abJsImg {
    width: 50%;
    position: relative;
    padding-top: 35%;
    border-radius: 8px;
}

.abJsImg img {
    border-radius: 8px;
}

/*  */
.abDgBox {
    display: flex;
    justify-content: space-between;
}

.abDgImg {
    width: 45%;
    padding-top: 39%;
    border-radius: 8px;
}

.abDgImg img {
    border-radius: 8px;
}

.abDgText {
    width: 55%;
    /* background: #f4f7fb; */
    padding: 7% 7% 5% 5%;
}

.abDgText img {
    width: 400px;
    margin-bottom: 30px;
}

.abDgText p {
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 80px;
}

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

.abDgShuju_li i {
    color: #333;
    font-size: 14px;
    display: block;
}

.abDgShuju_li span {
    font-size: 16px;
    color: #be2c20;
}

.abDgShuju_li span b {
    font-size: 60px;
    font-family: "din";
    line-height: 1;
    color: #e62d1e;
    margin-right: 5px;
}

.abDgShuju_li span small {
    font-size: 48px;
    font-family: "din";
    line-height: 1;
    color: #e62d1e;
}

.abDgImg:hover img {
    transform: scale(1.08);
    transition: all .48s;
}

/*  */
.abDyan {
    position: relative;
}

.abDyan img {
    width: 100%;

}

.abDyan_shuju {
    position: absolute;
    left: 45%;
    top: 16%;
}

.abDyan_li {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #d2d3d5;
}

.abDyan_li b {
    font-size: 60px;
    font-family: "din";
    line-height: 1;
    color: #e62d1e;
    margin-right: 10px;
}

.abDyan_li span {
    font-size: 17px;
    color: #333;
    font-weight: bold;
}

.abDyan_li span i {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #e62d1e;
}


/*  */
.abXlBox {
    display: flex;
    justify-content: space-between;
}

.abXlText {
    width: 54%;
    padding: 30px 6% 0 0;
}

.abXlText img {
    width: 160px;
    margin-bottom: 30px;
}

.abXlText span {
    display: block;
    position: relative;
    font-size: 44px;
    line-height: 1.4;
    color: #d61e15;
    font-weight: bold;
    padding-bottom: 30px;
    margin-bottom: 48px;
}

.abXlText span::after {
    content: '';
    width: 40px;
    height: 6px;
    background: #d61e15;
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.abXlText p {
    font-size: 18px;
    color: #111;
    letter-spacing: 2px;
    line-height: 2;
}

.abXlImg {
    width: 46%;
    padding-top: 34%;
    border-radius: 8px;
}

.abXlImg img {
    border-radius: 8px;
}

.abXlImg:hover img {
    transform: scale(1.08);
    transition: all .48s;
}

/*  */
.abSys {
    background: #f4f7fb;
}

.abSysBox {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.abSysItem {
    width: calc(50% - 35px);
}

.abSysImg {
    padding-top: 44%;
    border-radius: 8px;
}

.abSysImg img {
    border-radius: 8px;
}

.abSysText {
    text-align: center;
}

.abSysText span {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 15px;
    display: block;
    margin: 20px 0 10px;
    position: relative;
}

.abSysText span::after {
    content: '';
    width: 40px;
    height: 4px;
    background: #d61e15;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.abSysText p {
    width: 94%;
    margin: 0 auto;
    text-align: left;
    color: #666;
    font-size: 16px;
}

.abSysCen {
    width: 2px;
    height: 45%;
    background: #d61e15;
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
}

.abSysCen span {
    width: 1px;
    height: 110%;
    background: rgb(214 30 21 / 44%);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
}

.abSysCen span i {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px dashed #d61e15;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

.abSysCen span i::after {
    content: '';
    width: 65%;
    height: 65%;
    background: #d61e15;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.abSysImg:hover img {
    transform: scale(1.08);
    transition: all .48s;
}

/*  */
.abWhItem_xq {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.abWhItem {
    width: calc(50% - 10px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: 70px 110px 30px;
}

.abWhL {
    width: 68%;
}

.abWhItem span {
    font-size: 30px;
    color: #d61e15;
    display: block;
    margin-bottom: 60px;
    position: relative;
}

.abWhItem span b {
    font-size: 100px;
    color: #fbe8e7;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.abWhItem h6 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.abWhItem p {
    font-size: 14px;
}

.abWhR {
    width: calc(32% - 10px);
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 4px solid #d61e15;
}

.abWhR img {
    width: 45px;
    margin-bottom: 10px;
}

.abWhR span {
    font-size: 30px;
    color: #d61e15;
    /* font-weight: bold; */
    padding-top: 20px;
    position: relative;
}

.abWhR span::after {
    content: '';
    width: 20px;
    height: 4px;
    background: #d61e15;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.abWhR p {
    color: #d61e15;
    font-weight: bold;
    font-size: 20px;
}

/*  */
.abHis {
    width: 100%;
    position: relative;
    background-image: url(../images/abHis.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 910px;
}

.abHisBox {
    display: flex;
    width: 45%;
}

.abHisL {
    width: 18%;
    height: 580px;
    position: relative;

}

.abHisL .swiper-container {
    padding-right: 20px;
}

.abHisL::after {
    content: '';
    width: 1px;
    height: 100%;
    background: rgb(255 255 255 / 75%);
    position: absolute;
    right: 19.5px;
    top: 14px;
}

.abHisL .swiper-container {
    width: 100%;
    height: 100%;
}

.abHisL span {
    display: block;
    width: 100%;
    color: rgb(255 255 255 / 75%);
    text-align: center;
    position: relative;
}

.abHisL span::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 2;
}

.abHisL .swiper-slide-thumb-active span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.abHisL p {
    color: rgb(255 255 255 / 75%);
}

.abHisR {
    width: 82%;
    height: 580px;
    padding-left: 55px;
}

.abHisR .swiper-container {
    width: 100%;
    height: 100%;
}

.abHis_time {
    padding: 20px 0;
}

.abHis_time i {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.abHis_time span {
    color: #fff;
}

.abHisR .swiper-slide {
    opacity: .48 !important;
    height: auto;
}

.abHisR .swiper-slide-active {
    opacity: 1 !important;
}


/*  */
.abRyu {
    width: 100%;
    background: #f4f7fb;
}

.abRyu .Tit p {
    color: #333;
    font-size: 16px;
    margin-top: 20px;
}

.abRyuBox .swiper-slide {
    padding: 20px;
}

.abRyuText {
    display: block;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 20px 38px;
    text-align: center;
}

.abRyuImg {
    width: 100%;
    position: relative;
    padding-top: 69%;
    overflow: hidden;
    margin-bottom: 38px;
}

.abRyuImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.abRyuTit {
    border-top: 1px solid #f2f1f1;
}

.abRyuTit span {
    color: #666;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    padding-top: 10px;
    position: relative;
}

.abRyuTit p {
    font-size: 16px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.abRyuBox .swiper-container {
    padding-bottom: 60px;
}

.abRyuBox .swiper-pagination {
    height: 2px;
    top: initial;
    bottom: 0;
    background: #e5e5e5;
}

.abRyuBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px;
    background: #d8251c;
}


/* ========================================================================ab_kjzl */
.kjTit_span {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 7px;
    color: #111;
    display: block;
    margin-bottom: 30px;
}

.kjTit_p {
    font-size: 24px;
    margin-bottom: 60px;
}

.padd_kj {
    padding: 115px 0 128px;
}

.img_kj{
    display: none;
}

/*  */
.kjKaig {
    width: 100%;
    min-height: 850px;
    background: url(../images/kjKaig_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kjKaigText {
    width: 48%;
    margin-left: 52%;
    padding: 150px 0 110px;
}

.kjKaigText_top p {
    width: 75%;
}

.kjKaigText_bot {
    padding: 50px;
    border-bottom: 1px solid rgb(236 221 217 / 56%);
    border-top: 1px solid rgb(236 221 217 / 56%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    background: rgb(235 238 241 / 26%);
}

.kjKaigText_bot img {
    width: 260px;
}

.kjKaigText_bot>div {
    padding-left: 40px;
}

.kjKaigText_bot span {
    display: block;
    color: #e8af74;
    font-size: 24px;
    margin-bottom: 20px;
}

.kjKaigText_bot p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #999;
}

/*  */
.kjJk {
    width: 100%;
    min-height: 850px;
    background: url(../images/kjJk_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kjJkText {
    width: 52%;
}

.kjJkText p {
    width: 85%;
    letter-spacing: 2px;
}

.kjJkText img {
    width: 460px;
}

/*  */
.kjHuoli {
    width: 100%;
    min-height: 850px;
    background: url(../images/kjHuoli_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kjHlText {
    width: 48%;
    margin-left: 52%;
}

.kjHl_ul {
    padding-top: 20px;
}

.kjHl_li {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.kjHl_li:last-child {
    margin-bottom: 0;
}

.kjHl_li i {
    display: block;
    width: 70px;
    height: 70px;
    border: 1px solid #666666;
    border-radius: 8px;
    position: relative;
    margin-right: 25px;
}

.kjHl_li i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20%;
}

.kjHl_li span {
    font-size: 20px;
    left: 4px;
    font-weight: bold;
    display: block;
}

.kjHl_li p {
    color: #666;
}

/*  */
.kjXis {
    width: 100%;
    min-height: 850px;
    background: url(../images/kjXis_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kjXisText {
    width: 48%;
    padding: 136px 0 156px;
}

.kjXis_ul {
    padding-top: 20px;
}

.kjXis_li {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.kjXis_li:last-child {
    margin-bottom: 0;
}

.kjXis_li i {
    display: block;
    width: 70px;
    height: 70px;
    border: 1px solid #666666;
    border-radius: 8px;
    position: relative;
    margin-right: 25px;
}

.kjXis_li i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20%;
}

.kjXis_li span {
    font-size: 20px;
    left: 4px;
    font-weight: bold;
    display: block;
}

.kjXis_li p {
    color: #666;
}

/*  */

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

.kjMoreItem {
    width: 50%;
    padding: 10px;
    position: relative;
}

.kjMoreImg {
    width: 100%;
    padding-top: 40%;
    border-radius: 8px;
    overflow: hidden;
}

.kjMoreItem .kjMoreText {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.kjMoreText span {
    color: #333;
    font-size: 24px;
    letter-spacing: 1px;
    display: block;
}

.kjMoreText p {
    color: #666;
}

/* .kjMoreText.white span {
    color: #fff;
}

.kjMoreText.white p {
    color: #fff;
} */

.kjMoreImg:hover img {
    transform: scale(1.08);
    transition: all .48s;
}

/* =================================================================================ab_new */

.newBox {
    display: flex;
}

.newL {
    width: 100%;
    padding-right: 50px;
  
}

.newItem {
    padding: 0px 0;
    border-bottom: 1px solid #e60012;
    display: flex;
    align-items: center;
}

.newItem:first-child {
    padding-top: 0;
}

.newImg {
    width: 20%;
    padding-top: 18%;
    border-radius: 8px;
}

.newImg img {
    border-radius: 8px;
    object-fit: contain;
}

.newText {
    width: 74%;
    padding: 0 6% 0 40px;
}

.newText h3 {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all .48s;
}

.newText p {
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 30px;

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

.newText span {
    display: flex;
    align-items: center;
}

.newText span i {
    display: inline-block;
    padding: 0 15px;
    border-radius: 6px;
    border: 1px solid #e62415;
    color: #e62415;
    margin-right: 10px;
    font-size: 12px;
}

.newText span b {
    font-size: 12px;
    color: #666;
}


/*  */
.newR {
    width: 30%;
    padding-left: 50px;
}

.newRXq {
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 15px;
    padding: 45px 35px;
}

.newRXq::after {
    content: '';
    width: 99%;
    height: 5px;
    background: #e62415;
    border-radius: 8px;
    position: absolute;
    left: 0.5%;
    top: 0;
}

.new_tit {
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e5e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.new_tit span {
    display: block;
    font-size: 24px;
    line-height: 0.9;
    font-weight: bold;
    color: #111;
    position: relative;
    padding-left: 15px;
}

.new_tit span::after {
    content: '';
    width: 4px;
    height: 100%;
    background: #e62415;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
}

.new_tit img {
    width: 25px;
}

.new_li {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #e4e5e6;
}

.new_li span, .new_li h3{
    font-size: 17px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.new_li span b {
    font-size: 17px;
    font-weight: bold;
}

.new_li i {
    color: #999;
}


.newItem:hover .newImg img {
    transform: scale(1.08);
    transition: all .48s;
}

.newItem:hover .newText span {
    color: #e62415;
    transition: all .48s;
}

.new_li:hover span {
    color: #e62415;
    transition: all .48s;
}

.new_li:hover span b {
    color: #e62415;
    transition: all .48s;
}


/* ===============================================================================investment */
/*  閫夋嫨  */
.inveXz {
    width: 100%;
    background-image: url(../images/inveXz_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.inveXz .Tit span {
    color: #e62c1e;
}

.inveXzTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.inveXzTop .inveXzText {
    width: calc(50% - 8px);
    display: block;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding: 15px;
    text-align: center;
}

.inveXzTop .inveXzImg {
    width: 100%;
    position: relative;
    padding-top: 28%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.inveXzImg img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.inveXzText span {
    color: #111;
    font-size: 22px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.inveXzText span::after {
    content: '';
    width: 18px;
    height: 5px;
    background: #e62c1e;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.inveXzText p {
    font-size: 16px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


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

.inveXzBot .inveXzText {
    width: calc(33.33% - 20px);
    display: block;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding: 15px;
    text-align: center;
}

.inveXzBot .inveXzImg {
    width: 100%;
    position: relative;
    padding-top: 40%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}


.inveXzText:hover .inveXzImg img {
    transform: scale(1.08);
    transition: all .48s;
}

/*  */
.inveZs {
    width: 100%;
    background-image: url(../images/inveZs_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.inveZs .Tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inveZs .Tit span{
    color: #e62c1e;
}

.inveZsBut a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ececf1;
    border-radius: 50%;
    margin-left: 5px;
}

.inveZsBut a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 30%;
}

/*  */

.inveZsBox .swiper-slide {
    background: #fff;
    padding: 25px 40px;
    border-radius: 8px;
}

.inveZsBox .swiper-slide::after {
    content: '';
    width: 1px;
    height: 60%;
    border-left: 1px dashed #d0d1d3;
    position: absolute;
    right: 0;
    top: 20%;
}

.inveZsImg {
    width: 100%;
    position: relative;
    padding-top: 148%;
    background-image: url(../images/inveZs_k.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 20px;
}

.inveZsImg img {
    width: 100%;
    height: 100%;
    padding: 15px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.inveZsBox .swiper-container {
    padding-bottom: 60px;
}

.inveZsBox .swiper-pagination {
    height: 2px;
    top: initial;
    bottom: 0;
    background: #e5e5e5;
}

.inveZsBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px;
    background: #d8251c;
}

/*  浼樺娍  */
.inveYs .Tit span{
    color: #e62c1e;
}
.inveYsBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inveYsItem {
    width: calc(33.33% - 20px);
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.inveYsImg {
    width: 100%;
    position: relative;
    padding-top: 46%;
    overflow: hidden;
}

.inveYsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.inveYsItem p {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.inveYsItem:hover .inveYsImg img {
    transform: scale(1.08);
    transition: all .48s;
}


/*  琛ヨ创  */
.inveBt {
    background: #f5f7fb;
}
.inveBt .Tit span{
    color: #e62c1e;
}

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

.inveBtL {
    width: 60%;
    /* background: #fff; */
    /* padding: 20px 25px; */
    border-radius: 10px;
}

.inveBtL_xq {
    /* border: 1px dashed #edf0f4; */
    width: 100%;
    border-radius: 10px;
    /* display: flex; */
    position: relative;
}

.inveBtL_xq img {
    width: 100%;
}

.inveBtL_y {
    width: 48%;
    margin: 68px auto 30px;
    padding-top: 48%;
    position: relative;
    border: 8px solid #f9eae9;
    border-radius: 50%;
}

.inveBtL_bg {
    width: 70%;
    height: 70%;
    background: #f8e9e7;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inveBtL_bg::after {
    content: '';
    width: 106%;
    height: 106%;
    border: 1px dashed #efcac6;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inveBtL_bg::before {
    content: '';
    width: 90%;
    height: 90%;
    border: 1px dashed #efcac6;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inveBtL_y i {
    width: 46%;
    height: 46%;
    background: #c23426;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inveBtL_y i img {
    width: 100%;
    height: 100%;
    padding: 10%;
    object-fit: contain;
}

.inveBtL_text {
    width: 120px;
    margin: 140px 0 40px;
}

.inveBtL_textl {
    margin-left: 100px;
    text-align: right;
}

.inveBtL_textr {
    margin-right: 100px;
}

.inveBtL_text span {
    display: block;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}

.inveBtL_textl .s1 {
    margin-bottom: 150px;
    position: relative;
    right: -30px;
}

.inveBtL_text .s2 {
    margin-bottom: 90px;
}

.inveBtL_textl .s3 {
    position: relative;
    right: -80px;
}

/*  */
.inveBtL_textr .s1 {
    margin-bottom: 150px;
    position: relative;
    left: -30px;
}

.inveBtL_textr .s3 {
    position: relative;
    left: -80px;
}

/*  */
.inveBtL_text span b {
    content: '';
    width: 20px;
    height: 20px;
    background: #f3d6d4;
    border-radius: 50%;
    position: absolute;
    top: 20%;
    right: -42px;
}

.inveBtL_text span b::before {
    content: '';
    width: 50%;
    height: 50%;
    background: #c23426;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inveBtL_textl .s2 b {
    right: -36px;
}

/*  */
.inveBtL_textr span b {
    right: initial;
    left: -42px;
}

.inveBtL_textr .s2 b {
    left: -36px;
}

.inveBtL_text_top {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 25px;
    transform: translateX(-50%);
    text-align: center;
    z-index: 9;
}

.inveBtL_text_top span b {
    right: 50%;
    bottom: 0;
    transform: translate(50%, 145%);
}


.inveBtR {
    width: 40%;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
}

.inveBtR_item {
    flex: auto;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 0px 40px;
    margin-bottom: 15px;
}

.inveBtR_item:last-child {
    margin-bottom: 0;
}

.inveBtR_item img {
    width: 60px;
    margin-right: 30px;
}

.inveBtR_text span {
    font-size: 22px;
    line-height: 1.4;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.inveBtR_text p {
    width: 80%;
    font-size: 16px;
}


/*  鍔犵洘  */
.inveJm {
    background-color: #fff;
    padding-bottom: 0 !important;
}
.inveJm .Tit span{
    color: #e62c1e;
}

.inveJmBox {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.inveJmItem {
    width: calc(20% - 52px);
    margin-right: 65px;
    padding: 35px 0 55px;
    background: #f5f7fb;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 10px rgb(245 247 251);
    margin-bottom: 98px;
    position: relative;
    transition: all .48s;
}

.inveJmItem:nth-child(5n) {
    margin-right: 0;
}

.inveJmItem::after {
    content: '';
    width: 65px;
    height: 1px;
    border-top: 1px dashed #c1c3c6;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
}

.inveJmItem::before {
    content: '';
    width: 18px;
    height: 25px;
    background-image: url(../images/inveJmItem.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
}

.inveJmItem:nth-child(5n)::after {
    display: none;
}

.inveJmItem:nth-child(5n)::before {
    display: none;
}

.inveJmItem span {
    display: block;
    max-width: 150px;
    margin: 0 auto 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfcfcf;
    position: relative;
    color: #0f0f0f;
    font-size: 40px;
    line-height: 1.4;
    transition: all .48s;
}

.inveJmItem span::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #0f0f0f;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    transition: all .48s;
}

.inveJmItem p {
    font-size: 22px;
    font-weight: bold;
    color: #0f0f0f;
    line-height: 1.4;
    transition: all .48s;
}

.inveJmItem:hover {
    background: #c23426;
    transition: all .48s;
}

.inveJmItem:hover span {
    color: #fff;
    transition: all .48s;
}

.inveJmItem:hover p {
    color: #fff;
    transition: all .48s;
}

.inveJmItem:hover span::after {
    background: #fff;
    transition: all .48s;
}

/*  鎷涘晢妗堜緥  */
.inveZsC {
    background: #f5f7fb;
}
.inveZsC .Tit span{
    color: #e62c1e;
}

.inveZsCTop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.inveZsCTop .inveZsCImg {
    width: calc(50% - 8px);
    padding-top: 22%;
    position: relative;
    border-radius: 8px;
}

.inveZsCImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
}

.inveZsCBot {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.inveZsCBot .inveZsCImg {
    width: calc(33.33% - 8px);
    padding-top: 22%;
    position: relative;
}

/*  */
.inveMd {
    padding-bottom: 40px !important;
}
.inveMd .Tit span{
    color: #e62c1e;
}

.inveMdBox {
    width: 100%;
    position: relative;
    padding-top: 40%;
}

.inveMdImgBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.inveMdImgBox .swiper-container {
    width: 100%;
    height: 100%;
}

.inveMdImgBox .inveMdImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inveMdChange {
    width: 84%;
    margin: 40px auto 0;
}

.inveMdChange .inveMdImg {
    cursor: pointer;
    border-radius: 10px;
}

.inveMdChange .inveMdImg::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
}

.inveMdImg img {
    width: 100%;
    height: 100%;
    /*border-radius: 10px;*/
    object-fit: cover;
}

.swiper-slide-thumb-active .inveMdImg {
    opacity: 1;
    border: 2px solid #ffffff;
}

.swiper-slide-thumb-active .inveMdImg::after {
    opacity: 0;
}

/*  */
.inveZx {
    background: #f5f7fb;
}
.inveZx .Tit span{
    color: #e62c1e;
}

.inveZxBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 65px;
}

.inveZx_ipt {
    width: calc(33.33% - 20px);
    padding: 10px 25px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inveZx_ipt span {
    display: block;
    width: 75px;
    font-size: 16px;
}

.inveZx_ipt span img {
    vertical-align: top;
    width: 18px;
}

.inveZx_ipt input {
    width: calc(100% - 75px);
    background: none;
    border: none;

}

.inveZx_ipt input::placeholder,
.inveZxBox textarea::placeholder {
    font-size: 16px;
    color: #999;
}

.inveZxBox textarea {
    width: 100%;
    height: 270px;
    padding: 40px 25px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
    margin-top: 25px;
}

.inveZx .More a {
    padding: 10px 80px;
}

/* =============================================================zxhd */
/*  涓€姝ユ叮鏂�  */
.hdHx {
    width: 100%;
}

.hdHxBox {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.hdHxImg {
    width: 70%;
    padding-top: 36%;
}

.hdHxText {
    width: 30%;
    background-image: url(../images/hdHxImg_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 55px 70px 70px;
}

.hdHxText span {
    display: block;
    color: #333;
    font-size: 36px;
    margin-bottom: 30px;
}

.hdHxText p {
    color: #333;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 2px;
    margin-bottom: 100px;
}

.hdHxText .More a {
    padding: 10px 90px;
}

/*  */
.hdHd {
    width: 100%;
    background-image: url(../images/hdhd.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.hdHd .Tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hdHdBut a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ececf1;
    border-radius: 50%;
    margin-left: 5px;
}

.hdHdBut a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 30%;
}

.hdHdBox .swiper-slide {
    background: #fff;
    padding: 50px 50px 35px;
    border-radius: 8px;
}

.hdHdText {
    display: block;
}

.hdHdText i {
    font-size: 12px;
    color: #666;
    display: block;
    margin-bottom: 12px;
}

.hdHdText p {
    font-size: 20px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 72px;
}

.hdHdImg {
    width: 100%;
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 8px;
}

.hdHdImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.hdHdBox .swiper-container {
    padding-bottom: 60px;
}

.hdHdBox .swiper-pagination {
    height: 2px;
    top: initial;
    bottom: 0;
    background: #e5e5e5;
}

.hdHdBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px;
    background: #d8251c;
}

/*  */
.hdKhBox {
    display: flex;
    position: relative;
}

.hdKhBox::after {
    content: '';
    width: 62%;
    height: 112%;
    background-image: url(../images/hdKhBox.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -6%;
}

.hdKhImg_box {
    width: 50%;
}

.hdKhImg {
    position: relative;
    padding-top: 58%;
    overflow: hidden;
    border-radius: 8px;
}

.hdKhImg video {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.madeBf {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.madeBf img {
    width: 60px;
}


/*  */


.hdKhText_box {
    width: 50%;
    padding: 70px;
}

.hdKhText span {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-left: 15px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 30px;
}

.hdKhText span::after {
    content: '';
    width: 3px;
    height: 80%;
    background: #e62c1e;
    position: absolute;
    left: 0;
    top: 10%;
}

.hdKhText span b {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 12px;
    color: #545455;
}

.hdKhText span b svg {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.hdKhText span b svg path {
    fill: #545455;
}

.hdKhText p {
    width: 90%;
    font-size: 16px;
    letter-spacing: 1.5px;
}


.hdKhText_con {
    margin-top: 100px;
    display: flex;
    align-items: center;
}

.hdKhText_con span {
    font-size: 20px;
    font-weight: bold;
}

.hdKhText_box .swiper-pagination {
    width: 55%;
    height: 2px;
    position: initial;
    margin: 0 15px;
}

.hdKhText_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e62c1e;
}

.hdKhBut {
    margin-left: 40px;
}

.hdKhBut a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #ececf1;
    border-radius: 50%;
    margin-left: 5px;
}

.hdKhBut a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 30%;
}

/* ===============================================================tz_bg */
/*  鎶ュ憡  */
.tzBg .More {
    margin-top: 48px;
}

.tzBg .More a {
    padding: 10px 56px;
}

.tzBgBox {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.tzBgBox::after {
    content: '';
    width: 1px;
    height: 100%;
    border-left: 1px dashed #dcdbdc;
    position: absolute;
    left: 50%;
    top: 0;
}

.tzBgItem {
    width: calc(50% - 45px);
}

.tzBgText {
    padding: 24px 10px;
    border-bottom: 1px solid #dcdbdc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tzBgText_time {
    width: calc(100% - 40px);
    /* display: flex;
            align-items: center; */
}

.tzBgText_time span {
    display: block;
    font-size: 14px;
    color: #e62c1e;
}


.tzBgText_time p {
    font-size: 18px;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*瑕佹樉绀虹殑琛屾暟*/
    -webkit-box-orient: vertical;
    min-height: 58px;
}

.tzBgText img {
    width: 26px;
}

.tzBg_hide {
    width: 100%;
    display: none;
}

/* ========================================================tz_hd */
/*  鎶ュ憡  */
.tzHdBox {
    display: flex;
    justify-content: space-between;
}

.tzHdItem {
    width: calc(33.33% - 10px);
    padding: 50px;
    background-repeat: no-repeat;
    background-size: contain;
}

.tzHd_li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.tzHd_li>div {
    width: calc(100% - 55px);
}

.tzHd_li b {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    margin-right: 12px;
}

.tzHd_li b img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 30%;
}

.tzHd_li span {
    width: 100%;
    display: block;
    font-size: 12px;
    color: #666;
}

.tzHd_li p {
    width: 100%;
    font-size: 18px;
    color: #111;
}

.tzHdItem h5 {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #e62c1e;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

/* ========================================================================sever */
/*  鏀寔  */
.serZc {
    background: #f7f9fb;
}

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

.serZcItem {
    display: block;
    width: calc(25% - 20px);
    padding: 100px 0;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    transition: all .48s;
}

.serZcItem img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 35px;
    transition: all .48s;
}

.serZcItem span {
    font-size: 26px;
    display: block;
    margin-bottom: 5px;
}

.serZcItem p {
    font-size: 16px;
}

@media (min-width: 1024px){
    .serZcItem:hover img{
        transform: rotateY(360deg);
        transition: all .48s;
    }
    .serZcItem:hover{
        box-shadow: 0 0 10px rgb(0 0 0 / 7%);
        transition: all .48s;
    }
}

/*  甯歌闂  */

.serWt {
    padding: 50px 0 98px;
}

.serWt .More {
    margin-top: 80px;
}

.serWt .More a {
    padding: 10px 56px;
}

.serSs {
    width: 76%;
    padding: 60px 0 60px;
    margin: 0 auto 48px;
    background-repeat: no-repeat;
    background-size: cover;
}

.serSs .Tit {
    margin-bottom: 48px;
}

.serIpt {
    width: 70%;
    margin: 0 auto;
    height: 50px;
    border: 1px solid #e0e0e1;
    background: #fff;
    border-radius: 10px;
    padding: 10px 50px;
    position: relative;
}

.serIpt svg {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.serIpt svg path {
    fill: #111;
}

.serIpt input {
    background: none;
    border: none;
    width: 100%;
    height: 100%;
}

.serIpt input::placeholder {
    color: #999;
    font-size: 16px;
}

.serWtBox {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.serWtItem {
    width: calc(50% - 60px);
}

.serWtText {
    padding: 20px 0px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.serWtText p {
    width: 80%;
    font-size: 18px;
    line-height: 1.6;
    /* overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    瑕佹樉绀虹殑琛屾暟
    -webkit-box-orient: vertical; */
}

.serWtText img {
    width: 20px;
}

/*  鏀寔  */
.serXs {
    background: #f6f7f9;
}

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

.serXsItem {
    width: calc(33.33% - 15px);
    padding: 60px 0;
    border-radius: 30px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 18px rgba(0, 0, 0, .12);
}

.serXsItem .serXsImg {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 0 auto 18px;
    position: relative;
    overflow: hidden;
}

.serXsItem .serXsImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30%;
    transition: all .48s;
}

.serXsItem span {
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.serXsItem p {
    font-size: 16px;
    margin-bottom: 50px;
}

.serXs .Tit p {
    margin-top: 20px;
    font-size: 18px;
    color: #999;
}
@media (min-width: 1024px){
    .serXsItem:hover .serXsImg img{
        transform: scale(1.1);
        transition: all .48s;
    }
}

/* =============================================================== dz*/

.dzZye {
    background-color: #fff;
}

.dzZyeBox {
    padding-top: 28px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dzZyeItem {
    width: 160px;
    position: relative;
    text-align: center;
    transition: all .48s;
}

.dzZyeItem span {
    display: block;
    width: 100%;
    height: 160px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 20px 20px 0 rgb(217 41 32 / 10%);
    position: relative;
    margin-bottom: 25px;
    transition: all .48s;
}

.dzZyeItem span::before {
    content: '';
    width: 146px;
    height: 18px;
    background-image: url(../images/dzZyeItem.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(100%, -50%);
}

.dzZyeItem:nth-child(5n) span::before {
    display: none;
}

.dzZyeItem span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 32%;
    position: absolute;
    left: 0%;
    top: 0%;
    transition: all .48s;
}

.dzZyeItem p {
    font-size: 20px;
    font-weight: bold;
    color: #0f0f0f;
    line-height: 1.4;
    transition: all .48s;
}

/**/
/*     椋庢牸 */

.dzFge {
    background: #f4f7fb;
}

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

.dzFgeItem {
    width: 33.33%;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    border-right: 1px solid #efefef;
    /* box-shadow:  0 0 20px rgba(0, 0, 0, .1); */
    text-align: center;
}

.dzFgeItem:last-child {
    border-right: none;
}

.dzFgeImg {
    width: 100%;
    border-radius: 8px;
    position: relative;
    padding-top: 95%;
    overflow: hidden;
}

.dzFgeImg img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.dzFgeItem span {
    font-size: 30px;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.dzFgeItem p {
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
    font-size: 16px;
    color: #666;
}

.dzFgeItem .More {
    margin-bottom: 20px;
}

.dzFgeItem .More a {
    padding: 6px 36px;
}

.dzFgeItem:hover .dzFgeImg img {
    transform: scale(1.08);
    transition: all .48s;
}

/**/


.dzKjinBox {
    width: 100%;
    position: relative;
    padding-top: 40% !important;
}

.dzKjinBox .Tit {
    position: absolute;
    left: 50%;
    top: 88px;
    transform: translateX(-50%);
    z-index: 2;
}

.dzKjinImgBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.dzKjinImgBox .dzKjinImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dzKjinImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dzKjinImgBox .swiper-container {
    width: 100%;
    height: 100%;
}

/*  */

.dzKjinChange {
    width: 100%;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.dzKjinChange .swiper-slide {
    position: relative;
}

.dzKjinChange .swiper-slide::after {
    content: '';
    width: 1px;
    height: 96%;
    background: linear-gradient(0deg, rgb(255 255 255 / 10%) 30%, rgb(255 255 255 / 60%) 60%, rgb(255 255 255 / 10%) 80%);
    position: absolute;
    right: 0;
    top: 2%;
}

.dzKjinChange .dzKjinText {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    text-align: center;
    padding: 45px 0;
}

.dzKjinText img {
    width: 45px;
    margin-bottom: 20px;
}

.dzKjinText span {
    display: block;
    color: #fff;
    font-size: 24px;
    position: relative;
    padding-bottom: 15px;
}

.dzKjinText span::after {
    content: '';
    width: 30px;
    height: 3px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


.swiper-slide-thumb-active .dzKjinText span::after {
    background: #e62c1e;
}

/**/

.dzCase {
    background: #f4f7fb;
}

.dzCaseItem {
    width: 100%;
    padding-top: 43%;
    margin-bottom: 30px;
    position: relative;
}

.dzCaseImgBox {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
}

.dzCaseImgBox .swiper-container {
    width: 100%;
    height: 100%;
}

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

.dzCaseImg img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.dzCaseText {
    width: 24%;
    position: absolute;
    left: 6%;
    top: 16%;
    z-index: 2;
}

.dzCaseText img {
    width: 40px;
    margin-bottom: 40px;
}

.dzCaseText span {
    display: block;
    color: #fff;
    font-size: 26px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    position: relative;
}

.dzCaseText span::after {
    content: '';
    width: 25px;
    height: 3px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.dzCaseText p {
    width: 90%;
    font-size: 16px;
    color: #d7d6d6;
}

.dzCaseChange {
    width: 24%;
    position: absolute;
    left: 6%;
    bottom: 16%;
    z-index: 2;
}

.dzCaseChange img {
    width: 25px;
    margin-right: 10px;
}

.dzCaseChange .swiper-slide {
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 15px;
    background: rgba(255, 255, 255, .2);
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dzCaseChange .swiper-slide span {
    font-size: 18px;
    color: #fff;
}

.dzCaseChange .swiper-slide-thumb-active {
    background: rgba(255, 255, 255, .6);
}

.dzCaseItem:nth-child(2n) .dzCaseText {
    left: initial;
    right: 6%;
}

.dzCaseItem:nth-child(2n) .dzCaseChange {
    left: initial;
    right: 6%;
}

.serWtMore.More a {
    padding: 10px 56px;
}

/**/

.dzOtherBox {
    display: flex;
}

.dzOtherItem {
    display: block;
    width: calc(33.33% - 14px);
    margin-right: 20px;
    text-align: center;
}

.dzOtherItem:last-child {
    margin-right: 0;
}

.dzOtherImg {
    position: relative;
    padding-top: 62%;
    border-radius: 8px;
}

.dzOtherImg img {
    border-radius: 8px;
}

.dzOtherItem span {
    display: block;
    padding-top: 20px;
    font-size: 26px;
}

/*==========================================================hr*/

.hrDw {
    width: 100%;
}

.hrDw .inner {
    width: 84%;
}

.hrDwBox {
    width: 100%;
    position: relative;
}

.hrDwImg {
    width: 100%;
    padding-top: 39%;
}

.hrDwImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
}

.hrDwText {
    width: 45%;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.hrDwText span {
    display: block;
    color: #fff;
    font-size: 36px;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .48);
}

.hrDwText p {
    width: 72%;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 2px;
    margin: 0 0 15px;
}

/*  */
.hrLn {
    width: 100%;
    background: #f5f7fb;
}

.hrLnBox {
    width: 100%;
    height: 530px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.hrLnItem {
    width: calc(25% - 20px);
    height: 390px;
    padding: 0 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    transition: all .48s;
    cursor: pointer;
}

.hrLnItem img {
    width: 45px;
    margin-bottom: 20px;
}

.hrLnItem span {
    display: block;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    transition: all .48s;
}

.hrLnItem span::after {
    content: '';
    width: 30px;
    height: 4px;
    background: #c23426;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.hrLnItem i {
    display: none;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #c23426;
    position: relative;
}

.hrLnItem i img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.hrLn_p {
    width: 84%;
    margin: 0 auto;
    position: relative;
    /* display: none; */
}

.hrLnItem p {
    opacity: 0;
    /* transform: translateY(150px); */
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.hrLnItem.on {
    width: 30%;
    height: 100%;
    padding: 0 0 140px;
    transition: all .48s;
}

.hrLnItem.on .img1 {
    display: none;
}

.hrLnItem.on span {
    /* opacity: 0; */
    margin-bottom: 25px;
    transition: all .48s;
}
.hrLnItem.on .hrLn_p{
    display: block;
}
.hrLnItem.on .hrLn_p p {
    opacity: 1;
    transform: translateY(0);
    transition: all .48s .5s;
}

.hrLnItem.on i {
    display: block;
}

/**/

.hrFl {
    background: #fff;
}

.hrFl .inner {
    width: 84%;
}

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

.hrFlItem {
    width: calc(20% - 15px);
    background: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-bottom: 4px solid #fff;
    padding: 60px 30px 80px;
    border-radius: 8px;
    transition: all .48s;
}

.hrFlItem span {
    margin: 0 auto;
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
    transition: all .68s;
}

.hrFlItem span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 30%;
}

.hrFlItem p {
    font-size: 16px;
    letter-spacing: 2px;
}

.hrFlItem:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-color: #e62c1e;
    transition: all .48s;
}

.hrFlItem:hover span{
    transform: rotateY(360deg);
    transition: all .68s;
}

/**/
.hrZp{
    background: #f5f7fb;
}
.hrZp .inner {
    width: 84%;
}

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

.hrZpItem {
    width: calc(50% - 10px);
    position: relative;
}

.hrZpImg {
    width: 100%;
    position: relative;
    padding-top: 55%;
}

.hrZpText {
    position: absolute;
    left: 70px;
    top: 60px;
}

.hrZpText span {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.hrZpText b {
    color: #fff;
    font-size: 26px;
}

.hrZpItem .More {
    position: absolute;
    left: 70px;
    bottom: 60px;
}

.hrZpItem:hover .hrZpImg img{
    transform: scale(1.08);
    transition: all .48s;
}

/*==================================================================hrXq*/

.hrXq {
    width: 100%;
    background: url(../images/hrXq_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.hrXq .Tit p {
    color: #666;
    font-size: 16px;
    margin-top: 20px;
}

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

.hrXqBut a {
    display: inline-block;
    padding: 6px 40px;
    border-radius: 8px;
    border: 1px solid #d8251c;
    color: #d8251c;
    font-size: 16px;
    margin-right: 10px;
}

.hrXqBut a.on {
    background: #d8251c;
    color: #fff;
}

.hrXqForm {
    display: flex;
}

.hrXqIpt {
    margin-left: 10px;
    padding: 8px 30px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 8px;
    position: relative;
}

.hrXqIpt select {
    width: 240px;
}

.hrXqIpt select {
    color: #c3c3c3;
    font-size: 16px;
    letter-spacing: 2px;
}

.hrXqIpt input {
    width: 260px;
}

.hrXqIpt input::placeholder {
    color: #c3c3c3;
    font-size: 16px;
    letter-spacing: 2px;
}

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

.hrXqXq {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.hrXqItem {
    width: calc(33.33% - 10px);
    padding: 35px 52px;
    margin-right: 15px;
    border-radius: 15px;
    background: #fff;
    background-image: url(../images/hrXqItem.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    cursor: pointer;
}

.hrXqItem:nth-child(3), .hrXqItem:nth-child(7) {
    margin-right: 0;
}

.hrXqItem span {
    font-size: 24px;
    line-height: 1.4;
    color: #111;
    display: block;
    margin-bottom: 10px;
}

.hrXqItem b {
    font-size: 18px;
    color: #666;
    display: block;
    margin-bottom: 50px;
}

.hrXqItem p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hrXqItem p small {
    display: inline-block;
    border: 1px solid #c23426;
    color: #c23426;
    border-radius: 8px;
    padding: 2px 20px;
    font-size: 16px;
}

.hrXqItem p i {
    font-size: 18px;
    color: #666;
}

.hrXqItem.active span {
    color: #c23426;
}

/*  */
.hrXqTextBox {
    width: 100%;
    margin-bottom: 15px;
}

.hrXqText {
    width: 100%;
    padding: 35px 52px;
    border-radius: 15px;
    background: #fff;
    margin-top: 15px;
    position: relative;
    display: none;
}

.hrXqText.on {
    display: block;
}

.hrXqText::after {
    content: '';
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -12%) rotate(45deg);
}

.hrXqText:nth-child(2n)::after {
    left: 50%;
}

.hrXqText:nth-child(2n-1)::after {
    left: 16%;
}

.hrXqText:nth-child(3n)::after {
    left: 84%;
}

.hrXqText_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #f5f5f5;
}

.hrXqText_li b {
    font-size: 14px;
    color: #666;
    display: block;
}

.hrXqText_li span {
    font-size: 20px;
    color: #111;
    font-weight: 600;
}

.hrXqText_div {
    margin-bottom: 50px;
}

.hrXqText_div b {
    font-size: 18px;
    color: #c23426;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.hrXqText_div p {
    font-size: 16px;
    color: #666;
}

/*=====================================================ybhx*/
/*  涓€姝ユ叮鏂扮棝鐐� */
.ybhxTd{
    width: 100%;
    background-image: url(../images/ybhxTd_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.ybhxTdBox {
    margin: 150px 0 100px;
    display: flex;
    justify-content: space-between;
}
.ybhxTdItem {
    display: block;
    width: 25%;
    padding: 98px 0;
    text-align: center;
}
.ybhxTdItem::after {
    content: '';
    width: 1px;
    height: 100%;
    background: rgb(255 255 255 / 18%);
    position: absolute;
    right: 0;
    top: 0;
    transition: all .48s;
}
.ybhxTdItem:last-child::after{
    display: none;
}

.ybhxTdItem img{
    width: 40px;
    margin-bottom: 30px;
}
.ybhxTdItem span {
    color: #fff;
    display: block;
    padding-bottom: 10px;
    position: relative;
    font-size: 26px;
}

.ybhxTdItem span::after {
    content: '';
    width: 20px;
    height: 5px;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .48s;
}

.ybhxTdItem:hover span::after {
    width: 30px;
    transition: all .48s;
}

/**/
/*   鍒颁綅 */

.ybhxDw {
    width: 100%;
    position: relative;
    background: url(../images/ybhxDw_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ybhxDw .Tit span{
    color: #333 !important;
}
.ybhxDw_img{
    display: none;
}

.ybhxDwBox {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 26px 0;
}

.ybhxDwY {
    width: 38%;
    position: relative;
    padding-top: 38%;
    border-radius: 100%;
    border: 1px dashed #fff;
}

.ybhxDwImg {
    width: 50%;
    height: 50%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ybhxDwImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ybhxDwY p {
    display: inline-block;
    padding: 4px 15px;
    color: #e62c1e;
    font-size: 16px;
    background: url(../images/ybhxDwImg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}

/*  */
.ybhxDwText {
    width: 31%;

}

.ybhxDwText span {
    color: #fff;
    position: relative;
}

.ybhxDwText img {
    width: 28px;
    margin: 0 12px;
}

.ybhxDwText span {
    display: block;
    margin-bottom: 64px;
}

.ybhxDwText span:last-child {
    margin-bottom: 0;
}

.ybhxDwText span i {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
}

.ybhxDwText span i::after {
    content: '';
    width: 150px;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
}

.ybhxDwL span i::after {
    background: linear-gradient(90deg, rgb(255 255 255 / 10%) 20%, rgb(255 255 255 / 60%) 100%);
    left: 0;
    transform: translate(-100%, -50%);
}

.ybhxDwR span i::after {
    background: linear-gradient(90deg, rgb(255 255 255 / 60%) 20%, rgb(255 255 255 / 10%) 100%);
    right: 0;
    transform: translate(100%, -50%);
}

.ybhxDwText span:nth-child(4) i::after {
    width: 200px;
}

.ybhxDwL span:nth-child(1) i::after {
    width: 120px;
    height: 30px;
    background-image: url(../images/xuxian01.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -15px;
}

.ybhxDwL span:nth-child(7) i::after {
    width: 150px;
    height: 43px;
    background-image: url(../images/xuxian02.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 22px;
}

.ybhxDwR span:nth-child(1) i::after {
    width: 140px;
    height: 30px;
    background-image: url(../images/xuxian03.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -14px;
}

.ybhxDwR span:nth-child(7) i::after {
    width: 100px;
    height: 35px;
    background-image: url(../images/xuxian04.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 22px;
}

.ybhxDwL {
    text-align: right;
}

.ybhxDwL span:nth-child(2),
.ybhxDwL span:nth-child(6) {
    margin-right: 100PX;
}

.ybhxDwL span:nth-child(3),
.ybhxDwL span:nth-child(5) {
    margin-right: 180PX;
}

.ybhxDwL span:nth-child(4) {
    margin-right: 230PX;
}

.ybhxDwL span:nth-child(7) {
    margin-right: 20px;
}

/* 鍙� */
.ybhxDwR span:nth-child(2),
.ybhxDwR span:nth-child(6) {
    margin-left: 100PX;
}

.ybhxDwR span:nth-child(3),
.ybhxDwR span:nth-child(5) {
    margin-left: 180PX;
}

.ybhxDwR span:nth-child(4) {
    margin-left: 230PX;
}

/* 宸� */
.ybhxDwL span i {
    top: 50%;
    transform: translateY(-50%);
}

.ybhxDwL span:nth-child(1) i {
    top: initial;
    bottom: -20px;
    right: -148px;
    transform: translateY(0);
}

.ybhxDwL span:nth-child(2) i {
    right: -172px;
}

.ybhxDwL span:nth-child(3) i,
.ybhxDwL span:nth-child(5) i {
    right: -200px;
}

.ybhxDwL span:nth-child(4) i {
    right: -235px;
}

.ybhxDwL span:nth-child(6) i {
    right: -168px;
}

.ybhxDwL span:nth-child(7) i {
    top: -20px;
    right: -155px;
    transform: translateY(0);
}

/* 鍙� */
.ybhxDwR span i {
    top: 50%;
    transform: translateY(-50%);
}

.ybhxDwR span:nth-child(1) i {
    top: initial;
    bottom: -20px;
    left: -148px;
    transform: translateY(0);
}

.ybhxDwR span:nth-child(2) i {
    left: -172px;
}

.ybhxDwR span:nth-child(3) i,
.ybhxDwR span:nth-child(5) i {
    left: -200px;
}

.ybhxDwR span:nth-child(4) i {
    left: -235px;
}

.ybhxDwR span:nth-child(6) i {
    left: -168px;
}

.ybhxDwR span:nth-child(7) i {
    top: -20px;
    left: -140px;
    transform: translateY(0);
}

.ybhxDwBox h5 {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    color: #fff;
}

.ybhxDwBox h5 img {
    width: 28px;
    margin: 0 12px;
}

/**/

.ybhxHd {
    background: url(../images/ybhxHdImg_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

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

.ybhxHdImg {
    width: 66%;
    padding-top: 29%;
    border-radius: 8px;
}

.ybhxHdImg img {
    border-radius: 8px;
}

.ybhxHdText {
    width: 34%;
    padding: 30px 0 0 50px;
}

.ybhxHdText span {
    display: block;
    padding-bottom: 10px;
    color: #c23426;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    margin-bottom: 60px;
}

.ybhxHdText span::after {
    content: '';
    width: 40px;
    height: 5px;
    background: #c23426;
    border-radius: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ybhxHdText b {
    display: block;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #111;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #c23426;
}

.ybhxHdText p {
    font-size: 16px;
}

/**/

/*  24灏忔椂鏁村帹鐒曟柊 */

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

.ybhxZcItem {
    display: block;
    width: calc(33.33% - 18px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    text-align: center;
}

.ybhxZcImg {
    width: 100%;
    padding-top: 75%;
    border-radius: 8px;
}

.ybhxZcImg img {
    border-radius: 8px;
}

.ybhxZcItem span {
    display: block;
    margin: 30px 0;
    position: relative;
    font-size: 26px;
}

.ybhxZcItem:hover .ybhxZcImg img {
    transform: scale(1.08);
    transition: all .48s;
}

/**/


.ybhxFw {
    background: #f5f7fb;
}

.ybhxFwBox {
    display: flex;
}

.ybhxFwImg {
    width: 70%;
    padding-top: 34%;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.ybhxFwImg img {
    border-radius: 8px;
}

.ybhxFwText {
    width: 30%;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
}

.ybhxFw_li {
    flex: auto;
    margin-bottom: 6px;
    border-radius: 8px;
    padding: 42px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/ybhxFw_li.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 4px solid #f5f7fb;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.ybhxFw_li:last-child {
    margin-bottom: 0;
}

.ybhxFw_li img {
    width: 65px;
    margin-right: 15px;
}

.ybhxFw_li span {
    color: #c23426;
    font-size: 20px;
}

.ybhxFw_li:hover {
    border-color: #c23426;
}

/**/

.ybhxYyBox {
    display: flex;
}

.ybhxYyImg {
    width: 50%;
    padding-top: 36%;
    border-radius: 8px;
}

.ybhxYyImg img {
    border-radius: 8px;
}

.ybhxYyText {
    width: 50%;
    padding: 4%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ybhxYyText span {
    display: block;
    font-size: 24px;
    letter-spacing: 2px;
    color: #111;
    font-weight: bold;
    margin-bottom: 5px;
}

.ybhxYyText p {
    color: #999;
    margin-bottom: 40px;
}

.ybhxYyForm .ybhxYy_ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.ybhxYy_ipt {
    width: calc(33.33% - 15px);
}

.ybhxYy_ipt label {
    display: block;
    color: #111;
}

.ybhxYy_ipt label b {
    color: #e62c1e;
    font-weight: bold;
}

.ybhxYy_ipt input {
    margin-top: 5px;
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.ybhxYy_ipt input::placeholder {
    color: #999;
}

.ybhxYy_tex {
    margin: 25px 0 60px;
}

.ybhxYy_tex label {
    display: block;
    color: #111;
}

.ybhxYy_tex textarea {
    margin-top: 10px;
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.ybhxYy_tex textarea::placeholder {
    color: #999;
}

/*==================================================sever_xuz*/
.dwSF {
    position: relative;
    top: -170px;
}
.serBox{
    padding-bottom: 108px !important;
}

.serBox .inner {
    width: 84%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.serNav {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
}

.serNav.fixed {
    position: fixed;
    left: 8%;
    top: 150px;
}

.serNav.pos {
    top: auto;
    bottom: 0;
}

.serNav h5 {
    font-size: 36px;
    line-height: 1.6;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.serNav h5::after {
    content: '';
    width: 55px;
    height: 2px;
    background: #e62c1e;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.serNav_sx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.serNav_sx span {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 18px;
    position: relative;
}

.serNav_sx span img {
    width: 20px;
    margin-right: 10px;
}

.serNav_sx span::after {
    content: '';
    width: 1px;
    height: 60%;
    background: #e7e7e7;
    position: absolute;
    right: 0;
    top: 20%;
}

.serNav_sx b {
    width: 50%;
    display: block;
    text-align: right;
    font-size: 18px;
    color: #e62c1e;
}


.serNav_li {
    padding: 30px 0;
    border-bottom: 1px solid #e7e7e7;
}

.serNav_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.serNav_tit span {
    font-size: 16px;
}

.serNav_tit img {
    width: 14px;
}

/*  */
.serXuz {
    width: calc(100% - 300px);
    margin-left: 300px;
    padding-left: 120px;
    position: relative;
    min-height: 800px;
}

.serXuz::after {
    content: '';
    width: 1px;
    height: calc(100% + 30px);
    border-left: 1px dashed #e7e7e7;
    position: absolute;
    top: -25px;
    left: 60px;
}

.serXuz_li {
    margin-bottom: 58px;
}

.serXuz_li span {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

.serXuz_li p {
    padding: 2px 0;
}

.serXuz_li p b {
    font-weight: bold;
}

.serXuz_li p i {
    color: #e62c1e;
}

.serXuz_li table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #f7d3d2;
    border-left: 1px solid #f7d3d2;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    margin-top: 24px;
}

.serXuz_li table thead tr {
    height: 64px;
}

.serXuz_li table thead td {
    font-size: 18px;
    color: #c23426;
    font-weight: bold;
    background: #fef8f8;
}

.serXuz_li table tr {
    height: 50px;
}

.serXuz_li table td {
    padding: 0 10px;
    line-height: 1.4;
    border-right: 1px solid #f7d3d2;
    border-bottom: 1px solid #f7d3d2;
}

.serXuz_li h6 {
    margin: 20px 0 5px;
    font-weight: bold;
}



/* 0317 kjzl鏂板 */
.kjJya{
    min-height: 850px;
    background-image: url(../images/kjJya_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.kjJyaText {
    width: 55%;
    margin-left: 50%;
}
.kjJya_ul{
    display: flex;
    flex-wrap: wrap;
}
.kjJya_li{
    width: 33.33%;
    padding-right: 13%;
    margin-bottom: 30px;
    text-align: center;
}
.kjJya_li i {
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #666666;
    border-radius: 8px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
}
.kjJya_li i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20%;
}
.kjJya_li span {
    font-size: 24px;
    display: block;
}


/* add */
.serWtZk p{
    font-size: 16px;
    line-height: 2;
}