.container {
    margin: 0 auto;
    width: 84%;
    /* margin-right: 10%; */
}

.data-header-pc-1 {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 9;
    background-color: #00000017;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    padding: 15px 0;
    transition: all .5s;

}

.data-header-pc-1 .Box {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.data-header-pc-1 .logo {
    display: table-cell;
    align-items: center;
    vertical-align: middle;
    height: .42rem;
}

.data-header-pc-1 .logoBox {
    position: relative;
}

.data-header-pc-1 .logoBox img {
    display: block;
    transition: all .3s;
    width: 2.5rem;
    height: auto;
    opacity: 1;
}

.data-header-pc-1 .Menu {
    font-size: 0;
    line-height: 0;
    padding-top: 0;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.data-header-pc-1 .Menu .ul {
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: 0.2rem;
}

.menu_btn {
    display: inline-block;
    height: 100%;
    width: 30px;
    margin-left: 15px;
}

.menu_btn span {
    display: block;
    width: 100%;
    height: 5px;
    background-color: #fff;
    border-radius: 2px;
    margin: 3px 0;
}

.h-nav {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-right: .63rem;
}

.h-d {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.h-d.active .h-e {
    color: #c51c2c;
}

.h-e {
    display: block;
    line-height: .8rem;
    color: #333;
    padding: 0 .32rem;
    text-align: start;
}

.h-opa {
    left: -100vw;
    opacity: 0;
    transition: opacity .3s;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 122;
}

.h-sub {
    display: none;
    width: 1.5rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -0.75rem;
    top: .8rem;
    z-index: 1000;
    padding: 0.05rem 0;
}

.h-sub>li>a {
    display: block;
    width: 100%;
    line-height: 1.71;
    padding: .1rem 0.03rem;
    text-align: center;
    color: #666;
    transition: background-color .3s;
}

.data-header-pc-1 .Menu li {
    display: inline-block;
    vertical-align: middle;
    /* font-size: .16rem; */
    color: #fff;
    margin: 0 .08rem;
    text-align: center;
    position: relative;
    /* transform: translateY(30%); */
}

.data-header-pc-1 .Menu .h-d li {
    display: block;
    margin: 0;
    text-align: start;
}

.data-header-pc-1 .Menu .title {
    position: relative;
    display: block;
    color: #fff;
    padding: 0 .08rem;
    line-height: .4rem;
    /* border-radius: 5px; */
    text-transform: uppercase;
    background: transparent;
    transition: all .5s;
    /* min-width: 1rem; */
}

.data-header-pc-1 .Menu .Lib::after {
    /* content: ""; */
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: calc(100% - .1rem);
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #fff;
}

.data-header-pc-1 .Menu .on .title {
    /* color: #c51c2c; */
}

/*.data-header-pc-1 .Menu .on .title::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #f78e26;
    border-radius: 21px;
}*/

.data-header-pc-1 .Menu li:hover .title::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #f78e26;
    border-radius: 21px;
}

.data-header-pc-1 .Menu li:hover .Lib {
    opacity: 1;
    margin-top: 0;
    z-index: 2;
    transform: scale(1) translateX(-50%);
    -webkit-transform: scale(1) translateX(-50%);
    -moz-transform: scale(1) translateX(-50%);
    -ms-transform: scale(1) translateX(-50%);
    -o-transform: scale(1) translateX(-50%);
}

.data-header-pc-1 .Menu .Lib {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 100%;
    margin-top: -15px;
    padding: 0;
    opacity: 0;
    z-index: -1;
    transform: scale(0) translateX(-50%);
    -webkit-transform: scale(0) translateX(-50%);
    -moz-transform: scale(0) translateX(-50%);
    -ms-transform: scale(0) translateX(-50%);
    -o-transform: scale(0) translateX(-50%);
    transition: opacity .5s, margin .5s;
    -webkit-transition: opacity .5s, margin .5s;
    -ms-transition: opacity .5s, margin .5s;
    -moz-transition: opacity .5s, margin .5s;
    -o-transition: opacity .5s, margin .5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-top: .1rem;
}

.data-header-pc-1 .Menu .Lib a {
    display: block;
    /* font-size: 15px; */
    color: #333;
    line-height: .20rem;
    padding: 15px 15px;
    word-break: keep-all;
    white-space: nowrap;
    transition: all .5s;
    background: #fff;
}

/* 
.data-header-pc-1 .Menu .Lib a:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
} */

/* .data-header-pc-1 .Menu .Lib a:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
} */

.data-header-pc-1 .Menu .Lib a+a {
    border-top: 1px solid #eee;
}

.data-header-pc-1 .Menu .Lib a:hover {
    background-color: #f78e26;
    color: #fff;
}

.FormBox {
    position: absolute;
    right: 0;
    top: 50px;
    background: #fff;
    width: 50%;
    padding: 10px 0;
    display: none;
    margin-top: .15rem;
}

.FormBox .form {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 40px;
}

.FormBox .exit {
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    background: url(../images/exit.png) no-repeat center / 16px auto;
    cursor: pointer;
}

.FormBox .Key {
    display: block;
    line-height: 42px;
    height: 42px;
    width: 100%;
    padding: 0 15px;
    border-bottom: 1px solid #222;
}

.FormBox .Key:focus {
    border-bottom: 1px solid #134fc1;
}

.FormBox .Key:hover {
    border-bottom: 1px solid #134fc1;
}

.FormBox .form .submit {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    background: url(../images/icon_search_h.png) no-repeat center;
}

.SearchBtn {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background: transparent url(../images/icon_search.png) no-repeat center;
    border-radius: 0;
    transition: all .5s;
}


.SearchBtn:hover {
    background-color: #0a56a2;
    border-radius: 50%;
}

.SmallHeader .data-header-pc-1 {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .8);
    /* padding: 17px 0; */
}

.contact-body .data-header-pc-1 {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .8);
}


.p_w .data-header-pc-1 .Menu .title {
    color: #333;
}

.data-header-pc-1 .Menu .title:hover {
    color: #fff;
    /*background-color: #f78e26;*/
}

.data-header-pc-1 .Menu .title::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: transparent;
    border-radius: 21px;
}










.p_w .data-header-pc-1 .SearchBtn:hover {
    border-radius: 50%;
}

.data-header-pc-1 .SearchBtn {
    display: block;
    width: 41px;
    height: 41px;
    background: transparent url(../images/search_logo.png) no-repeat center;
    background-size: cover;
    border-radius: 0;
    transition: all .5s;
    /* align-self: center; */
    margin-left: auto;
}


/* .data-header-pc-1 .SearchBtn:hover {
    border-radius: 50%;
    background: transparent url(../images/search_logo_u.png) no-repeat center;
} */



.p_w .data-header-pc-1 {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: #fff;
    /* padding: 17px 0; */
}

header.show-menu .h-opa {
    left: 0;
    opacity: 1;
}

.h_last {
    /* height: 100%; */
    display: flex;
    align-items: center;
    /* margin-left: auto; */
}

.lc_list {
    display: flex;
    flex-direction: column;
    /* position: relative; */
    height: 100%;
}

.l_change {
    width: 41px;
    height: 41px;
    /*background-color: #134fc1;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .2rem;
    border-radius: 50%;
    position: relative;
}

.l_change a {
    font-family: ArialMT;
    color: #ffffff;
}


.cl_h {
    background-color: #fff;
    position: absolute;
    width: 150%;
    left: 50%;
    top: 100%;
    z-index: 5;
    transform: scaleY(0) translateX(-50%);
    transform-origin: center top;
    transition: all .3s;
}

.l_change:hover .cl_h {
    transform-origin: center top;
    transition: all .3s;
    transform: scaleY(1) translateX(-50%);
}

.cl_h a {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #000;
}



@media(max-width: 1000px) {
    .h_left {
        margin-left: auto;
    }
    .FormBox {
        width: 100%;

    }

    .data-header-pc-1 .Menu li {
        transform: translateY(0);
    }

    .data-header-pc-1 .Menu {
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .l_change {
        transform: translateY(0);
    }

    .h-a {
        height: 44px;
    }

    .h-e {
        line-height: 44px;
    }

    .h-index {
        margin-top: 12px;
    }

    .h-logo {
        height: 20px;
    }

    .h-cont {
        width: 100%;
        padding-left: 10px;
    }

    .h-l {
        position: absolute;
        right: 88px;
        top: 0;
    }

    .h-s {
        position: absolute;
        right: 44px;
        top: 0;
    }

    .h-menu {
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        background-image: url(../images/115.png);
        background-size: 28px 28px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .h-nav {
        width: 280px;
        height: 100vh;
        overflow: auto;
        padding-right: 0;
        margin-right: 0;
        position: fixed;
        right: -280px;
        top: 0;
        background-color: #fff;
        z-index: 654321;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all .3s;
    }

    header.show-menu .h-nav {
        right: 0;
    }

    .h-d {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .h-e {
        padding: 0 40px 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #666;
        margin: 0;
    }

    .h-d:first-child .h-e {
        padding-left: 20px;
        text-align: start;
    }

    .h-sub {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        left: 0;
    }

    .h-sub>li>a {
        padding-left: 40px;
        text-align: left;
    }

    .h-d.has-nav:after {
        content: "+";
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
    }

    .h-d.has-nav.show:after {
        content: "-";
    }

    .h-d.has-nav.active:after {
        color: #fff;
    }

    .h-sch {
        margin-right: -130px;
        top: 44px;
    }

    .data-header-pc-1 .Menu .ul {
        display: none;
    }

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

    .f_l {
        margin: 0;
    }
}

.h_left {
    display: flex;
    align-items: center;
    /* margin-left: auto; */
}



@media(min-width:1000px) {
    .menu_btn {
        display: none;
    }

    .h-nav {
        display: none;
    }
}

@media(max-width:800px) {
    .data-header-pc-1 .SearchBtn {
        width: 32px;
        height: 32px;
    }

    .l_change {
        width: 32px;
        height: 32px;
    }

    main {
        margin-top: 60px;
    }

    .data-header-pc-1 {
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        background-color: #000;
        padding: 10px 0;
    }

    /* .data-header-pc-1 .SearchBtn {
        margin-left: auto;
        border-radius: 5px;
        background: url(../images/search_logo_k.png) transparent no-repeat center;
    } */

    .data-header-pc-1 .menu_btn span {
        background-color: #f78e26;
    }
}

.hs_item {
    width: 100%;
    /* padding-bottom: 49.94%; */
    background-size: cover;
    background-repeat: no-repeat;
}


.hs_item>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}


.ha_l {
    width: .42rem;
    height: .42rem;
    background-color: #ffffff;
    border: solid 2px #ffffff;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ha_tit {
    font-family: D-DIN-Bold;
    letter-spacing: -4px;
    color: transparent;
    opacity: 0.25;
    /* font-style: italic; */
    -webkit-text-stroke: 1px #666666;
    transform: translateY(50%);
}

.ha_act {
    position: absolute;
    top: 47%;
    transform: translateY(-60%);
    left: 8%;
}

.ja_a.ha_act {
    left: 13.5%;
}

.ha_t2 {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;

    letter-spacing: 0px;
    color: #222222;
    line-height: 1.5;
    letter-spacing: 6px;
}

.ha_t3 {
    margin-top: .2rem;
}

.ha_t3 p {
    font-family: SourceHanSansCN-Normal;

    letter-spacing: 0px;
    color: #444444;
}

.ha_btn {
    position: absolute;
    display: flex;
    left: 8%;
    bottom: 17%;
    z-index: 2;
}

.banner_prev,
.banner_next {
    width: .4rem;
    height: .4rem;
    border: solid 1px #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .15rem;
}

.banner_prev img,
.banner_next img {
    width: .08rem;
    height: .14rem;
}

.banner_prev:hover,
.banner_next:hover {
    background-color: #c51c2c;
    border: solid 1px #c51c2c;
}

.hs_swiper .swiper-pagination-bullet {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1;
    margin: 0 8px !important;
}


.hb_wrap {
    padding: .7rem 0;
}

.SearchShow .FormBox {
    display: block;
    z-index: 5;
}

.hs_swiper .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 25px !important;
    border-radius: 50%;
}

.hs_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
    position: relative;
}

.hs_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: '';
    display: block;
    border: 1px solid #fff;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.swiper-pagination.ha_pag.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 50px;
}



/* 渐现效果 */
.teaser {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.h-wrap {
    width: 16rem;
    margin: 0 auto;
}

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

.home-about-left {
    width: calc(650 / 1600 *100%);
}

.home-about-right {
    width: calc(785 / 1600 *100%);
    overflow: hidden;
}

.home-about-right:hover img {
    transform: scale(1.1);
    transition: all .5s;
}

.home-about-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;

}

.home-about-wrap {
    padding: 1.3rem 0 1.06rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.home-title .s55 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    z-index: 2;
}

.home-about .home-title .s55 {
    color: #fff
}

.home-title .s48 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    z-index: 2;
}

.home-title .s55 span {
    z-index: 2;
    width: 100%;
    position: relative;
}

.home-title .s48 span {
    z-index: 2;
    width: 100%;
    position: relative;
}

.home-title .s55::after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    width: 100%;
    height: 15px;
    background-color: #f78e26;
    z-index: 1;
    left: 0;
}

.home-title .s48::after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    width: 100%;
    height: 15px;
    background-color: #f78e26;
    z-index: 1;
    left: 0;
}

.home-title .s24 {
    margin-top: .15rem;
    font-family: AvantGardeITCbyBT-Book;
    color: #777777;
}

.home-about-p1 {
    margin: .25rem 0 .15rem 0;
}

.home-about-p1 .s36 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #fff;
}

.home-about-p1 .s26 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    margin-top: .1rem;
}

.home-about-p2 p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #e1e1e1;
    position: relative;
    z-index: 2;
}

.home-about-link {
    margin-top: .45rem;
}

.home-about-link {
    display: flex;
    justify-content: flex-start;
}

.home-about-link .s18 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #666666;
    padding: .15rem .2rem;
    transition: all .3s;
    overflow: hidden;
    position: relative;
}

.home-about-link .s18::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    transition: all .3s;
    background-color: #f78e26;
    z-index: 1;

}

.home-about-link .s18:hover::before {
    right: 0;

}

.home-about-link .s18:hover {
    border: 1px solid #f78e26;
}

/* 
.home-about-link .s18:hover {
    border: solid 1px #f78e26;
    transition: all .3s;
}

.home-about-link .s18:hover p {
    color: #f78e26;
    transition: all .3s;
} */

.home-about-link .s18 p:first-child {
    margin-right: .4rem;
}

.home-about-link .s18 p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #666666;
    transition: all .3s;
    z-index: 2;
    position: relative;
}


.home-about-left-num {
    display: flex;
    margin-top: .45rem;
}

.home-about-left-num-item {
    width: 33.3333%;
}

.num-center {
    margin-top: .15rem;
}

.num-center .s50 {
    font-family: Montserrat-SemiBold;
    font-weight: bold;
    color: #fff;
}

.num-center .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #fff;
}

.bottom p {
    font-family: SourceHanSansCN-Normal;

    color: #fff;
     margin-top: .15rem; 
}


.home-b-item-wrap {
    display: none;
}

.home-b-item-wrap:first-child {
    display: block;
}

.home-b-item {
    display: flex;
}


.home-b-right img {
    width: 100%;
    height: 100%;
}

.home-b-left {
    width: calc(827 / 1920 *100%);
    padding-left: 1.6rem;
    padding-right: 1.26rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-b-right {
    width: calc(1093 / 1920 *100%);
}


.home-b-left .home-title .s55 span {
    color: #fff;
}

.home-b-left .home-title .s24 {
    color: #fff;
}

.home-b-left-p {
    margin-top: .45rem;
}

.home-b-left-p .s30 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #ffffff;
    margin-top: .15rem;
    margin-bottom: .15rem;
}

.home-b-left-p .s18 {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #ffffff;
}

.home-b-left .home-about-link {
    padding-bottom: .5rem;
    margin-top: .7rem;
}

.home-about .home-about-link .s18 {
    border: solid 2px #ffffff;
    color: #fff;
}

.home-about .home-about-link .s18 p {
    color: #fff;
}

.home-about .home-about-link .s18:hover {
    border: solid 2px #f78e26;
}

.home-b-left .home-about-link .s18 {
    border: solid 2px #ffffff;
    color: #fff;
}

.home-b-left .home-about-link .s18 p {
    color: #fff;
}

.home-b-left .home-about-link .s18:hover {
    border: solid 2px #f78e26;
}

.home-about-link .s18:hover p {
    color: #fff;
}

.home-b-left .home-about-link .s18:hover p {
    color: #fff;
}

.home-about .home-about-link .s18:hover p {
    color: #fff;
}


.home-b {
    position: relative;
}


.home-b-left .home-title {
    transform: translateY(.5rem);
    opacity: 0;
}

.home-b-left-p {
    transform: translateY(.5rem);
    opacity: 0;
}

.home-b-left .home-about-link {
    transform: translateY(.5rem);
    opacity: 0;
}


.home-b-item-wrap.show .home-b-left .home-title {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.home-b-item-wrap.show .home-b-left-p {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.home-b-item-wrap.show .home-b-left .home-about-link {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.home-b-right img {
    transform: scale(1.1);
}

.home-b-right {
    overflow: hidden;
}

.home-b-item-wrap.show .home-b-right img {
    transform: scale(1);
    transition: transform 2s cubic-bezier(.25, .1, .25, 1);
}

.home-b-hover-item.active {
    background-color: #f78e26;
}




.home-b-hover-list {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.home-b-hover-item {
    display: flex;
    width: 33.33333%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .25);
    border: solid 1px rgba(238, 238, 238, .25);
    padding: .25rem 0;
    cursor: pointer;
}

.home-b-hover-item .s25 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-left: .2rem;
}


.home-c-item {
    width: 13.20rem;
    margin: 0 auto;
}


.home-c-wrap {
    padding: 1.2rem 0;
    background-size: cover;
    background-position: center center;
}

.home-c-item .home-title {
    text-align: center;
}

.home-c-p {
    margin: .25rem 0;
}

.home-c-p p {
    font-family: SourceHanSansCN-Normal;

    color: #222222;
    text-align: center;
    line-height: 1.6;
    width: 70%;
    margin: 0 auto;
}


.home-c-list {
    display: flex;
    flex-wrap: wrap;
}

.home-c-list-item {
    width: 50%;
    position: relative;
}

.home-c-list-item>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}


.hcli-men {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: all 1s;
}

.home-c-list-item:hover .hcli-men {
    opacity: 1;
    z-index: 2;
    transition: all 1s;

}

.hm-p .s30 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.hm-p .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    text-align: center;
    margin-top: .2rem;
    line-height: 1.5;
    margin: 0.2rem 0.2rem 0 0.2rem;
}


.hm-item {
    width: 95%;
    border: solid 2px #ffffff;
    height: 90%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.hm-item .home-about-link {
    /* padding-bottom: .5rem; */
    margin-top: .35rem;
}

.hm-item .home-about-link .s18 {
    border: solid 2px #ffffff;
    color: #fff;
}

.hm-item .home-about-link .s18 p {
    color: #fff;
}

.hm-item .home-about-link .s18:hover {
    border: solid 2px #f78e26;
}

.hm-item .home-about-link .s18:hover p {
    color: #fff;
}

.home-d-contianer .home-title {
    text-align: center;
}

/* 
.home-d-list {
    display: flex;
    justify-content: space-between;
} */

.home-d-item {
    /* width: calc(494 / 1600 *100%); */
    position: relative;
    overflow: hidden;
}

.home-d-item:hover>img {
    transform: scale(1.1);
    transition: all .8s;
}

.home-d-item>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s;
}

.home-d-item * {
    transition: all .5s;
}

.hd-num {
    position: absolute;
    top: 0;
    left: 0;
    padding: .3rem;
}

.hd-num p {
    font-family: AvantGardeITCbyBT-Book;
    color: #ffffff;
}

.hd-num p::after {
    content: '';
    display: block;
    width: 21px;
    height: 6px;
    background-color: #ffffff;
    margin-top: .2rem;
    margin-left: .1rem;
}


.hd-bottom {
    width: calc(414 / 494 *100%);
    position: absolute;
    right: 0;
    background-color: #ffffff;
    bottom: 0;
    padding: .5rem;
}


.hd-jia {
    width: .41rem;
    height: .41rem;
    background-color: #f78e26;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: normal;
}


.hd-p2 {
    height: 0;
    transition: all .3s;
    overflow: hidden;
}

.hd-p p {
    font-family: SourceHanSansCN-Normal;

    color: #000000;
}

.hd-p p::after {
    width: 41px;
    height: 6px;
    background-color: #ffffff;
    content: '';
    display: block;
    margin-top: .2rem;
    display: none;
}

.hd-logo {
    margin-bottom: .15rem;
}





.hd-p2 p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #ffffff;
    margin-top: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 3;*/
    -webkit-box-orient: vertical;
}


.home-d-item:hover .hd-bottom {
    background-color: transparent;
    background-image: url(../images/hd-b-bg.jpg);
    background-size: cover;
}

.home-d-item:hover .hd-logo {
    display: none;
}

.home-d-item:hover .hd-p p::after {
    display: block;
}

.home-d-item:hover .hd-p p {
    color: #fff;
}

.home-d-item:hover .hd-p2 {
    display: block;
    height: auto;
    transition: all .3s;
}

.home-d-item:hover .hd-jia {
    background-color: #f8f8f8;
    color: #f78e26;
}

.home-news-container .home-title {
    text-align: center;
}

.home-news-swiper .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.h-news-left {
    width: calc(785 / 1600 *100%);
    border-radius: 0px 0px 0px 40px;
    overflow: hidden;
}

.h-news-right {
    width: calc(804 / 1600 *100%);
}

.home-news-item {
    display: flex;
    margin-bottom: 10px;
    height: 2.6rem;
    /* min-height: 48%; */
}


.home-news-item:last-child {
    margin-bottom: 0;
}

.h-news-left {
    position: relative;
    overflow: hidden;
}

.h-news-left:hover>img {
    transition: all .5s;
    transform: scale(1.1);
}

.h-news-left>img {
    width: 100%;
    height: 5.32rem;
    /* height: 100%; */
    object-fit: cover;
    transition: all .5s;
}

.home-news-img-act {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .5rem;
}

.home-news-img-act>.s26 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    width: 60%;
    line-height: 1.2;
}

.home-news-img-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .4rem;
}

.hnid-date {
    display: flex;
    align-items: center;
}

.home-news-img-date .home-about-link {
    margin-top: 0;
}

.home-news-img-date .home-about-link .s18 {
    border: 1px solid #fff;
}


.home-news-img-date .home-about-link:hover .s18 {
    border: 1px solid #f78e26;
}

.home-news-img-date .home-about-link .s18 p {
    color: #fff;
}

.hnid-date .s17 {
    font-family: AvantGardeITCbyBT-Book;

    color: #ffffff;
    margin-left: .15rem;
}

.hnid-link {
    display: flex;
    align-items: center;
}

.hnid-link p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #ffffff;
    margin-left: .35rem;
}


.hni-img {
    width: calc(391 / 804*100%);
    transition: all .3s;
}

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

.home-news-act {
    flex: 1;
    padding: .5rem .3rem;
    background-color: #fff;
}

.home-news-date {
    display: flex;
    align-items: center;
}

.home-news-act-p .s24 {
    font-family: AlibabaPuHuiTi_2_65_Medium;
    color: #1b1f25;
    margin-bottom: .15rem;
}

.home-news-act-p .s17 {
    font-family: AlibabaPuHuiTi_2_45_Light;
    color: #666666;
    line-height: 1.6;
}


.home-news-date {
    margin-top: .35rem;
}

.home-news-date .s15 {
    font-family: AvantGardeITCbyBT-Book;
    color: #666666;
    margin-left: .15rem;
}


.home-news-content {
    margin-top: .5rem;
}

.data-logo {
    width: 22px;
}

.data-img img.active {
    display: none;
}

.home-news-item:hover .data-img img.active {
    display: block;
}

.home-news-item:hover .data-img img {
    display: none;
}


.home-news-item:hover .hni-img {
    width: 0;
    height: 100%;
    /* overflow: hidden; */
}

.home-news-item {
    position: relative;
}

/* .home-news-item:hover .home-news-act {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
} */



.home-news-pag {
    margin-top: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-news-pag .s16 {
    font-family: AvantGardeITCbyBT-Book;
    color: #000000;
    margin: 0 .15rem;
    cursor: pointer;
}

.home-news-pag .s16::after {
    width: 100%;
    margin-top: .1rem;
    content: '';
    display: block;
    height: 2px;
    background-color: transparent;
}

.home-news-pag .s16.active {
    color: #134fc1;
}

.home-news-pag .s16.active::after {
    background-color: #134fc1;
}


.home-partner-container .home-title {
    text-align: center;
}

.home-partner-container .home-title p {
    color: #fff;
}


.home-partner-swiper .swiper-slide {
    /* width: 14.2857%; */
    display: flex; flex-wrap: wrap;
}

.home-partner-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .35rem .5rem;
    height: 1.5rem;
    width: calc(1 / 7 * 100%);
}


.partner-pag {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.partner-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 41px;
    height: 41px;
    border: solid 1px rgba(255, 255, 255, .5);
    background-color: transparent;
    position: relative;
    opacity: 1;
}

.partner-pag .swiper-pagination-bullet {
    width: 41px;
    height: 41px;
    border: solid 1px rgba(255, 255, 255, 0);
    background-color: transparent;
    position: relative;
    opacity: 1;
    margin: 0 .15rem;
    /* opacity:0 ; */
}

.partner-pag .swiper-pagination-bullet::after {
    display: block;
    content: '';
    width: 9px;
    height: 9px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;

}

.partner-pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: solid 1px rgba(255, 255, 255, 1);
    background-color: transparent;
    content: '';
    display: block;
    clip: rect(0 0 auto 0);
    z-index: 2;
    animation: c_change 5.3s linear;
}


.foot-logo {
    padding-top: .45rem;
    padding-bottom: .35rem;
}

.foot-logo img{
    width: 2.5rem;
}



.f-nav-list {
    display: flex;
}

footer {
    background-size: cover;
    background-position: center center;
}


.f-nav {
    margin-right: .7rem;
}

.f-nav-list {
    display: flex;
}


.f-nav-title a {
    font-family: SourceHanSansCN-Normal;

    color: #000000;
}

.f-nav-menu {
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
}

.f-nav-menu a {
    font-family: SourceHanSansCN-Normal;
    color: #777777;
    transition: all .3s;
    margin-bottom: 0.18rem;
}


.f-nav-menu a:hover {
    opacity: 1;
    color: #000;
    transition: all .3s;
}


.footer-center {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
    border-top: 1px solid rgba(119, 119, 119, .15);
    border-bottom: 1px solid rgba(119, 119, 119, .15);

}

.hfc-a .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #777777;
    margin-bottom: .1rem;
}

.hfc-a .s40 {
    font-family: AvantGardeITCbyBT-Demi;
    color: #222222;
    font-weight: bold;
}


.hfc-a {
    margin-bottom: .25rem;
}


.hfc-b p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.hfc-b::after {
    content: '';
    display: block;
    width: 11px;
    height: 2px;
    background-color: #1159e2;
    margin-top: .2rem;
}

.hfc-b {
    margin-bottom: .25rem;
}

.hfc-c p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #666666;
}


.f-main-righ {
    display: flex;
    align-items: center;

}


.footer-ma {
    margin-left: .3rem;
    width: 1.57rem;
    margin-top: .35rem;
}

.f-main-left {
    width: calc(930 / 1600 *100%);
    border-right: 1px solid rgba(119, 119, 119, .15);
}

.f-main-righ {
    /* width: calc(670 / 1600 *100%); */
    padding-left: .5rem;
}


.footer-bottom {
    padding: .4rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.fb-left a {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.fb-right a {
    font-family: SourceHanSansCN-Normal;

    color: #666666;
}


.fb-right span {
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: #c1c1c1;
    margin: 0 .35rem;
}


/* .h-news-right-list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */

.home-news-item:hover .home-news-act {
    background-color: #134fc1;
    /* padding: .6rem .3rem; */
}

.home-news-item:hover .home-news-act-p .s24 {
    color: #ffffff;
}

.home-news-item:hover .home-news-act-p .s17 {
    color: #ffffff;
    opacity: 0.6;
}

.home-news-item:hover .home-news-date .s15 {
    color: #ffffff;
}

.about-banner {
    position: relative;
}

.about-banner-pop {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    text-align: center;
}

.about-banner>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-banner-pop img {
    display: none;
    width: .48rem;
    margin-top: .35rem;
}

.about-banner-pop .s60 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    letter-spacing: 0px;
    color: #ffffff;
}

@media(max-width: 1350px) {

    .f-main-left {
        width: 60%;
    }


    .f-main-righ {
        flex-wrap: wrap;
        width: 40%;
    }

    /* .footer-center {
        flex-wrap: wrap;
    } */
}



@media(max-width: 1350px) {
    .footer-center {
        flex-wrap: wrap;
    }

    .f-main-left {
        border-right: none;

    }
}


@media(max-width: 950px) {
.f-nav-list {
        flex-wrap: wrap;
    }

    .f-main-left {
        width: 100%;

    }
    .f-main-righ {
        padding-left: 0;
        /*justify-content: center;*/
        margin-top: .5rem;
        width: auto;
    }
}

@media(max-width: 800px) {
    .h-news-left>img {
        height: auto;
    }

    .hs_item>img {
        height: 280px;
    }

    .home-news-item {
        height: auto;
    }

    .about-banner>img {
        height: 3rem;
    }

    .fb-right {
        margin-top: .35rem;
    }

    .f-nav-list {
        flex-wrap: wrap;
    }

    .f-nav {
        margin-bottom: .2rem;
        margin-right: 0;
        width: 100%;
    }

    .f-nav-menu a {
        margin-right: .2rem;
    }

    .f-nav-menu {
        flex-direction: row;
        flex-wrap: wrap;
    }

    
}









@keyframes c_change {
    0% {
        clip: rect(0 0px auto 0);
    }

    100% {
        clip: rect(0 41px auto 0);
    }
}






@media(max-width:1200px) {
    .container {
        width: 90%;
    }

    .h-wrap,
    .home-c-item {
        width: 90%;
    }


}

@media(max-width:800px) {
    .home-news-swiper .swiper-slide {
        flex-wrap: wrap;
    }

    .home-partner-swiper .swiper-slide {
        /* width: 25%; */
        justify-content: center;
    }

    .h-news-left,
    .h-news-right {
        width: 100%;
    }

    .h-news-right {
        margin-top: .5rem;
    }

    .home-partner-slider {
        padding: 15px;
        height: 77px;
        width: 25%;
    }


    .hs_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        width: 20px;
        height: 20px;
    }

    .home-d-list {
        flex-wrap: wrap;
    }

    .home-d-item {
        width: 100%;
        margin-bottom: .35rem;
    }

    .swiper-pagination.ha_pag.swiper-pagination-bullets {
        bottom: 20px;
    }

    .hs_swiper .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin: 0 15px !important;
        border-radius: 50%;
    }

    .home-about {
        flex-wrap: wrap;
    }

    .home-about-left,
    .home-about-right {
        width: 100%;

    }

    .home-about-right {
        margin-top: .35rem;
    }

    .home-b-item {
        flex-wrap: wrap;
    }

    .home-b-left,
    .home-b-right {
        width: 100%;
    }

    .home-b-left {
        padding: .5rem;
    }


    .home-b-hover-item img {
        max-width: 25px;
        max-height: 25px;
    }

    .home-c-list-item {
        width: 100%;
    }

}


.about-a-num {
    display: flex;
}

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

.about-a-left {
    width: calc(810 / 1600 *100%);
}

.about-a-img img {
    width: 100%;
}

.about-a-num {
    background-color: #f78e26;
    padding: .5rem .3rem;
}

.about-a-right {
    width: calc(745 / 1600 *100%);
}

.about-a-num-item {
    padding: 0 .5rem;
}

.a-aum-p {
    display: flex;
    align-items: flex-end;
}

.a-aum-p .jia.s40 {
    color: #fff;
    transform: translateY(-40%);
}

.a-aum-p .s50 {
    font-family: Montserrat-SemiBold;
    font-weight: bold;
    margin-right: .05rem;
    color: #ffffff;
}

.a-aum-p .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.a-aum-p1 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-top: .1rem;
}

.about-a-right-p p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #888888;
}

.about-a-right-p-wrap {
    margin-top: .5rem;
    padding-right: .3rem;
    max-height: 313px;
    overflow-y: auto;
}


.about-a-right-p-wrap::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.about-a-right-p-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #f78e26;
    background: #f78e26;
}

.about-a-right-p-wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

.about-a-wrap {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1.2rem 0;
}

.about-b-wrap .h-wrap{
    padding: 2rem 0;
}

.about-b-right-img {
    display: none;
}

.about-b-right-img:first-child {
    display: block;
}

.about-b {
    /* display: flex; */
    /* justify-content: space-between; */
    position: relative;
}
.about-b .ab-pag{
    position: absolute; bottom: .78rem; z-index: 2;
    width: 100%;
}
.about-b .ab-prev{
    left: 1.6rem;
}
.about-b .ab-next{
    right: 1.6rem;
}
@media (max-width: 700px) {
    .about-b .ab-prev{
        left: 4%;
    }
    .about-b .ab-next{
        right: 4%;
    }   
}
.about-b .swiper-slide{
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-b-left {
    width: calc(716 / 1600 *100%);
}

.about-b-right {
    width: calc(847 / 1600 *100%);
}

.about-b-left-item {
    padding: .3rem .6rem;
    cursor: pointer;
    border-bottom: 1px solid #f6f6f6;
}

.about-b-left-item:last-child {
    border-bottom: none;
}

.about-b-left-item .s26 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    margin-bottom: .1rem;
}

.about-b-left-item .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.2;

}

.about-b-left-item.active {
    transition: all .3s;
    background-color: #f78e26;
}

.about-b-left-item.active p {
    color: #ffffff;
    transition: all .3s;
}

.about-c-wrap {
    padding: 1rem 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.ys1 {
    width: 26px;
    height: 26px;
    background-color: rgba(247, 142, 38, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .3s;
}

.ys2 {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgba(247, 142, 38, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.ys-item {
    width: 6px;
    border-radius: 50%;
    height: 6px;
    background-color: #666666;
    transition: all .3s;
}





.swiper-slide-active .ys1 {
    width: 26px;
    height: 26px;
    background-color: rgba(247, 142, 38, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .3s;
}

.swiper-slide-active .ys2 {
    transition: all .3s;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgba(247, 142, 38, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;

}

.about-year-swiper .swiper-slide-active .year-slide-p {
    color: #f78e26;
    transform: scale(1.5);
    transition: all .3s;
    font-weight: bold;
}

.swiper-slide-active .ys-item {
    width: 6px;
    border-radius: 50%;
    height: 6px;
    background-color: #f78e26;
    transition: all .3s;
}

.year-slide {
    text-align: center;
}

.year-slide-p {
    font-family: Montserrat-SemiBold;
    margin-bottom: .2rem;
    color: #666666;
}

.year-slide-point {
    display: flex;
    justify-content: center;
}

.about-year-swiper-wrap .about-year-swiper {
    width: calc(1340 / 1660 *100%);
    padding-top: .5rem;
}


.about-year-swiper-wrap {
    position: relative;

}

.year-line {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 7px;
}

.about-year-btn,
.about-year-btn1 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    cursor: pointer;
    background-color: #999999;
}

.about-year-btn1 {
    top: 50%;
    transform: translateY(-50%);
}

.about-year-btn img {
    max-width: 20%;
}

.about-year-btn:hover {
    background-color: #f78e26;
}

.year-next,
.ab-next {
    right: 0;
}

.year-prev,
.ab-prev {
    left: 0;
}



.hsr-title p {
    background-color: transparent;
    display: inline-block;
    font-family: Montserrat-SemiBold;
    color: #f78e26;
    text-shadow: 9px 16px 10px rgba(247, 142, 38, 0.19);
}

.hsr-title {
    margin-bottom: .35rem;
}

.hsr-content {
    margin-top: .25rem;
}

.home-title.about {
    text-align: center;
}

.hsr-content p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.4;
    color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.about-history-swiper.swiper-container {
    padding: .5rem 0;
}

.about-history-swiper .swiper-slide {
    padding: .5rem;
    background-color: #ffffff;
    box-shadow: 8px 15px 24px 0px rgba(102, 102, 102, 0.15);
}

.history-slide {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.history-slide-right {
    margin-left: .5rem;
}

.history-slide-left {
    width: calc(421 / 935 *100%);
    flex-shrink: 0;
    /*height: 3.5rem;*/
}

.history-slide-left img{
    height: 3.5rem;
    object-fit: contain;
}

.honor-slide-img {
    padding: .1rem;
    background-color: #e4e4e3;
}

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

.honor-slide-img {
    width: calc(286 / 400 *100%);
}

.honor-slide .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    margin-top: .25rem;
}

.about-d-btn {
    display: flex;
    justify-content: center;
    margin-top: .5rem;
}

.about-d-btn .about-year-btn {
    position: relative;
    margin: 0 .15rem;
}

.about-d-wrap {
    padding: 1rem 0;
}

.about-d {
    margin-top: .5rem;
}

.about-e-wrap {
    padding: 2rem 1.5rem;
    min-height: 8rem;
}

.about-e-wrap .home-title.about {
    text-align: left;
}

.about-e-wrap .home-title.about p {
    color: #fff;
}

.about-e-content {
    width: 50%;
    /*text-align: center;*/
    margin: .5rem 0;
}

@media(max-width:1200px) {
    .about-e-wrap {
        padding: .8rem;
    }

    .about-e-wrap .h-wrap {
        width: 100%;
    }


}

@media(max-width:900px) {

    .about-e-content {
        width: 100%;
    }

}


.about-e-title {
    margin-bottom: .3rem;
}

.about-e-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.about-e-p p {
    font-family: SourceHanSansCN-Normal;
    color: #fff;
    line-height: 1.6;
}

.about-e-img img {
    width: 49%;
}

.about-e-img {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-container {
    padding-top: .88rem;
    padding-bottom: 1.1rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.contact-a {
    display: flex;
    margin-bottom: .5rem;
}

.contact-a-left {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    width: calc(552 / 1600 *100%);
    background-color: #ffffff;
    box-shadow: 0px 6px 10px 0px rgba(41, 41, 41, 0.09);
}

.contact-a-item:hover .contact-a-left-title p {
    color: #134fc1;

}

.ca-up {
    padding: .5rem;
    cursor: pointer;
}

.contact-a-right {
    width: calc(1048 / 1600 *100%);
}

.ca-logo {
    margin: .2rem 0;
}

.contact-a-left-title {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.contact-a-left-content p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
    margin-bottom: .05rem;
}

.ca-img {
    margin-top: .5rem;
}

.map-wrap,
.map {
    width: 100%;
    height: 100%;
}

.map-pop-exit {
    display: flex;
    justify-content: flex-end;
    padding: .15rem;
    cursor: pointer;
}

.map-pop-exit img {
    width: 13px;
}

.BMapLabel {
    max-width: 3.91rem !important;
    height: auto !important;
    width: 4rem;
}

.map-pop-content {
    background-color: #ffffff;
    border: solid 1px #cacaca;
    border-top: 5px solid #f78e26;
}

.map-pop-title .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    white-space: pre-wrap;
}

.map-pop-title .s14 {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.5;
    color: #666666;
    text-align: center;
    margin-top: .2rem;
    white-space: pre-wrap;
}

.map-pop-title {
    padding: .3rem;
    padding-top: 0rem;
    text-align: center;
}

.map-s {
    display: flex;
    justify-content: center;
}

.map-s img {
    max-width: .34rem;
}

.cl-img {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #f78e26;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
}

.contact-b-left .s36 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #000000;
}

.contact-b {
    margin-top: 1.5rem;
}

.contact-input {
    display: flex;
    align-items: center;
    margin-right: .15rem;
}

.contact-input:last-child {
    margin-right: 0;
}

.contact-input-p {
    margin-right: .05rem;
}

.contact-input-p span:first-child {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
}


.contact-input-p span:last-child {
    font-family: SourceHanSansCN-Normal;
    color: #d20000;
}

.contact-b {
    display: flex;
    justify-content: space-around;
}

.contact-input input {
    padding-left: .1rem;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    width: 1.5rem;
    height: 39px;
}

.contact-input-list {
    display: flex;

}

.contact-text {
    display: flex;
    align-items: flex-start;
    margin-top: .3rem;
}

.contact-text textarea {
    padding: .1rem;
    background-color: #ffffff;
    flex: 1;
    border: solid 1px #cccccc;
}

.contact-button {
    display: flex;
    margin-top: .8rem;
    margin-left: .65rem;
}

.contact-button button {
    display: flex;
    padding: .15rem .15rem;
    background-color: #383b44;
    border: none;
    transition: all .3s;
}

.contact-button button:hover {
    transform: scale(1.1);
}

.contact-button button span {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    color: #ffffff;
    margin: 0 .3rem;
}

.recruit-select {
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
}

.recruit-select a {
    display: block;
    padding: .15rem .3rem;
}

.report-p p {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    line-height: 1.6;
    text-align: center;
}

.report-p {
    margin-top: .5rem;
}

.report-input-list {
    display: flex;
    justify-content: center;
}

.report-form-title {
    margin: .5rem 0;
}

.report-form-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
    text-align: center;
}

.report-form .contact-text {
    justify-content: center;
}

.report-form .contact-text textarea {
    width: 6.77rem;
    flex: none;
}

.report-upload-wrap {
    display: flex;
    justify-content: center;
}


.report-upload-item {
    display: flex;
    align-items: center;
}


.file-button {
    /*font-family: SourceHanSansCN-Normal;*/
    color: #666666;
    padding: 0.15rem 0.2rem;
    border: solid 1px #666666;
    cursor: pointer;
    position: relative;
    margin-right: 0.15rem;
    font-weight: bold;
    transition: all .3s;
    overflow: hidden;
    position: relative;
}

.file-button::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    transition: all .3s;
    background-color: #f78e26;
    z-index: 1;
}
.file-button:hover span{
 color: #fff;
}

.file-button span{
    position: relative; z-index: 2;
}
.file-button:hover{
    border-color: #f78e26;
    color: #fff;
}
.file-button:hover::before{
    right: 0;
}

.file-button #file2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    cursor:pointer;
}

.report-upload-item .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #999999;
}

.evidential {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    font-weight: bold;
    color: #333333;
    margin: .25rem 0;
}

.evidential-p {
    margin-top: .1rem;
    font-family: SourceHanSansCN-Normal;
    color: #999999;
}

.report-form-title .s20 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #666666;
    margin-top: .1rem;
    font-weight: normal;
}

.report-form .contact-button {
    justify-content: center;
}

.map-wrap-list {
    height: 100%;
}

.map-wrap {
    display: none;
}

.map-wrap:first-child {
    display: block;
}


@media(max-width:850px) {

    .ca-img img {
        height: 50px;
        width: 100%;
        object-fit: cover;
    }

    .contact-button {
        margin-left: 1rem;
    }

    .history-slide {
        flex-wrap: wrap;
    }

    .about-history-swiper .swiper-slide {
        padding: .25rem;
    }

    .history-slide-left {
        width: 100%;
        text-align: center;
    }

    .history-slide-right {
        margin-left: 0rem;
        padding: .25rem 0;
    }

    .history-slide-right {
        width: 100%;
        text-align: center;
    }

    .about-a {
        flex-wrap: wrap;
    }

    .about-b {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .about-a-num {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-b-left,
    .about-b-right {
        width: 100%;
    }

    .about-a-num-item {
        margin-bottom: .5rem;
        padding: 0 .1rem;
        width: 30%;
    }

    .about-a-left,
    .about-a-right {
        width: 100%;
    }

    .about-a-right {
        margin-top: .5rem;
    }

    .about-a-right-p-wrap {
        max-height: none;
        overflow: visible;
    }
}

@media(max-width:800px) {



    @keyframes c_change {
        0% {
            clip: rect(0 0px auto 0);
        }

        100% {
            clip: rect(0 20px auto 0);
        }
    }

    .partner-pag .swiper-pagination-bullet {
        width: 20px;
        height: 20px;

    }

    .partner-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;

    }

    .partner-pag .swiper-pagination-bullet::after {
        width: 5px;
        height: 5px;
    }

    .report-input-list {
        flex-wrap: wrap;
    }

    .report-container .contact-input-p {
        width: 100%;
        margin-bottom: .15rem;

    }

    .report-form .contact-text {
        flex-wrap: wrap;
    }

    .report-form .contact-text textarea {
        width: 100%;
    }

    .report-upload {
        text-align: left;
    }

    .report-upload-item {
        justify-content: flex-start;
    }

    .contact-a,
    .contact-input-list {
        flex-wrap: wrap;
    }

    .contact-input input {
        flex: 1;
    }

    .contact-input-p {
        width: 15%;
    }

    .contact-input {
        width: 100%;
        margin-right: 0;
        margin-bottom: .2rem;
        flex-wrap: wrap;
    }

    .contact-b {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .contact-a-left,
    .contact-a-right {
        width: 100%;
    }

    .contact-b-right {
        width: 100%;
        margin-top: .5rem;
    }

    .BMapLabel {
        max-width: none;
        width: 300px;
    }

    .contact-a-right {
        height: 400px;
    }

    #myform1 .contact-button {
        margin-left: 0;
    }
}

.recruit {
    display: none;
}

.recruit:first-child {
    display: block;
}

.recruit-change {
    margin-top: .5rem;
}

.recruit-container {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: .9rem;
    padding-bottom: 1.2rem
}

.post {
    display: flex;
    align-items: center;
    /* padding-right: 1rem; */
    border-right: 1px solid #fff;
    width: 2.6rem;
}

.post p {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.recruit-select a {
    margin: 0 .15rem;
    padding: .15rem .45rem;
    background-image: url(../images/res-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    box-shadow: 8px 15px 24px 0px rgb(102 102 102 / 15%);
}

.recruit-select a.active {
    color: #ffffff;
    transition: all .3s;
    background-image: url(../images/rea-bg.jpg);
}

.recruit-select a:hover {
    color: #ffffff;
    transition: all .3s;
    background-image: url(../images/rea-bg.jpg);
}

.recruit-item-up {
    display: flex;
    background-color: #2b2e31;
    border-radius: 0px 5px 0px 0px;
    border: solid 1px #e5e5e5;
    justify-content: space-between;
    padding: 0 .5rem;
}

.post-information-p {
    margin-right: .8rem;
}

.post-information-p p {
    font-family: SourceHanSansCN-Normal;
    margin: .15rem 0;
    color: #ffffff;
}

.recruit-item-up-left {
    display: flex;
}

.post-information {
    display: flex;
    padding: .3rem 0;
    margin-left: 1rem;
}

.recruit-item-up-right {
    display: flex;
    align-items: center;
}

.recruit-item-up-right-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: .15rem .1rem;
}

.recruit-item-up-right-btn p {
    /* margin-right: .1rem; */
    padding: 0 .15rem;
    font-family: SourceHanSansCN-Normal;
    color: #222222;
}

.recruit-item-up-right-btn img {
    margin: 0 .15rem;
}


.recruit-item {
    margin-bottom: .5rem;
}


.recruit-item:nth-child(2n) .recruit-item-up {
    background-color: #444444;
}


.resp-link {
    background-color: #f78e26;
    padding: .15rem .1rem;
}

.resp-link span {
    margin: 0 .15rem;
}

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


.resp-title p {
    font-family: SourceHanSansCN-Normal;
    color: #000000;
}

.resp-list {
    margin-top: .15rem;
}

.resp-list p {
    font-family: AdobeHeitiStd-Regular;
    color: #666666;
    line-height: 1.6;
}

.resp {
    margin-bottom: .5rem;
    width: 46%;
}


.recruit-item-down {
    display: none;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    padding: .5rem;
}

.resp-link span {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.rid {
    display: none;
}

.rid .post-information {
    margin-left: 0;
}

.rid .post-information-p p {
    color: #666666;
}

.news-container {
    padding-top: .5rem;
    padding-bottom: 1rem;
}

.news-detail.news-container {
    padding-bottom: 0;
}

.news-slide {
    display: flex;
}

.news-slide-left {
    /*width: calc(800 / 1600 *100%);*/
    width: 100%;
}

.news-slide-left img {
    width: 100%;
    height: 100%;
}

.news-slide-date {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.news-slide-date .s16 {
    font-family: Montserrat-Regular;
    margin-left: .1rem;
    color: #666666;
}

.news-slide-word .s26 {
     font-family: SourceHanSansCN-Normal; 
    font-weight: bold;
    color: #f78e26;
    margin-bottom: .3rem;
}

.news-slide-word .s16 {
    font-family: SourceHanSansCN-Normal;
    /*letter-spacing: -1px;*/
    color: #666666;
    line-height: 1.6;
}

.news-slide-right {
    padding: .6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.news-swiper-wrap {
    position: relative;
}


.news-next {
    position: absolute;
    width: .56rem;
    height: .56rem;
    display: flex;
    background-color: #f78e26;
    align-items: center;
    justify-content: center;
    right: .6rem;
    bottom: .6rem;
    cursor: pointer;
    z-index: 2;
}

.news-next img {
    max-width: 20%;
}

.news-up {
    padding-bottom: .5rem;
    border-bottom: 1px solid #e8e8e8;
}


.news-item-down {
    padding: .3rem;
    padding-bottom: .2rem;


    border: solid 1px #e8e8e8;
    border-top: none;
}

.news-item-down-p .s23 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #111111;
    line-height: 1.2;
    margin-bottom: .15rem;
    transition: all .3s;
}

.news-item-down-p .s17 {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.5;
    /*letter-spacing: -1px;*/
    color: #666666;
}

.news-item-down-link {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .15rem 0;
    border-top: 1px solid #e8e8e8;
}

.news-item-down-link .news-slide-date {
    margin-top: 0;
}

.news-list {
    display: flex;
    flex-wrap: wrap;
}

.news {
    width: calc(511 / 1600 *100%);
    margin-right: .3rem;
    margin-bottom: .5rem;
}

.news:nth-child(3n) {
    margin-right: 0;
}

.news-slide-date img {
    width: 15px;
}

.news-img {
    height: 3.62rem;
    overflow: hidden;
}

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

.news-list-wrap {
    margin-top: .5rem;
}

.news:hover .news-item-down-p .s23 {
    color: #f78e26;
    transition: all .3s;
}

.news:hover .news-img img {
    transform: scale(1.1);
    transition: all .5s;
}

.news-detail-content {

    width: 1000px;
    margin: 0 auto;
}

.news-detail-down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem;
    flex-wrap: wrap;
}

.ndd-left {
    display: flex;
    align-items: center;
}

.ndd-item {
    display: flex;
    align-items: center;
}

.ndd-right-link>img.active {
    display: none;
}

.ndd-right-link:hover>img.active {
    display: block;
}

.ndd-right-link:hover>img {
    display: none;
}

.ndd-right {
    display: flex;
}

.news_share a {
    margin-left: .2rem;
}


.news-detail-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    line-height: 1.5;
    color: #131313;
}

.ndd-item .s18 {
    font-family: Montserrat-Regular;
    color: #666666;
    margin-left: .1rem;
}

.ndd-item {
    margin-right: .3rem;
}

.news-detail-p p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #717273;
}

.news-detail-content-header {
    padding: .35rem 0;
    border-bottom: 1px solid #e8e8e8;
}

.news-detail-p {
    padding: .5rem 0;
}

.news-turn {
    display: flex;


}

.turn-wrap {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0;
    border: 1px solid #e8e8e8;
}

.turn-wrap span {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    margin: 0 .15rem;
    color: #111111;
}

.turn-wrap a {
    max-width: 80%;
    display: flex;
    align-items: center;
}

.turn-wrap a .eps2 {
    line-height: 1.6;
}

.turn-wrap a:hover span {
    color: #f78e26;

}

@media(max-width:1100px) {
    .news-detail-content {
        width: 90%;
    }
}

@media(max-width:850px) {
    .news_t_share {
        margin: 0 auto;
        margin-top: .3rem;
    }

    .news-slide {
        flex-wrap: wrap;
    }

    .news {
        width: 100%;
        margin-right: 0;
    }

    .news-slide-left,
    .news-slide-right {
        width: 100%;
    }

    .news-img {
        height: auto;
    }

    .post-information {
        display: none;
    }

    .rid {
        display: block;
    }

    .rid .post-information {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .resp-wrap {
        flex-wrap: wrap;
    }

    .resp {
        width: 100%;
    }


    .post {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

.product-list-container {
    padding: .8rem 0;
}

.ps-a {
    transition: all .3s;
    box-shadow: 8px 15px 24px 0px rgb(102 102 102 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .2rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/res-bg.jpg);
    height: .8rem;
}

.ps-l img.active {
    display: none;
}

.ps-a .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
}

.product-list-select {
    display: flex;
    justify-content: center;
}

.ps-l {
    display: none;
    margin-left: .3rem;
}

.p-select {
    position: relative;
    min-width: 2.1rem;
    margin-right: .15rem;
    margin-bottom: .3rem;
    text-align: center;
}

.p-select:last-child {
    margin-right: 0;
}

.p-select.active .ps-a {
    background-image: url(../images/rea-bg.jpg);
}

.p-select:hover .ps-a {
    background-image: url(../images/rea-bg.jpg);
    transition: all .3s;
}

.p-select.active .ps-a .s20 {
    color: #ffffff;
    transition: all .3s;
}

.p-select:hover .ps-a .s20 {
    color: #ffffff;
    transition: all .3s;
}

.p-select.hasProduct-b .ps-l {
    display: block;

}

.p-select.hasProduct-b.active .ps-l {
    display: block;
}

.p-select.active .ps-l img.active {
    display: block;
}

.p-select.active .ps-l img {
    display: none;
}

.p-select:hover .ps-l img.active {
    display: block;
}

.p-select:hover .ps-l img {
    display: none;
}

@media(max-width:900px) {
    .ps-a {
        height: 1.2rem;
    }
}
.p-select-b-list {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 2;
}

.p-select-b-item {
    border-bottom: 1px solid #f2f3f4;
}

.p-select-b-item a {
    display: block;
    width: 100%;
    padding: .2rem 0;
    text-align: center;
    color: #222222;
    background-color: #ffffff;
    box-shadow: 3px 4px 9px 1px rgba(224, 226, 228, 0.42);
    transition: color .3s;
}

.p-select-b-item a:hover {
    color: #f78e26;
    transition: color .3s;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
}

.product-list-wrap {
    margin-top: .5rem;
}

.product-item {
    width: calc(368 / 1600 *100%);
    height: 4.7rem;
    background-color: #eaecee;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin-right: .38rem;
    margin-bottom: .5rem;
}

.product-item:nth-child(4n) {
    margin-right: 0;
}

.product-item:hover .product-item-pop {
    top: 0;
    left: 0;
    transition: all .5s;
}

.product-item>img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

.product-item-pop {
    padding: .5rem;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 100%;
    left: 0;
    transition: all .5s;
}

.product-item-pop-top .s27 {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #ffffff;
    margin-top: .1rem;
}

.product-item-pop-bottom .news-next {
    position: static;
}

.peoduct-detail-slide {
    text-align: center;
    padding: 1rem 0;
}

.pds-img {
    margin-top: .7rem;
}

.pds-img img {
    width: 6.42rem;
}

.pds-p .s40 {
    font-family: SourceHanSansCN-Normal;
    color: #131313;
    margin-bottom: .2rem;
}

.pds-p .s18 span {
    line-height: 1.5;
    font-family: SourceHanSansCN-Normal;
    color: #131313;
    opacity: 0.6;
    margin: 0 .05rem;
}


.product-detail-swiper-wrap {
    background-image: url(../images/pro-d-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.pro-d-btn {
    position: absolute;
    top: 50%;
    width: .68rem;
    height: .68rem;
    border: solid 1px #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

.pro-d-btn img {
    width: 13px;
}

.pro-d-btn img.active {
    display: none;
}

.pro-d-btn:hover img.active {
    display: block;
}

.pro-d-btn:hover img {
    display: none;
}

.product-detail-prev {
    left: 5%;
}

.product-detail-next {
    right: 5%;
}

.pro-d-btn:hover {
    background-color: #f78e26;
    border: none;
}


.product-detail-item {
    width: calc(1200 / 1600*100%);
    margin: 0 auto;
}

.product-detail-left {
    width: 50%;
}

.product-detail-right {
    padding: .5rem;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background-color: #f7f7f7;
}

.product-detail-item {
    display: flex;
    /* align-items: center; */
}

.product-detail-content {
    padding: .8rem 0;
}

.product-detail-right-p {
    margin-top: .5rem;
}

.product-detail-right-p p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.product-detail-right-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #131313;
    line-height: 1.2;
}

.smart-factory {
    margin-top: .5rem;
}

.smart-factory-container {
    padding: .8rem 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.smart-factory-container.op {
    background-position: top;
    background-size: 100% auto;
}

.smart-factory-title {
    display: flex;
}

.smart-factory-title::before {
    content: '';
    display: block;
    width: 10px;
    background-color: #f78e26;
    margin-right: .05rem;
}

.smart-factory-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.smart-factory-a-list {
    display: flex;
}

.smart-factory-a {
    width: calc(507 / 1600 *100%);
    padding: .5rem;
    background-color: #fff;
    transition: all .3s;
    background-image: none;
    margin-right: .4rem;
    border-bottom: 5px solid #f78e26;
}

.smart-factory-a:nth-child(3n) {
    margin-right: 0;
}


.smart-factory-a>img {
    width: .6rem;
    height: .6rem;
}

.smart-factory-a-p {
    margin: .3rem 0;
}

.smart-factory-b .smart-factory-a-p {
    height: 1rem;
}

@media(max-width:1080px) {
    .smart-factory-b .smart-factory-a-p {
    height: 1.5rem;
    }
    .smart-factory-a .smart-factory-a-p {
    height: .8rem;
    }
}

@media(max-width:800px) {
    .smart-factory-b .smart-factory-a-p {
    height: auto;
    }
}

.x-wrap {
    margin-top: .8rem;
}

.smart-factory-a:hover {
    border-bottom: none;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sfa-bg.jpg);
    transition: all .3s;
    border-bottom: 5px solid #134fc1;
}

.smart-factory-a:hover p {
    color: #fff;
}

.smart-factory-a-p .s24 {
    font-family: Alibaba-PuHuiTi-R;
    color: #222222;
    line-height: 1.4;
    font-weight: 550;
}

.sfl p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.smart-factory-a-list {
    margin: .45rem 0;
}

.smart-factory-b-wrap {
    width: 25%;
    padding: .5rem .25rem;
}

.smart-factory-b {

    padding: .3rem;
    border-left: 1px solid #f3f3f3;
}

.smart-factory-b-wrap:hover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sfa-bg.jpg);
    transition: all .3s;
}

.smart-factory-b-wrap:hover .smart-factory-b p {
    color: #fff;
}


.smart-factory-b>img {
    height: .6rem;
}


.smart-factory-b-list {
    display: flex;
    background-color: #fff;
    /* padding: .5rem; */
    border-bottom: 5px solid #134fc1;
}

.smart-factory-swiper.swiper-container {
    width: calc(1763 / 1920 *100%);
    margin-left: auto;
    margin-right: 0;
}

.smart-factory-swiper-container {
    padding: .7rem 0;
}

.smart-factory-slide {
    position: relative;
    height: 3.5rem;
}

.smart-factory-slide>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smart-factory-slide .s16 {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: .2rem;
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}


.sfc-left span {
    font-family: AvantGardeITCbyBT-Demi;
    color: #666666;
}

.sfc-left .active-index {
    color: #f78e26;
}



.smart-factory-swiper-config {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .3rem;
}

.sfc-right {
    display: flex;
    align-items: center;
}

.sfc-btn {
    margin: 0 .1rem;
    cursor: pointer;
}


.sfc-center {
    height: 4px;
    background-color: #eff5fa;
    flex: 1;
    margin: 0 .15rem;
}

.contact-a-left.quan .contact-a-left-content p {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-bottom: .15rem;
    line-height: 1.4;

}

.cla-p {
    display: flex;
}

.contact-a-left.quan .contact-a-left-title p {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    line-height: 1.5;
}

.contact-a-left.quan {
    background-color: #134fc1;
    box-shadow: 0px 6px 10px 0px rgba(41, 41, 41, 0.09);
}

.contact-container.quan {
    padding-top: 0;
}

.dgitization-left-logo {
    display: flex;
    justify-content: flex-end;
}

.dgitization-left-logo img {
    width: .63rem;
}

.dgitization-left-tit .s48 {
    font-family: SourceHanSansCN-Normal;
    margin-bottom: .35rem;
    color: #191919;
}

.dgitization-left-p p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.4;
}

.dgitization {
    display: flex;

}

.dgitization-left {
    width: calc(876 / 1600 *100%);
    padding: .5rem;
    background-color: #fff;
}


.dgitization-right {
    flex: 1;
}

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

.dgitization-left-p {
    margin-top: .35rem;
}

.dgitization-list-wrap {
    margin-top: .7rem;
}


.dgitization-select-list {
    display: flex;
}

.dgitization-select-list {
    margin-top: .5rem;
}

.dgitization-select {
    width: calc(265 / 1600 *100%);
    text-align: center;
    padding: .25rem 0;
    background-color: #fff;
    margin-right: 1px;
    transition: all .3s;
    position: relative;
    cursor: pointer;
}

.dgitization-select p {
    transition: all .3s;
    font-family: AvantGardeITCbyBT-Book;
    color: #191919;
}

.dgitization-select::before {
    width: .18rem;
    height: .18rem;
    position: absolute;
    content: '';
    background-color: transparent;
    display: block;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(-45deg);
    transition: all .3s;
}

.dgitization-select.active {
    background-color: #f78e26;

}

.dgitization-select.active p {
    transition: all .3s;
    color: #fefeff;
}

.dgitization-select.active::before {
    background-color: #f78e26;
    transition: all .3s;
}



.dgitization-select:hover {
    background-color: #f78e26;
    transition: all .3s;

}

.dgitization-select:hover p {
    color: #fefeff;
    transition: all .3s;
}

.dgitization-select:hover::before {
    background-color: #f78e26;
    transition: all .3s;
}


.dgitization-item {
    display: none;
}

.dgitization-item:first-child {
    display: block;
}

.qa-a-wrap {
    margin-top: .7rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid #dcdcdc;
}

.qa-a {
    display: flex;

    justify-content: space-between;
    align-items: center;
}


.qa-a-left {
    width: 50%;
}

.qa-a-left img {
    width: 100%;
    height: 100%;
}

.qa-a-right-title {
    margin-bottom: .35rem;
}

.qa-a-right-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.qa-a-right {
    width: calc(713 / 1600 *100%);
    padding-bottom: .35rem;
}

.qa-a-right-p-wrap {
    padding-right: .5rem;
    max-height: 226px;
    overflow-y: auto;
}

.qa-a-right-p p {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    line-height: 1.6;
    color: #666666;
}

.qa-a-right-p-wrap::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.qa-a-right-p-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #f78e26;
    background: #f78e26;
}

.qa-a-right-p-wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

.qa-a:nth-child(2n) {
    flex-direction: row-reverse;
}

.qa-a-right-p .s24 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    margin-bottom: .1rem;
}

.qa-a:nth-child(2n) .qa-a-right {
    padding-left: .5rem;
}


.qa-b-p .s36 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.qa-b-p .s16 {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    color: #666666;
    line-height: 1.6;
    margin-top: .35rem;
}

.qa-b-p .s16 p{
    font-weight: lighter;
    color: #666666;
    line-height: 1.6;
    margin-top: .35rem;
}

.qa-b-wrap {
    border-bottom: 1px solid #dcdcdc;
    padding: .7rem 0;
}

.qa-b-item-up {
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qa-b-item-up img {
    max-width: .33rem;
}

.qa-b-list {
    display: flex;
    margin-top: .5rem;
}


.qa-b-item {
    width: calc(310 / 1600 *100%);
    margin-right: .13rem;
    padding: .3rem;
    background-color: #eff5fa;
    border-bottom: 4px solid #134fc1;
}

.qa-b-item:nth-child(5n) {
    margin-right: 0;
}

.qa-b-item-p {
    margin-top: .7rem;
}

.qa-b-item-p .s30 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
    margin-bottom: .15rem;
}

.qa-b-item-p .s16 {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    line-height: 1.6;
    color: #666666;
}


.qa-b-item-up .s24 {
    display: none;
    font-family: AvantGardeITCbyBT-Book;
    color: #999999;
}

.qa-b-item:nth-child(2n) {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    border-bottom: 4px solid #f78e26;
}


.qc-item-up-wrap {
    background-color: rgba(19, 79, 193, .3);
    margin: 0 auto;
    width: 1.63rem;
    height: 1.63rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qc-item-up {
    width: 1.41rem;
    height: 1.41rem;
    background-color: #134fc1;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.qc-item-a .qc-item-up .s24 {
    font-family: AvantGardeITCbyBT-Demi;
    color: #ffffff;
    margin-top: 0;
}

.qc-item-a .s24 {
    margin-top: .3rem;
    text-align: center;
    color: #333333;
    line-height: 1.5;
}

.qc-list {
    display: flex;
    margin-top: .5rem;

}

.qc-item {
    width: 20%;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}

.qc-item:nth-child(2n) .qc-item-up-wrap {
    background-color: rgba(247, 147, 49, .3);
}

.qc-item:nth-child(2n) .qc-item-up {
    background-color: #f79331;
}


.qd-list {
    display: flex;
}


.qd-item {
    background-color: #eff5fa;
    border-bottom: 2px solid #134fc1;
    padding: .5rem;
    width: calc(500 / 1600 *100%);
    margin-right: .5rem;
}

.qd-item:nth-child(3n) {
    margin-right: 0;
}

.qd-item:nth-child(2n) {
    border-bottom: 2px solid #f78e26;
}

.qd-up p {
    font-family: AvantGardeITCbyBT-Book;
    color: #134fc1;
    /* opacity: 0.8; */
    font-weight: lighter;
}

.qd-list {
    margin-top: .35rem;
}

.qd-down {
    margin-top: .3rem;
}

.qd-down p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}


@media(max-width:1000px) {
    .product-list-select {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media(max-width:850px) {
    .smart-factory-b-wrap {
        border-bottom: 5px solid #134fc1;
    }

    .smart-factory-b-wrap {
        width: 100%;
    }

    .p-select {
        width: 30%;
        margin-right: 0;
    }

    .pro-d-btn img {
        width: 8px;
    }

    .product-detail-item {
        flex-wrap: wrap;
    }

    .product-detail-left,
    .product-detail-right {
        width: 100%;
    }

    /* .p-select:nth-child(3n) {
        margin-right: 0;
    } */

    .product-list {
        justify-content: space-between;
    }

    .product-item {
        width: 48%;
        margin-right: 0;
    }
}

@media(max-width:800px) {
    .qa-a-right-p-wrap {
        overflow: visible;
        padding-right: 0;
        max-height: none;
    }

    .smart-factory-slide {
        /* height: 3.rem; */
    }

    .qc-list {
        flex-wrap: wrap;
    }

    .dgitization {
        flex-wrap: wrap;
    }

    .qc-item {
        width: 50%;
        margin-bottom: .3rem;
    }

    .qd-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: .25rem;
    }

    .qa-b-item {
        width: 49%;
        margin-right: 0;
        margin-bottom: .35rem;
    }

    .qa-b-list,
    .qd-list {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .qa-a {
        flex-wrap: wrap;
    }

    .dgitization-left,
    .dgitization-right,
    .qa-a-left,
    .qa-a-right {
        width: 100%;
    }

    .qa-a-left {
        margin: .5rem 0;
    }

    .dgitization-select {
        width: 33%;
    }

    .dgitization-select-list {
        flex-wrap: wrap;
    }

    .dgitization-right {
        flex: none;
    }

    .smart-factory-b {
        width: 100%;
    }

    .smart-factory-a-list,
    .smart-factory-b-list {
        flex-wrap: wrap;
    }

    .smart-factory-a {
        margin-right: 0;
        width: 100%;
        margin-bottom: .35rem;
    }
}


.prob-item {
    display: block;
    position: relative;
}


.prob-item {}

.prob-item-img img {
    width: 100%;
}


.prob-word {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.pw-p .s36 {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    color: #222222;
}

.pw-p .s20 {
    font-family: SourceHanSansCN-Normal;
    /*color: #666666;*/
    line-height: 1.5;
    width: 3.39rem;
    margin-top: .15rem;
}

.pw-link {
    /*margin-top: .7rem;*/
    display: flex;
}

.prob-item:hover .pw-link-item {
    color: #fff !important;
    transition: all .3s;
    background-color: #f78e26;
    border-radius: .1rem;
}

.prob-item:hover .pw-link-item span {
    color: #fff !important;
}


.pbb-item:hover .pw-link-item {
    color: #fff !important;
    transition: all .3s;
    background-color: #f78e26;
    border-radius: .1rem;
}

.pbb-item:hover .pw-link-item span {
    color: #fff !important;
}

.pw-link .home-about-link .s18 {
    border: 1px solid #000;
}

.pw-link .home-about-link .s18 p {
    color: #000;
}

.pw-link-item {
    padding: .15rem .35rem;
}

.pw-link span {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.prob-img {
    max-width: 9rem;
    position: absolute;
    right: 13%;
    bottom: 7%;
}

.prob-img img{
    width: 8rem;
}

.prob-b {
    display: flex;
    margin-top: .5rem;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.pbb-item {
    width: calc(775 / 1600 *100%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: .5rem 0;
    padding-bottom: 0;
    min-height: 5.8rem;
}

.pbb-word {
    text-align: center;
    margin: 0 0.8rem;
}

.pbb-word .s36 {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    /*color: #ffffff;*/
}

.pbb-word .s20 {
    font-family: SourceHanSansCN-Normal;
    /*color: #ffffff;*/
    line-height: 1.5;
    margin-top: .15rem;
}

.pbb-img {
    text-align: center;
    margin-top: .35rem;
}

.pbb-img img {
    max-width: 50%;
}

.pbb-link {
    display: flex;
    justify-content: center;
    margin-top: .3rem;
}

.pbb-link span {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #ffffff;
}

.prob-item.prob-b .prob-word * {
    /*color: #fff;*/
}

.prob-item.prob-b .prob-img {
    width: 5rem;
    bottom: 10%;
}

.pro-detail-a {
    justify-content: space-around;
    display: flex;
}

.pro-detail-container {
    padding: .8rem 0;
}


.pda-left {
    width: calc(600 / 1600 *100%);
}

.pda-sa-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pda-sa-swiper .swiper-slide img {
    max-width: 60%;
}


.pda-sb-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1rem 0;
}

.pda-sb-swiper .swiper-slide img {
    max-width: 70%;
}

.pda-sb-swiper-wrap {
    margin-top: .5rem;
}

.pro-detail-a {
    padding: .8rem 0;
}

.pda-sb-swiper .swiper-slide.borde-active {
    border: solid 2px #f78e26;
}

.pda-right {
    width: calc(600 / 1600 *100%);
    /* margin-left: .5rem; */
}

.pda-title p {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    color: #333333;
}

.pda-title::after {
    content: '';
    display: block;
    width: 23px;
    height: 2px;
    margin: .45rem 0;
    background-color: #333333;
}

.pda-p p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.pda-link-wrap {
    display: flex;
    margin-top: .3rem;
}

.pda-link {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    background-color: #134fc1;
    /* padding: .2rem .5rem; */
    margin-right: .3rem;

}

.home-about-link.pda-link .s18 {
    padding: .2rem .45rem;
    border: none;
}

.home-about-link.pda-link .s18 p {
    color: #fff;
}

.home-about-link.pda-link .s18 p {
    margin-right: 0;
}

.home-about-link.pda-link.yp .s18 {
    background-color: #f78e26;
}

.home-about-link.pda-link.yp .s18::before {
    background-color: #134fc1;
}


.pda-link.yp {
    background-color: #f78e26;
}

.pda-share-wrap {
    display: flex;
    align-items: center;
}

.pda-share-wrap .news_share a img {
    /* height: 18px;
    width: auto; */
}

.pda-share-wrap .news_share a img.active {
    display: none;
}

.pda-share-wrap .news_share a:hover img.active {
    display: inline;
}

.pda-share-wrap .news_share a:hover img {
    display: none;
}

.pda-share-wrap {
    margin-top: 1rem;
    padding-top: .3rem;
    border-top: 1px solid #b5b5b5;
}

.pda-share-left {
    font-family: MicrosoftYaHei;
    color: #999999;
    margin-left: .2rem;
}

.pro-detail-b {
    position: relative;
}

.pdb-wrap {
    position: absolute;
    top: 8%;
    left: 20%;
}

.pro-detail-b img {
    width: 100%;
}

.pdb-list {
    display: flex;
    max-width: 6.3rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pdb-item {
    width: 2.96rem;
    margin-bottom: .4rem;
}

.pdb-logo {
    width: 1.15rem;
    height: 1.15rem;
    border: solid 1px #999999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}

.pdb-logo img {
    max-width: 60%;
}

.pdb-word {
    text-align: center;
}

.pdb-word .s26 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    margin: .1rem 0;
}

.pdb-word .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.5;
}

.pdb-c-img {
    position: absolute;
    bottom: 10%;
    right: 5%;
    width: 40%;
}

.pro-detail-c {
    margin-top: .8rem;
}


.pdcc-head {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eeefef;
    border: solid 1px #e0e4e4;
    margin-top: .5rem;
}

.pdc-head-item {
    flex: 1;
    padding: .15rem .2rem;
    text-align: center;
    font-family: AvantGardeITCbyBT-Demi;
    color: #222222;
}

.pdcc-title {
    text-align: center;
    font-family: AvantGardeITCbyBT-Demi;
    color: #222222;
    padding: .15rem 0;
    background-color: #f4f8fc;
    border: solid 1px #e0e4e4;
}

.pdcc-a {
    display: flex;
}

.pdcc-a-item {
    flex: 1;
    padding: .15rem;
    text-align: center;
    font-family: AvantGardeITCbyBT-Book;
    background-color: #ffffff;
    border: solid 1px #e0e4e4;
    color: #222222;
}

.pdcc-a-item:first-child {
    text-align: left;
    padding-left: .4rem;
}

.pdcc-more {
    text-align: center;
    margin-top: .2rem;
    cursor: pointer;
}

.pdcc-more p {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    margin-bottom: .1rem;
}

.pdcc-container {
    overflow-x: auto;
    padding-top: .5rem;
}

.pdcc-head,
.pdcc-wrap {
    min-width: 900px;
}

.technology-head {
    padding: .8rem 0;
}

.technology-head .home-title {
    margin-top: .5rem;
}


.technology-container {
    padding: .6rem 0;
    background-color: #f4f8fc;
}

.technology-list {
    display: flex;
    flex-wrap: wrap;
}

.technology-item {
    position: relative;
    overflow: hidden;
    display: block;
    width: calc(510 / 1600 *100%);
    margin-right: .35rem;
    margin-bottom: .5rem;
}

.technology-item:nth-child(3n) {
    margin-right: 0;
}

.technology-item-a {
    background-color: #ffffff;
    padding: .5rem;
    padding-left: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.tia-logo {
    width: 41px;
    border-radius: 50%;
    height: 41px;
    background-color: #134fc1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tia-logo img {
    max-width: 80%;
}

.tia-word {
    margin: .3rem 0;
}

.tia-word .s36 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.tia-word .s18 {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    color: #666666;
    line-height: 1.6;
    margin-top: .25rem;
}

.tia-word .s18 p{

    line-height: 1.6;

}

.tia-link {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #1954c3;
}

.technology-item-b {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 100%;
    padding: .2rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .5s;
}

.technology-item:hover .technology-item-b {
    top: 0;
}

.tib-item {
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    padding: .3rem;
}

.tib-item .tia-logo {
    background-color: #f78e26;
}

.tib-word .s36 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #ffffff;
    margin: .4rem 0;
}

.tib-p-list p {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    line-height: 1.6;
}

.calc-p {
    display: flex;
}

@media(max-width:1000px) {
    .technology-item {
        margin-right: .28rem;
    }
}

@media(max-width:900px) {
    .pro-detail-b {
        padding-top: .5rem;
    }

    .pdb-list {
        max-width: 95%;
        margin: 0 auto;
    }

    .pdb-wrap {
        position: relative;
        left: 0;
        top: 0;
        margin-top: .35rem;
    }

    .pdb-c-img {
        text-align: center;
        position: relative;
        margin: 0 auto;
        bottom: 0;
        right: 0;
        width: 95%;
    }

    .technology-item {
        margin-right: 0;
        width: 100%;
        min-height: 300px;
    }

    .pdb-img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;

    }

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

@media(max-width:800px) {
    .prob-b {
        flex-wrap: wrap;
    }

    .prob-img img {
        height: 3.2rem;
        width: auto;
    }

    .pbb-item {
        width: 100%;
        padding: .5rem;
        margin-bottom: .35rem;
    }

    .prob-word,
    .prob-img {
        position: relative;
        z-index: 2;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        transform: none;
        text-align: center;
    }

    .prob-img {
        margin: 0 auto;
    }

    .pw-p .s20 {
        width: 100%;
    }

    .prob-img {
        margin-top: .5rem;
        width: auto;
    }

    .prob-item {
        padding: .5rem;
    }

    .prob-item-img {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
    }

    .prob-item-img img {
        object-position: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .product-list-select {
        justify-content: space-between;
        /* flex-wrap: nowrap;
        overflow-x: auto; */
    }

    .pro-detail-a {
        flex-wrap: wrap;
    }

    .pda-left,
    .pda-right {
        width: 100%;
    }

    .pda-right {
        margin-top: .5rem;
    }
}


.experimental-container {
    padding: .5rem 0;
    background-color: #f1f4f7;
}

.experimental-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.experimental-item {
    width: calc(380 / 1600 *100%);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: 4px solid #134fc1;
    padding: .3rem;
    margin-right: .25rem;
    margin-bottom: .25rem;
    transition: all .3s;
}

.experimental-item:hover {
    background-color: #134fc1;
    border-color: #f79331;
}

.experimental-item-left p {
    transition: all .3s;
}

.experimental-item:hover .experimental-item-left p {
    color: #fff;
    overflow: visible;

}







.experimental-item.active {
    background-color: #134fc1;
    border-color: #f79331;
}

.experimental-item-left p {
    transition: all .3s;
}

.experimental-item.active .experimental-item-left p {
    color: #fff;

}

.experimental-item:nth-child(4n) {
    margin-right: 0;
}

.experimental-item-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.eil-a .s32 {
    display: none;
    font-family: AvantGardeITCbyBT-Book;
    color: #666666;
}

.eil-a .s22 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
    margin-top: .15rem;
}

.eil-b {
    margin-top: .3rem;
}

.eil-b p {
    font-family: AvantGardeITCbyBT-Book;
    color: #999999;
    line-height: 1.4;

}



.experimental-item-right {
    max-width: .7rem;
}

.experimental-swiper .swiper-slide {
    height: auto;
}

.experimental-slide-img {
    overflow: hidden;
    height: 2.5rem;
}

.experimental-slide-img img {
    width: 100%;
    transition: all .3s;
}

.experimental-slide-title {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    color: #333333;
}

.experimental-slide-item p.s16 {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    color: #333333;
}

.experimental-slide-item p {

    line-height: 1.4;
    color: #666666;
}

.esi-list p {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    line-height: 1.4;
    color: #666666;
}

.experimental-slide {
    height: 100%;
    background-color: #fff;
}

.experimental-slide-content {
    padding: .3rem;
}

.experimental-slide-item {
    margin-top: .25rem;
}

.experimental-swiper-wrap.visible {
    position: relative;
    left: 0%;
    z-index: 3;
    top: 0%;
    /* z-index: -1; */
    opacity: 1;
}

.experimental-swiper-wrap.hide .about-year-btn {
    display: none;
}

.experimental-swiper-wrap-list {
    /* overflow: hidden; */
    width: 100%;
    position: relative;
}

.experimental-container {
    overflow: hidden;
}

.experimental-swiper-wrap {
    transition: opacity .3s;
    /* position: relative; */
    margin-top: .8rem;
    position: absolute;
    left: 100%;
    top: 100%;
    z-index: -1;
    opacity: 0;
}

.experimental-swiper-wrap .about-year-btn {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);

}

.intellectual-honor.hide .about-year-btn {
    display: none;
}


.intellectual-honor .about-year-btn {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);

}

.experimental-swiper-wrap .honor-prev {
    left: -5%;
}

.experimental-swiper-wrap .honor-next {
    right: -5%;
}



.intellectual-honor .honor-prev {
    left: -5%;
}

.intellectual-honor .honor-next {
    right: -5%;
}

.experimental-slide:hover .experimental-slide-img img {
    transform: scale(1.1);
}


.intellectual-container {
    padding: .8rem 0;
}

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

.ia-left {
    width: calc(689 / 1600 *100%);
}

.ia-right {
    width: calc(802 / 1600 *100%);
    overflow: hidden;
}

.ia-right:hover img {
    transform: scale(1.1);
}

.ia-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s;
}

.ia-left-word {
    margin-top: .5rem;
}

.ia-left-word p {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    color: #666666;
    line-height: 1.6;
}

.intellectual-honor {
    position: relative;
}

.intellectual-honor-wrap {
    padding: .8rem 0;
    background-color: #f4f8fc;
}

.intellectual-honor-swiper .intellectual-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intellectual-slide img {
    transform: scale(.85);
    transition: all .3s;
}

.intellectual-honor-swiper .swiper-slide:hover .intellectual-slide img {
    transform: scale(1);
}

.relations-a {
    display: flex;
    margin-top: .35rem;
    justify-content: space-between;
}

.Investor-title p {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #222222;
}

.Investor-title {
    display: flex;
    align-items: center;
}

.Investor-title::before {
    margin-right: .15rem;
    content: '';
    display: block;
    width: 5px;
    height: .33rem;
    /* height: 100%; */
    background-color: #D6363A;
}

.Investor-container {
    padding: .7rem 0;
}

.ra-left {
    width: calc(1042 / 1600 *100%);
    display: flex;
    justify-content: space-between;
}

.ral-item {
    position: relative;
    display: block;
    overflow: hidden;
}

.ral-item:hover>img {
    transform: scale(1.1);
}


.ral-item>img {
    width: 100%;
    transition: all .5s;
}

.ral-wrap {
    width: calc(717 / 1042 *100%);
}

.hg-item {
    position: absolute;
    top: 0;
    right: 0;
}

.ral-item-wrod {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    padding: .15rem .1rem;

}

.hg-item {
    width: .88rem;
}

.ral-list .hg-item {
    width: .58rem;
}



.ral-item-wrod>img {
    width: .26rem;
}

.ral-list .ral-item-wrod>img {
    width: .19rem;
}

.ral-item-wrod img {
    margin-right: .1rem;
    flex-shrink: 0;
}

.ral-item-p {
    width: 90%;
}

.ral-item-p .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.ral-item-p .s12 {
    font-family: AvantGardeITCbyBT-Book;
    color: #ffffff;
    margin-top: .05rem;
}

.ral-list {
    width: calc(319 / 1042 *100%);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.ra-right {
    width: calc(505 / 1600 *100%);
}

.rar-title {
    background-image: linear-gradient(90deg, rgb(214 54 58 / 18%) 0.68%, rgba(214, 54, 58, 0) 80.49%);
    padding: .2rem 0;
    padding-left: .25rem;
}

.rar-title p {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    /*color: #134fc1;*/
}

.rar-item {
    display: flex;
    align-items: center;
    padding: .2rem 0;
    padding-left: .25rem;
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 0px rgba(19, 79, 193, 0.03);
    margin-bottom: .35rem;
    transition: all .3s;
}

.rar-item:last-child {
    margin-bottom: 0;
}

.rar-item:hover {
    /*background-color: #f78e26;*/
    box-shadow: 0px 4px 5px 0px rgba(19, 79, 193, 0.03);
}

.rar-item:hover .s22 {
    color: #D6363A;
}

.rar-item .s22 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
}

.rar-img {
    width: .45rem;
    height: .45rem;
    background-color: #d6363a4a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .15rem;
}

.rar-img img {
    max-width: 60%;
}

.relations-a-wrap {
    margin-bottom: .5rem;
}

.raw-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.raw-head .home-about-link {
    margin-top: 0;
}

.raw-more {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #666666;
}

.iia-p {
    width: 33px;
    height: 33px;
    background-color: #f3c5c6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    flex-shrink: 0;
    margin-right: .2rem;
}

.relations-b-wrap .ra-left {
    display: block;
}

.issues-item {
    padding-bottom: .3rem;
    border-bottom: 1px solid #eeeeee;
}

.issues-item-a {
    padding: .3rem;
    box-shadow: -1px 11px 10px 0px rgba(19, 79, 193, 0.03);
    display: flex;
    cursor: pointer;
}

.issues-item-a:hover .s22 {
    color: #d6363a;
}

.iia-word .s22 {
    font-family: SourceHanSansCN-Normal;
    color: #444444;
    line-height: 1.6;
}

.iia-word .s18 {
    font-family: AvantGardeITCbyBT-Book;
    color: #999999;
    margin-top: .2rem;
}

.issues-list {
    margin-top: .5rem;
}

.issues-item-b {
    padding: .3rem;
    background-color: #eff5fa;
    display: flex;
}

.issues-item-b .iia-p {
    background-color: #f78e267a;
}

.issues-item-b .iia-word .s22 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.iia-word .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.iia-word p{
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.issues-item-b .iia-word .s18 {
    text-align: center;
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    color: #999999;
}



.issues-item-b-wrap {
    display: none;
}

.issues-item:first-child .issues-item-b-wrap {
    display: block;
}


.appointment-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem .35rem;
}

.appointment-link {
    /* font-family: SourceHanSansCN-Light; */
    font-weight: lighter;
    color: #f2514d;
    padding: .1rem .35rem;
    background-color: #ffffff;
    transition: all .3s;
}


.appointment-link:hover {
    transform: scale(1.1);

}

.appointment-wrap .s28 {
    /* font-family: SourceHanSansCN-Medium; */
    font-weight: bold;
    color: #ffffff;
}

.appointment-p-list {
    padding: .45rem .3rem;
    background-color: #f7fbfe;
    padding-right: 1rem;
    padding-bottom: .8rem;
}

.appointment-p-list p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #222222;
    margin-bottom: .1rem;
}

.Investor-form-wrap .Investor-title {
    justify-content: center;
}

.radio-wrap {
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
}

.radio-wrap .layui-input-block {
    margin-left: .35rem;
    /* min-height: none !important; */
    min-height: auto;
}

.radio-wrap-p span {
    font-family: SourceHanSansCN-Normal;
    color: #444444;
}

.radio-wrap-p span.red {
    color: #dc0318;
}

.radio-wrap .layui-form-radio>i {
    font-size: 16px;

}

.radio-wrap .layui-form-radio {
    margin: 0;
    margin-right: .3rem;
    /* width: 110px; */
}

.radio-wrap .layui-form-radioed {
    font-family: SourceHanSansCN-Normal;
    color: #444444;
}

.radio-wrap .layui-form-radio:hover * {
    color: #f78e26;
}

.radio-wrap .layui-form-radioed>i {
    font-family: SourceHanSansCN-Normal;
    color: #f78e26;
}

.Investor-form-content {
    width: 995px;
    margin: 0 auto;
}

.Investor-form {
    margin-top: .5rem;
}

.Investor-form-head {
    padding-bottom: .2rem;
    border-bottom: 1px solid #eee;
}


.Investor-input-item {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
}

.Investor-input-item input {
    margin-left: .25rem;
    width: 374px;
    height: 52px;
    background-color: #ffffff;
    padding-left: .15rem;
    border: solid 1px rgba(0, 0, 0, .1);

}

.Investor-input-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Investor-form-a {
    padding: .5rem 0;
}

.Investor-input-item .radio-wrap-p {
    /* width: 20%; */
    flex-shrink: 0;
}

.Investor-text-item {
    display: flex;
    margin-bottom: .3rem;
}

.Investor-text-item textarea {
    flex: 1;
    border: solid 1px rgba(0, 0, 0, .1);
    padding: .15rem;
}

.Investor-text-list {
    margin-top: .15rem;
}

.Investor-text-item .radio-wrap-p {
    width: 15%;
    flex-shrink: 0;
    justify-content: center;
}

.Investor-form-p {
    line-height: 1.6;
    font-family: SourceHanSansCN-Normal;
    color: #999999;
}

.Investor-form-button {
    display: flex;
    align-items: center;
    margin-top: .7rem;
    justify-content: center;
}

.Investor-form-button button {
    padding: .15rem .35rem;
    background-color: #f78e26;
    border: none;
    color: #fff;
}

.add-Investor {
    margin-bottom: .5rem;
    cursor: pointer;
}

.add-Investor.home-about-link {
    /* padding: 0.15rem 0.35rem; */
    /* background-color: #f78e26; */
    border: none;
    color: #fff;
    display: flex;
    justify-content: flex-start !important;
}

.add-Investor.home-about-link .s18 p:first-child {
    margin-right: 0  !important;
}


@media(max-width:1000px) {
    .Investor-form-content {
        width: 95%;
    }

    .experimental-item {
        margin-right: .2rem;
    }
}


@media(max-width:800px) {
    .experimental-slide-img {
        height: auto;
    }
    .pw-link {
        justify-content: center;
    }

    .Investor-text-item {
        flex-wrap: wrap;
    }

    .Investor-input-list {
        flex-wrap: wrap;
    }

    .radio-wrap {
        flex-wrap: wrap;
    }

    .radio-wrap .radio-wrap-p {
        width: 100%;
        margin-bottom: .15rem;
    }

    .Investor-text-item .radio-wrap-p {
        width: 100%;
        margin-bottom: .2rem;
    }

    .Investor-text-item textarea {
        width: 100%;
    }

    .Investor-input-item {
        width: 100%;
    }

    .intellectual-a-content {
        flex-wrap: wrap;
    }

    .ral-item {
        margin-bottom: .25rem;
    }

    .ral-list .ral-item-wrod>img {
        width: .26rem;
    }

    .ral-list .hg-item {
        width: .88rem;
    }

    .relations-a,
    .ra-left {
        flex-wrap: wrap;
    }

    .ra-left,
    .ra-right,
    .ral-wrap,
    .ral-list {
        width: 100%;
    }

    .ra-right {
        margin-top: .25rem;
    }

    .ia-left,
    .ia-right {
        width: 100%;
    }

    .ia-right {
        margin-top: .35rem;
    }

    .experimental-swiper-wrap .honor-prev {
        left: 0%;
    }

    .experimental-swiper-wrap {

        overflow: hidden;
    }

    .experimental-swiper-wrap .honor-next {
        right: 0%;
    }

    .experimental-list {
        justify-content: space-between;
    }

    .experimental-item {
        width: 49%;
        margin-right: 0;
    }
}







.xl-top {
    width: 100%;
    font-size: 0;
    padding: .2rem 0;
}

.xl-tip {
    display: inline-block;
    vertical-align: top;
    color: #666;
    line-height: 1.5;
}

.xl-tip span {
    color: #f78e26;
}

.xl-tr {
    display: inline-block;
    vertical-align: top;
}

.xl-td {
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    color: #666;
    line-height: 1.5;
}

.xl-td span {
    color: #f78e26;
}

.xl-cont {
    width: 100%;
    font-size: 0;
}

.xl-item {
    width: 100%;
    display: block;
    cursor: pointer;
    margin-bottom: .35rem;
    padding: .3rem .25rem;
    border: solid 1px #dcdcdc
}

.xl-b {
    width: 100%;
    margin-bottom: .25rem;
}

.xl-name {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 6em);
    padding-right: .1rem;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xl-name span {
    color: #f78e26;
}

.xl-classify {
    display: inline-block;
    vertical-align: middle;
    width: 6em;
    padding: .1rem 0;
    text-align: center;
    background-color: #f78e26;
    color: #fff;
}

.xl-intro {
    color: #888888;
    line-height: 1.7;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xl-item:hover {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 0px 45px 1px rgba(0, 0, 0, 0.1);
}

.xl-item:hover .xl-name {
    color: #f78e26;
}


.iil-wrap {
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: flex-end;
    padding-bottom: .1rem;
    margin-bottom: .15rem;
}


.iil-btn {
    border: 1px solid #999;
    cursor: pointer;
    padding: .1rem .2rem;
}


@media(max-width: 750px) {
    .xl-main {
        width: 100%;
        max-width: 500px;
        padding: 0 10px;
    }

    .xl-name {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: .1rem;
    }
}


.hidder .hidder {
    display: none;
}



.hidder .jigou {
    display: none;
}


.gr_wrap {
    margin-top: .25rem;
}

.contact-form .home-about-link {
    margin-top: 0.8rem;
    margin-left: 0.65rem;
}


.report-form .home-about-link {
    justify-content: center;
}

.news-item-down-link .home-about-link {
    margin-top: 0;
}


.pbb-item .home-about-link {
    justify-content: center;
}

.pbb-item .home-about-link .s18:hover {
    border: 1px solid #f78e26;
}

.pbb-item .home-about-link .s18 {
    border: 1px solid #000;
}

.pbb-item .home-about-link .s18 p {
    color: #000;
}


.prob-item.prob-b .home-about-link .s18:hover {
    border: 1px solid #f78e26;
}

.prob-item.prob-b .home-about-link .s18 {
    border: 1px solid #000;
}

.prob-item.prob-b .home-about-link .s18 p {
    color: #000;
}

.add-Investor {
    transition: all .3s;
}

/* .add-Investor:hover {
    transform: scale(1.1);
} */

.Investor-form-a .home-about-link {
    justify-content: center;
}

.Investor-form-a .home-about-link .s18 {
    text-align: center;
    cursor: pointer;
}

.Investor-form-a .home-about-link .s18 p:first-child {
    margin-right: .4rem;
}


/* .contact-b-right .home-about-link button.s18 p {
    margin-right: 0;
} */



/* 新增导航样式 */


.data-header-pc-1 .Menu li:hover .mega-sub-menu-wrap {
    opacity: 1;
    z-index: 99;
    transform: translateY(0px) translateX(-50%);
    pointer-events: auto;
}

.mega-sub-menu-wrap {
    position: absolute;
    top: 100%;
    left: 50%;
    width: auto;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .08);
    opacity: 0;
    transition: transform .65s cubic-bezier(.2, .8, .25, 1), opacity .65s cubic-bezier(.2, .8, .25, 1);
    -webkit-transition: transform .65s cubic-bezier(.2, .8, .25, 1), opacity .65s cubic-bezier(.2, .8, .25, 1);
    pointer-events: none;
    transform: translateY(13px) translateX(-50%);
    /* padding-top: .15rem; */

}

.mega-sub-menu-wrap-top {
    widows: 100%;
    height: .15rem;
}

.mega-sub-menu {
    padding: .3rem .8rem;
    background-color: #fff;
    position: relative;
    z-index: 1;
}


.data-header-pc-1 .list-unstyled.menu {
    text-align: left !important;
    width: 100%;
    /* padding: 0 40px; */
    margin: 0 0;
    margin-bottom: 28px;
}

.data-header-pc-1 .list-unstyled.menu:last-child {
    margin-bottom: 0;
}

.list-unstyled a {
    width: 100%;
    display: block;
    text-align: center;
}

.list-unstyled a strong {

    white-space: nowrap;

    /* font-size: 20px; */
    /* line-height: 32px; */
    margin-bottom: 2px;
    font-weight: normal;
    /* font-weight: 550; */
    font-family: Inter SemiBold, sans-serif;
    position: relative;
    display: inline-block;
    color: #222;
}

.list-unstyled a span {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #6d6f78;
    display: none;
}

.list-unstyled a strong::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background: #f78e26;
    background-size: 100% 100%;
    transition: transform .38s cubic-bezier(.165, .84, .44, 1);
    transform-origin: 50% 100%;
    transform: scale(.98, 0) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
    background-repeat: repeat-x;
    display: inline-block;
}

.list-unstyled a strong:hover::before {
    transform: scale(1) translateZ(0);
}



.ab-slide {
    text-align: center;
    width: 65%;
    margin: 0 auto;
    padding: 1rem 0;
    margin: .2rem auto;
}

.ab-slide .s36 {
    display: inline-block;
    font-weight: bold;
    color: #222222;
    z-index: 2;
}

.ab-slide .s36::after {
    content: '';
    margin: 0 auto;
    display: inline-block;
    width: 50%;
    height: 1.5px;
    background-color: #888;
}

.ab-slide .s24 {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #fff;
    margin-top: .35rem;
}

.ab-pag {
    text-align: center;
}

.ab-pag .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 .05rem;
    background-color: #000;
}