#baguetteBox-overlay {
    display: none;
}

* {
    padding: 0;
    margin: 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    max-width: 1024px;
    margin: 0 auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "PingFang_Regular", "Arial", "sans-serif";
    font-size: 0.22rem;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    text-decoration: none;
}

ul {
    margin: .16rem 0;
    padding-left: .4rem;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

select,
input,
textarea,
button {
    outline: none;
}

button {
    cursor: pointer;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

table {
    border-collapse: collapse;
}




/* 表格添加滚动条 */
.pro_page_table {
    overflow-x: auto;
}

/* 版心 */
.wrap {
    padding-left: .4rem;
    padding-right: .4rem;
}



/* ~~~~~~~~~~public.css */
/* ~~~~~~~~~~public.css */
:root {
    --hue: #006FBF;
}

.tc {
    text-align: center;
}

.upp {
    text-transform: uppercase;
}

.bg_fixed {
    background-attachment: fixed;
}

/* 字体 */
.ffm {
    font-family: "PingFang_Medium";
}

.ffr {
    font-family: "PingFang_Regular";
}

.ffs {
    font-family: "PingFang_Semibold";
}

/* ~~~~~~~~~~public.css~~~~~~~end */
/* ~~~~~~~~~~public.css~~~~~~~end */






/* ~~~~mobile 导航,css */
/* ~~~~mobile 导航,css */
/* ~~~~mobile 导航,css */
.mobile_header {
    height: 0;
}

.mobile_header_cen {
    position: relative;
    z-index: 9999;
    padding: .7rem .4rem 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.mobile_header_cen .logo {
    width: 2.62rem;
}

.mobile_header_cen .logo a {
    display: block;
}

.mobile_header_cen .logo a img {
    width: 100%;
}

.mobile_nav_icon {
    font-size: .66rem;
    color: #ffffff;
}

.mobile_nav {
    position: relative;
}

.mobile_nav_list {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100%;
    right: 0;
    width: 2rem;
}

.mobile_nav_list .list_box {
    margin-top: -1px;
    background: #ffffff;
    border-radius: .12rem;
    padding: .06rem .2rem;
    box-shadow: 0 0.04rem .25rem rgba(26, 43, 73, 0.1);
}

.mobile_nav_list .list_box a {
    display: block;
    font-size: .3rem;
    color: #24282a;
    text-align: center;
    padding: .14rem 0;
    border-bottom: 1px solid #dddddd;
}

.mobile_nav_list .list_box>a:last-child {
    border-bottom: none;
}

.mobile_nav_list .arrow {
    width: 0;
    height: 0;
    border-width: .16rem;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #ffffff;
    margin: 0 .2rem 0 auto;
}

/* ~~~~mobile 导航,css~~~~end */
/* ~~~~mobile 导航,css~~~~end */
/* ~~~~mobile 导航,css~~~~end */






/* ~~~~~index,css */
/* ~~~~~index,css */
/* ~~~~~index,css */
.indOne_lunbo .item {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.indOne_lunbo .item a {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.indOne_lunbo .item a .title_text {
    width: 100%;
    padding-left: .4rem;
    padding-right: .4rem;
}

.indOne_lunbo .item a .title_text .title {
    font-size: .4rem;
    color: #FFFFFF;
    line-height: .6rem;
    text-align: center;
}

.indOne_lunbo .item a .title_text .text {
    font-size: .28rem;
    color: #FFFFFF;
    line-height: .46rem;
    text-align: center;
    padding-top: .35rem;
}

.indBoxTwo {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.indBoxTwo_w {
    padding-bottom: 3.9rem;
}

.indBoxTwo1 .title {
    font-size: .62rem;
    color: #FFFFFF;
    line-height: .9rem;
    text-align: center;
}

.indBoxTwo1 .subtitle {
    font-size: .3rem;
    color: #FFFFFF;
    line-height: .52rem;
    text-align: center;
    padding-top: .18rem;
}

.indBoxTwo2 {
    font-size: .28rem;
    color: #FFFFFF;
    line-height: .56rem;
    text-align: center;
    padding-top: .46rem;
}

.indBoxTwo3 {
    padding-top: .56rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.public_page_btn {
    width: 2.07rem;
    height: .6rem;
    border-radius: .3rem;
    background: #FFFFFF;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.public_page_btn span {
    font-size: .26rem;
    color: var(--hue);
}

.public_page_btn .iconfont {
    font-size: .34rem;
    color: var(--hue);
    padding-left: .08rem;
}

.indBoxTwo4 {
    padding-top: .8rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .4rem;
    row-gap: .6rem;
}

.indBoxTwo4 .item {
    text-align: center;
}

.indBoxTwo4 .item .number {
    font-size: .62rem;
    color: #FFFFFF;
    line-height: .88rem;
}

.indBoxTwo4 .item .text {
    font-size: .28rem;
    color: #FFFFFF;
    padding-top: .06rem;
}

.indBoxThree {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.indBoxThree1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.indBoxThree1 .item {
    height: 100vh;
    border-right: 1px solid #C2D4E1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.indBoxThree1>.item:last-child {
    border-right: none;
}

.indBoxThree1 .item a {
    display: block;
    width: 100%;
    padding: 0 10px;
}

.indBoxThree1 .item a .icon {
    width: 1rem;
    margin: 0 auto;
}

.indBoxThree1 .item a .icon img {
    width: 100%;
}

.indBoxThree1 .item a .title {
    font-size: .3rem;
    color: #FFFFFF;
    text-align: center;
    padding-top: .24rem;
}

.indBoxFour1 {
    height: 200vh;
}

.indFour1_01 {
    height: calc(100vh - .88rem);
    position: sticky;
    top: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.indFour1_01 .img_box {
    width: 100%;
    height: 100%;
    -ms-transform: scale(17);
    -webkit-transform: scale(17);
    transform: scale(17);
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

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

.indFour1_01_text {
    opacity: 0;
    font-size: .34rem;
    color: #333333;
    line-height: .6rem;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 100%;
    padding-left: .4rem;
    padding-right: .4rem;
    margin-top: 2.1rem;
}

.indBoxFive {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.indBoxFive1 {
    padding-bottom: .55rem;
}

.indBoxFive1 .title {
    font-size: .54rem;
    color: #333333;
}

.indBoxFive1 .text {
    font-size: .3rem;
    color: #666666;
    padding-top: .18rem;
}

.indBoxFive2 {
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
}

.indBoxFive2 img {
    width: 100%;
}

.indBoxFive2 .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .48rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@-webkit-keyframes line_animate {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }

    50% {
        width: 150%;
        height: 150%;
        opacity: 0.8;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes line_animate {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.1;
    }

    50% {
        width: 150%;
        height: 150%;
        opacity: 0.8;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.indBoxFive2 .play_btn .line1,
.indBoxFive2 .play_btn .line2,
.indBoxFive2 .play_btn .line3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.indBoxFive2 .play_btn .line1 {
    -webkit-animation: line_animate 3s linear 0s infinite;
    animation: line_animate 3s linear 0s infinite;
}

.indBoxFive2 .play_btn .line2 {
    -webkit-animation: line_animate 3s linear 1s infinite;
    animation: line_animate 3s linear 1s infinite;
}

.indBoxFive2 .play_btn .line3 {
    -webkit-animation: line_animate 3s linear 2s infinite;
    animation: line_animate 3s linear 2s infinite;
}

/* 点击视频弹出播放框css */

.ind_video_maskBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.ind_video_maskBox .video_Box_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -60%);
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    width: 92%;
    height: 5rem;
}

.ind_video_maskBox .video_Box_1 .videoIframe {
    background: #333333;
    width: 100%;
    height: 100%;
    border: none;
}

.ind_video_maskBox .video_Box_1 .closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    font-weight: 700;
    font-size: .32rem;
    color: #ffffff;
    cursor: pointer;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ind_video_maskBox .video_Box_1 .closeBtn:hover {
    color: #f40a0a;
}

/* 点击视频弹出播放框css~~~~~~~~~~~~结束 */

.indBoxFive3 {
    padding-top: .8rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: .6rem;
}

.indBoxFive3 .item {
    position: relative;
    padding: 0 .15rem;
}

.indBoxFive3 .item .number {
    font-weight: 700;
    font-size: 1.02rem;
    text-align: center;
    background-image: -ms-linear-gradient(to top, #014FA8 20%, #0095FF);
    background-image: -moz-linear-gradient(to top, #014FA8 20%, #0095FF);
    background-image: -webkit-linear-gradient(to top, #014FA8 20%, #0095FF);
    background-image: linear-gradient(to top, #014FA8 20%, #0095FF);
    -webkit-background-clip: text;
    color: transparent;
}

.indBoxFive3 .item .text {
    font-size: .26rem;
    color: #666666;
    text-align: center;
    padding-top: .04rem;
}

.indBoxFive3>.item:nth-child(odd)::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: .92rem;
    background: #B1B1B1;
}

.pt {
    padding-top: 1.2rem;
}

.pb {
    padding-bottom: 1.2rem;
}

.indBoxSix1 {
    font-size: .5rem;
    color: #333333;
    padding-bottom: .55rem;
}

.indBoxSix1 span {
    color: var(--hue);
}

.indBoxSix2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .18rem;
    row-gap: .18rem;
}

.indBoxSix2 .item img {
    width: 100%;
}

.indBoxSeven_w {
    padding-bottom: .62rem;
    border-bottom: 1px solid #B5B5B5;
}

.indBoxSeven1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.indBoxSeven1 .iconfont {
    font-size: .7rem;
    color: var(--hue);
    text-align: center;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 50%;
    border: 1px solid var(--hue);
}

.indBoxSeven1 .r_box {
    max-width: calc(100% - 1rem);
    padding-left: .2rem;
}

.indBoxSeven1 .r_box .title {
    font-size: .2rem;
    color: #333333;
}

.indBoxSeven1 .r_box .text {
    font-weight: 700;
    font-size: .4rem;
    color: #333333;
    padding-top: .08rem;
}

.indBoxSeven1 .r_box .text a {
    color: #333333;
}

.indBoxEight_w {
    padding-top: .38rem;
    padding-bottom: .98rem;
}

.indBoxEight1 {
    font-size: .2rem;
    color: #666666;
    text-align: center;
}

.indBoxEight2 {
    padding-top: .22rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.indBoxEight2 a {
    font-size: .2rem;
    color: #666666;
}

.indBoxEight2 .line {
    width: 1px;
    height: .17rem;
    background: #999999;
    margin: 0 .26rem;
}

/* ~~~~~index,css~~~~end */
/* ~~~~~index,css~~~~end */
/* ~~~~~index,css~~~~end */






/* ~~~~~footer nav,css */
/* ~~~~~footer nav,css */
/* ~~~~~footer nav,css */
.footer_nav {
    height: .88rem;
}

.footer_nav1 {
    position: fixed;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: .1rem;
}

.footer_nav1 .item a {
    height: .88rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer_nav1 .item a .iconfont {
    font-size: .42rem;
    color: #666666;
    text-align: center;
}

.footer_nav1 .item a .text {
    font-size: .2rem;
    color: #666666;
    text-align: center;
}

.footer_nav1 .item.hover a .iconfont,
.footer_nav1 .item.hover a .text {
    color: var(--hue);
}

/* ~~~~~footer nav,css~~~~end */
/* ~~~~~footer nav,css~~~~end */
/* ~~~~~footer nav,css~~~~end */






/* ~~~~about,css */
/* ~~~~about,css */
/* ~~~~about,css */
.aboBoxOne {
    position: relative;
}

.aboBoxOne1 {
    position: sticky;
    top: 0;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.aboBoxOne1_w {
    padding-top: 3.4rem;
}

.aboOne1_01 .title {
    font-size: .6rem;
    color: #FFFFFF;
}

.aboOne1_01 .text {
    font-size: .3rem;
    color: #FFFFFF;
    line-height: .56rem;
    padding-top: .25rem;
}

.aboBoxOne2 {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
}

.aboOne2_02_w {
    background: #000000;
    padding-top: 0.7rem;
}

.aboOne2_02_1 .title {
    font-size: .58rem;
    color: #FFFFFF;
}

.aboOne2_02_1 .text {
    font-size: .32rem;
    color: #FFFFFF;
    line-height: .58rem;
    padding-top: .28rem;
}

.aboOne2_02_1 .img_box {
    margin-top: .46rem;
    border-radius: .12rem;
    overflow: hidden;
}

.aboOne2_02_1 .img_box img {
    width: 100%;
}

.aboOne2_02_2 {
    padding-top: .7rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.aboOne2_02_2 .item .number {
    height: .67rem;
}

.aboOne2_02_2 .item .number img {
    height: 100%;
}

.aboOne2_02_2 .item .text {
    font-size: .26rem;
    color: #F5F5F5;
    padding-top: .2rem;
}

.aboOne2_01 {
    position: relative;
    height: 85vh;
    pointer-events: none;
}

.aboOne2_01::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(110% 100% at center top, transparent, transparent 0, transparent 25%, transparent 40%, rgba(0, 0, 0, 0.075) 55%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0.5) 85%, #000 100%);
}

.aboOne2_01::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2rem;
    background-image: linear-gradient(transparent, #000);
}

.subPage_header {
    height: 0;
}

.subPage_header1 {
    position: relative;
    z-index: 9999;
    padding: .7rem .4rem 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.subPage_header1_l {
    width: 20%;
}

.subPage_header1_l .iconfont {
    font-size: .42rem;
    color: #ffffff;
}

.subPage_header1_c {
    width: 60%;
    font-size: .34rem;
    color: #FFFFFF;
    text-align: center;
}

.subPage_header1_r {
    width: 20%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.about_page_tt_text {
    padding-bottom: .5rem;
}

.about_page_tt_text .title {
    font-size: .58rem;
}

.about_page_tt_text .text {
    font-size: .32rem;
    line-height: .56rem;
    padding-top: .25rem;
}

.aboTwo1_lunbo .item {
    border-radius: .12rem;
    overflow: hidden;
}

.aboTwo1_lunbo .item img {
    width: 100%;
}

.public_lunbo_dots {
    text-align: center;
    padding-top: .4rem;
}

.public_lunbo_dots .swiper-pagination-bullet {
    outline: none;
    opacity: 1;
    width: .18rem;
    height: .18rem;
    background: none;
    border: 1px solid var(--hue);
    margin: 0 .1rem;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.public_lunbo_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--hue);
}

.aboBoxThree1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.aboBoxThree1 .item {
    background: #F5F5F7;
    border-radius: .12rem;
    padding: .95rem 1.1rem;
}

.aboBoxThree1 .item .icon {
    width: 1.13rem;
    margin: 0 auto;
}

.aboBoxThree1 .item .icon img {
    width: 100%;
}

.aboBoxThree1 .item .title {
    font-size: .44rem;
    color: #333333;
    text-align: center;
    padding-top: .32rem;
}

.aboBoxThree1 .item .text {
    font-size: .26rem;
    color: #666666;
    line-height: .5rem;
    text-align: center;
    padding-top: .25rem;
}

.aboBoxFour {
    background: #000000;
}

.aboBoxFour1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .4rem;
}

.aboFour1_01 {
    border-radius: .12rem;
    overflow: hidden;
}

.aboFour1_01 img {
    width: 100%;
}

.aboFour1_02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .4rem;
}

.aboFour1_02 .item {
    border-radius: .12rem;
    overflow: hidden;
}

.aboFour1_02 .item img {
    width: 100%;
}

.aboFour1_03 {
    border-radius: .12rem;
    overflow: hidden;
}

.aboFour1_03 img {
    width: 100%;
}

.aboFive1_01 {
    padding-bottom: .65rem;
}

.aboFive1_01 .title {
    font-size: .5rem;
    color: #333333;
}

.aboFive1_01 .title span {
    color: var(--hue);
}

.aboFive1_01 .text {
    font-size: .32rem;
    color: #333333;
    line-height: .56rem;
    padding-top: .25rem;
}

.aboBoxFive ul li {
    list-style: none;
}

.aboFive2_01 .bd .picList li {
    width: 2.6rem;
}

.aboFive2_01 .bd .picList li .img_box {
    padding: 0 .14rem;
}

.aboFive2_01 .bd .picList li .img_box img {
    width: 100%;
}

.aboFive2_01.two {
    margin-top: .3rem;
}

/* ~~~~about,css~~~~end */
/* ~~~~about,css~~~~end */
/* ~~~~about,css~~~~end */






/* ~~~~products_list,css */
/* ~~~~products_list,css */
/* ~~~~products_list,css */
.pro_liBoxOne {
    background: #000000;
    padding-top: 1.6rem;
}

.pro_liOne1 {
    background: #1A1A1A;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pro_liOne1_l {
    width: calc(100% - 1.1rem);
}

.pro_liOne1_l_lunbo .item a {
    display: block;
    font-size: .28rem;
    color: #999999;
    height: .82rem;
    line-height: .82rem;
    padding: 0 .4rem;
}

.pro_liOne1_l_lunbo .swiper-slide {
    width: auto;
}

.pro_liOne1_l_lunbo .swiper-slide.active_nav .item a {
    color: #FFFFFF;
}

.pro_liOne1_r {
    width: 1.1rem;
}

.pro_liOne1_r_icon {
    height: 100%;
    font-size: .44rem;
    color: #D9D9D9;
    padding-right: .4rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.pro_liBoxTwo {
    background: #343434;
}

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

.pro_liTwo1_01 .item {
    margin-bottom: .5rem;
    border-radius: .12rem;
    overflow: hidden;
}

.pro_liTwo1_01>.item:last-child {
    margin-bottom: 0;
}

.pro_liTwo1_01 .item a {
    position: relative;
    display: block;
}

.pro_liTwo1_01 .item a .title_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
        padding: .5rem .55rem 0;
}

.pro_liTwo1_01 .item a .title_btn .tt {
    font-family: "PingFang_Medium";
    font-size: .4rem;
    color: #ffffff;
    padding-bottom: .25rem;
}

.pro_liTwo1_01 .item a .title_btn .btn {
    font-size: .26rem;
    width: 2rem;
    height: .65rem;
    line-height: .65rem;
    border: 1px solid #ffffff;
    border-radius: .5rem;
    color: #ffffff;
    text-align: center;
    background-color: rgba(255,255,255,0.3);
}

.pro_liTwo1_01 .item a img {
    width: 100%;
}

.pro_list_fl_close {
    display: none;
    height: .66rem;
    line-height: .66rem;
    font-size: .5rem;
    color: #ffffff;
}

.pro_liBoxThree {
    position: fixed;
    z-index: -100;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 1.6rem);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.pro_list_oh {
    overflow: hidden;
}

.pro_liThree1 {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.pro_liThree1_l {
    width: 48%;
    height: 100%;
    background: #000000;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-transform: translate(-102%, 0);
    -webkit-transform: translate(-102%, 0);
    transform: translate(-102%, 0);
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pro_liThree1_l .item {
    height: 1rem;
    line-height: 1.1rem;
    font-size: .28rem;
    color: #999999;
    padding: 0 .25rem 0 .4rem;
}

.pro_liThree1_l .item.hover {
    color: #333333;
    background: #FFFFFF;
}

.pro_liThree1_r {
    width: 52%;
    height: 100%;
    background: #FFFFFF;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-transform: translate(102%, 0);
    -webkit-transform: translate(102%, 0);
    transform: translate(102%, 0);
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pro_liThree1_r_item .item a {
    display: block;
    height: 1rem;
    line-height: 1.1rem;
    font-size: .28rem;
    color: #333333;
    padding: 0 .4rem;
}

.pro_liBoxThree.list_show {
    z-index: 100;
    opacity: 1;
    visibility: visible;
}

.pro_liBoxThree.list_show .pro_liThree1_l {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.pro_liBoxThree.list_show .pro_liThree1_r {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* ~~~~products_list,css~~~~end */
/* ~~~~products_list,css~~~~end */
/* ~~~~products_list,css~~~~end */






/* ~~~~products_detail,css */
/* ~~~~products_detail,css */
/* ~~~~products_detail,css */
.pro_deBoxOne img {
    width: 100%;
}

.pro_deBoxTwo {
    height: 200vh;
}

.pro_deTwo1 {
    position: sticky;
    isolation: isolate;
    top: 0;
    width: 100%;
    height: calc(100vh - .88rem);
    background: #000000;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_deTwo1_01 {
    opacity: 0;
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    width: 100%;
    text-align: center;
    padding-left: .4rem;
    padding-right: .4rem;
}

.pro_deTwo1_01 .title {
    max-width: 5.8rem;
    margin: 0 auto;
    font-size: .56rem;
    color: #ecc827;
    line-height: .86rem;
}

.pro_deTwo1_01 .text {
    max-width: 3.8rem;
    margin: 0 auto;
    font-size: .28rem;
    color: #ecc827;
    line-height: .46rem;
    padding-top: .35rem;
}

#pro_deTwo1_02 {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10rem;
    height: 10rem;
}

.pro_deThree1 {
    position: relative;
    margin-bottom: .35rem;
    border-left: 1px solid rgba(0, 111, 191, 0.6);
    padding-left: .2rem;
}

.pro_deThree1 .title {
    font-size: .58rem;
    color: #333333;
}

.pro_deThree1 .text {
    font-size: .28rem;
    color: #333333;
    padding-top: .04rem;
}

.pro_deThree1::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -0.01rem;
    width: .03rem;
    height: .46rem;
    background: var(--hue);
}

.pro_deThree2 {
    font-size: .3rem;
    color: #666666;
    line-height: .58rem;
}

.pro_deBoxFour {
    background: #000000;
}

.pro_deFour1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.pro_deFour1 .item .title {
    font-size: .48rem;
    color: var(--hue);
}

.pro_deFour1 .item .text {
    font-size: .3rem;
    color: #FFFFFF;
    line-height: .56rem;
    padding-top: .25rem;
}

.pro_deFive2 {
    position: relative;
}

.pro_deFive2_lunbo .item {
    border-radius: .12rem;
    overflow: hidden;
}

.pro_deFive2_lunbo .item img {
    width: 100%;
}

.pro_deFive2_dots {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: .3rem;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding-top: 0;
}

.pro_deSix1 {
    padding-bottom: .4rem;
}

.pro_deSix1 .subtitle {
    font-size: .24rem;
    color: #333333;
    padding-bottom: .15rem;
}

.pro_deSix1 .title {
    font-size: .58rem;
    color: #333333;
}

table {
    width: 100%;
}

table tr td {
    font-size: .24rem;
    color: #333333;
    border: 1px solid #C2C2C2;
    padding: .18rem .15rem;
    text-align: center;
}

table tr:nth-child(odd) td {
    background: #ECECEC;
}

table tr:nth-child(even) td {
    background: #FFFFFF;
}

.pro_deSeven1 {
    padding-bottom: .4rem;
}

.pro_deSeven1 .title {
    font-size: .48rem;
    color: #333333;
}

.pro_deSeven1 .text {
    max-width: 6rem;
    margin: 0 auto;
    font-size: .24rem;
    color: #333333;
    line-height: .4rem;
    padding-top: .15rem;
}

.pro_deSeven1 .text a {
    color: var(--hue);
}

.pro_deSeven2_form .item {
    position: relative;
    margin-bottom: .3rem;
}

.pro_deSeven2_form .item input {
    font-family: "PingFang_Regular", "Arial", "sans-serif";
    font-size: .26rem;
    color: #666666;
    width: 100%;
    height: .8rem;
    border-radius: .04rem;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    padding: 0 .25rem 0 .65rem;
}

.pro_deSeven2_form .item .iconfont {
    position: absolute;
    top: 49%;
    left: .22rem;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: .36rem;
    color: #999999;
}

.pro_deSeven2_form .item textarea {
    font-family: "PingFang_Regular", "Arial", "sans-serif";
    font-size: .26rem;
    color: #666666;
    width: 100%;
    height: 2.35rem;
    border-radius: .04rem;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    padding: .25rem .25rem .2rem .65rem;
    resize: none;
}

.pro_deSeven2_form .item .section_icon.iconfont {
    top: .26rem;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.pro_deSeven2_form .btn {
    text-align: center;
}

.pro_deSeven2_form .btn input {
    font-family: "PingFang_Medium";
    font-size: .28rem;
    color: #FFFFFF;
    width: 2.7rem;
    height: .7rem;
    border-radius: .35rem;
    background: var(--hue);
    border: none;
}

.pro_deEight1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.pro_deEight1 .item {
    background: #F5F5F7;
    border-radius: .12rem;
    padding: .5rem .3rem;
}

.pro_deEight1 .item .text1 {
    font-size: .26rem;
    color: #333333;
    text-align: center;
}

.pro_deEight1 .item .text2 {
    color: var(--hue);
    text-align: center;
    padding: .12rem 0;
}

.pro_deEight1 .item .text2 a {
    display: block;
    color: var(--hue);
}

.pro_deEight1 .item .text3 {
    font-size: .24rem;
    color: #666666;
    text-align: center;
}

/* ~~~~products_detail,css~~~~end */
/* ~~~~products_detail,css~~~~end */
/* ~~~~products_detail,css~~~~end */






/* ~~~~~~news_list,css */
/* ~~~~~~news_list,css */
/* ~~~~~~news_list,css */
.new_liBoxOne {
    height: 4.9rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.new_liBoxOne_w {
    padding-top: 1.9rem;
}

.new_liOne1 .title {
    font-size: .56rem;
    color: #FFFFFF;
}

.new_liOne1 .text {
    max-width: 6rem;
    margin: 0 auto;
    font-size: .26rem;
    color: #FFFFFF;
    line-height: .5rem;
    padding-top: .25rem;
}

.new_liBoxTwo {
    background: #F5F5F5;
    padding-top: .8rem;
}

.new_liTwo1_w {
    background: #FFFFFF;
    padding-top: .35rem;
    padding-bottom: .35rem;
}

.new_liTwo1_01 {
    row-gap: .15rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.new_liTwo1_01 .item a {
    display: block;
    font-size: .22rem;
    color: #666666;
    text-align: center;
    width: 1.62rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
}

.new_liTwo1_01 .item.hover a {
    color: #ffffff;
    background: var(--hue);
}

.new_liBoxThree {
    background: #F5F5F5;
}

.new_liBoxThree_w {
    padding-top: .8rem;
    padding-bottom: 1rem;
}

.new_liThree1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.new_liThree1_item a {
    display: block;
    border-radius: .12rem;
    overflow: hidden;
    background: #FFFFFF;
}

.new_liThree1_item a .img_box {
    border-radius: .12rem;
    overflow: hidden;
}

.new_liThree1_item a .img_box img {
    width: 100%;
}

.new_liThree1_item a .bot_box {
    padding: .3rem;
}

.new_liThree1_item a .bot_box .title {
    font-size: .3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_liThree1_item a .bot_box .date {
    font-size: .22rem;
    color: #666666;
    padding-top: .22rem;
}

.new_liThree2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.new_liThree2_item a {
    border-radius: .12rem;
    overflow: hidden;
    background: #FFFFFF;
    padding: .3rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.new_liThree2_item a .img_box {
    width: 1.68rem;
    border-radius: .12rem;
    overflow: hidden;
}

.new_liThree2_item a .img_box img {
    width: 100%;
}

.new_liThree2_item a .r_box {
    width: calc(100% - 1.68rem);
    padding-left: .3rem;
}

.new_liThree2_item a .r_box .title {
    font-size: .26rem;
    color: #333333;
    margin-bottom: .16rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_liThree2_item a .r_box .date {
    font-size: .2rem;
    color: #666666;
    padding-top: .2rem;
    border-top: .01rem solid #C2C2C2;
}

/* ~~~~~~news_list,css~~~~end */
/* ~~~~~~news_list,css~~~~end */
/* ~~~~~~news_list,css~~~~end */






/* ~~~~~news_cover,css */
/* ~~~~~news_cover,css */
/* ~~~~~news_cover,css */
.new_coBoxTwo {
    background: #F5F5F5;
}

.new_coTwo1 {
    padding-bottom: .45rem;
}

.new_coTwo1_01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.new_coTwo1_01_l {
    width: 70%;
    font-size: .48rem;
    color: #333333;
}

.new_coTwo1_01_r a {
    font-size: .24rem;
    color: #333333;
}

.new_coTwo1_01_r a .iconfont {
    font-size: .28rem;
}

.new_coTwo1_02 {
    font-size: .24rem;
    color: #666666;
    padding-top: .24rem;
    line-height: .4rem;
}

.new_coTwo2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .5rem;
}

.new_coTwo2 .new_liThree2_item a .r_box {
    width: 100%;
    padding: 0;
}

.new_coBoxThree {
    background: #F5F5F5;
}

/* ~~~~~news_cover,css~~~~end */
/* ~~~~~news_cover,css~~~~end */
/* ~~~~~news_cover,css~~~~end */






/* ~~~~~~news_detail,css */
/* ~~~~~~news_detail,css */
/* ~~~~~~news_detail,css */
.new_deBoxTwo {
    background: #F5F5F5;
}

.new_deTwo1 {
    padding-bottom: .5rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.new_deTwo1_l {
    width: calc(100% - 2.05rem);
}

.new_deTwo1_l_01 {
    font-size: .24rem;
    color: #666666;
    line-height: .4rem;
}

.new_deTwo1_l_02 {
    font-size: .24rem;
    color: #333333;
    padding-top: .18rem;
}

.new_deTwo1_l_02 a {
    color: var(--hue);
}

.new_deTwo1_r {
    width: 1.66rem;
    background: #FFFFFF;
    border-radius: .12rem;
    padding: .16rem .15rem;
}

.new_deTwo1_r a {
    display: block;
}

.new_deTwo1_r a .img_box {
    width: .87rem;
    margin: 0 auto;
    border-radius: .1rem;
    overflow: hidden;
}

.new_deTwo1_r a .img_box img {
    width: 100%;
}

.new_deTwo1_r a .btn {
    font-size: .18rem;
    color: #FFFFFF;
    text-align: center;
    width: 1.2rem;
    height: .42rem;
    line-height: .42rem;
    border-radius: .25rem;
    background: var(--hue);
    margin: .15rem auto 0;
}

.new_deTwo2 {
    background: #FFFFFF;
    border-radius: .12rem;
    overflow: hidden;
    padding: .8rem .4rem;
}

.new_deTwo2_01 {
    font-size: .28rem;
    color: #333333;
    line-height: .56rem;
}

.new_deTwo2_01 img {
    height: auto !important;
    max-width: 100%;
}

.new_deTwo2_02 {
    padding-top: .5rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .4rem;
}

.new_deTwo2_02 .item a {
    display: block;
    background: #F5F5F7;
    border-radius: .1rem;
    overflow: hidden;
    padding: .3rem;
}

.new_deTwo2_02 .item a .title {
    font-size: .24rem;
    color: #666666;
    padding-bottom: .18rem;
    border-bottom: .01rem solid #FFFFFF;
}

.new_deTwo2_02 .item a .text {
    font-size: .3rem;
    color: #333333;
    padding-top: .18rem;
}

/* ~~~~~~news_detail,css~~~~end */
/* ~~~~~~news_detail,css~~~~end */
/* ~~~~~~news_detail,css~~~~end */







/* ~~~~~~video,css */
/* ~~~~~~video,css */
/* ~~~~~~video,css */
.vidBoxTwo1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: .6rem;
}

.vidTwo1_item {
    background: #F5F5F5;
    border-radius: .12rem;
    overflow: hidden;
}

.vidTwo1_item .video_box {
    border-radius: .12rem;
    overflow: hidden;
}

.vidTwo1_item .video_box video {
    display: block;
    width: 100%;
}

.vidTwo1_item .bot_box {
    padding: .3rem;
}

.vidTwo1_item .bot_box .title {
    font-size: .32rem;
    color: #333333;
}

.vidTwo1_item .bot_box .text {
    font-size: .22rem;
    color: #999999;
    padding-top: .12rem;
}

.vidTwo1_item .bot_box .tags {
    padding-top: .25rem;
    column-gap: .25rem;
    row-gap: .1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vidTwo1_item .bot_box .tags span {
    font-size: .22rem;
    color: #666666;
    height: .52rem;
    line-height: .52rem;
    padding: 0 .3rem;
    border: 1px solid #C2C2C2;
    border-radius: .3rem;
}

.vidTwo1_item .bot_box .line {
    width: .46rem;
    height: .04rem;
    background: var(--hue);
    margin-top: .4rem;
}

/* ~~~~~~video,css~~~~~end */
/* ~~~~~~video,css~~~~~end */
/* ~~~~~~video,css~~~~~end */






/* ~~~~~~contact,css */
/* ~~~~~~contact,css */
/* ~~~~~~contact,css */
.conBoxOne {
    height: calc(100vh - .88rem);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.conBoxOne_w {
    padding-top: 2.3rem;
}

.conBoxOne1 .title {
    font-size: .56rem;
    color: #FFFFFF;
}

.conBoxOne1 .text {
    font-size: .3rem;
    color: #FFFFFF;
    line-height: .56rem;
    padding-top: .2rem;
}

.conBoxOne2 {
    padding-top: .6rem;
    row-gap: .4rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.conBoxOne2 > a:nth-child(1) {
    display: block;
    font-size: .28rem;
    color: var(--hue);
    text-align: center;
    width: 3.28rem;
    height: .72rem;
    line-height: .72rem;
    border-radius: .4rem;
    background: #FFFFFF;
}

.conBoxOne2 > a:nth-child(2) {
    display: block;
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    width: 3.28rem;
    height: .72rem;
    line-height: .72rem;
    border-radius: .4rem;
    background: rgba(255,255,255,0.12);
    border: 1px solid #FFFFFF;
}

.conBoxTwo1 {
    padding-bottom: .5rem;
}

.conBoxTwo1 .title {
    font-size: .56rem;
    color: #333333;
}

.conBoxTwo1 .text {
    font-size: .32rem;
    color: #666666;
    line-height: .62rem;
    padding-top: .25rem;
}

/* ~~~~~~contact,css~~~~~end */
/* ~~~~~~contact,css~~~~~end */
/* ~~~~~~contact,css~~~~~end */








.paging_padding {
    padding-top: .6rem;
}

.public_paging {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.public_paging a {
	display: block;
	font-size: .28rem;
	color: #666666;
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius: .1rem;
	margin: 0 .07rem;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.public_paging a.prev,
.public_paging a.next {
	width: 1rem;
}

.public_paging a.hover {
    color: #ffffff;
	background: var(--hue);
	border-color: var(--hue);
}



.back_top_btn {
    position: fixed;
    z-index: 4;
        right: 0.16rem;
    bottom: 1.1rem;
    width: .62rem;
}

.back_top_btn img {
    width: 100%;
}






.pro_deBoxOne {
    position: relative;
}

.pro_deOne1 {
        position: absolute;
        z-index: 1;
        top: 2.6rem;
        left: 0;
        width: 100%;
    }

    .pro_deOne1_w {
        text-align: center;
    }

    .pro_deOne1_w .subtitle {
        font-size: .28rem;
        color: #fff;
        line-height: 1;
        padding-bottom: .18rem;
    }

    .pro_deOne1_w .title {
        font-size: .58rem;
        color: #ffffff;
    }

    .pro_deOne1_w .btn {
        display: inline-block;
        color: #fff;
        background: #f22f1c;
        width: auto;
        padding-left: .25rem;
        padding-right: .25rem;
        font-size: .3rem;
        line-height: .58rem;
        border-radius: .08rem;
        margin-top: 0.18rem;
    }
    
    
    
    .pro_de_xgcp2_lunbo .item a {
        display: block;
        background: #eeeeee;
        border-radius: .1rem;
        overflow: hidden;
    }

    .pro_de_xgcp2_lunbo .item a .img_box img {
        width: 100%;
    }

    .pro_de_xgcp2_lunbo .item a .text {
        padding: .2rem .1rem;
        font-size: .26rem;
        color: #444444;
        text-align: center;
    }
    
    
    
    
    
    .pro_de_xgal2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: .3rem;
    }

    .pro_de_xgal2 .item a {
        padding: .24rem;
        border-radius: .12rem;
        overflow: hidden;
        background: #eeeeee;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .pro_de_xgal2 .item a .img_box {
        width: 2.2rem;
        border-radius: .1rem;
        overflow: hidden;
    }

    .pro_de_xgal2 .item a .img_box img {
        width: 100%;
    }

    .pro_de_xgal2 .item a .r_box {
        width: calc(100% - 2.2rem);
        padding-left: .28rem;
    }

    .pro_de_xgal2 .item a .r_box .title {
        font-size: .3rem;
        color: #4d4d4d;
    }

    .pro_de_xgal2 .item a .r_box .text {
        font-size: .24rem;
        color: #adb0b3;
        padding-top: .02rem;
    }

    .pro_de_xgal2 .item a .r_box .text div {
        margin-top: .10667rem;
    }