html,
body {
    font-family: var(--font-text);
    scroll-behavior: smooth;
    background-color: #ffffff;
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
}


header {
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 999999;
}



.header-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    background: #fff;
}

.header {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 14.20rem;
    height: 0.9rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.1rem;
}

.header-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 1.70rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.header-l>a>.img-logo {
    width: auto;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.header-l>a {
    display: block;
    width: auto;
    height: 0.45rem;
    margin: -0.05rem 0 0 0;
    padding: 0 0;
}

.header-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.header-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: #fff;
}

.header-nav-drop:hover {}

.header-nav-drop:hover a.label-drop {
    font-weight: normal;
}

.header-nav-drop:hover .icon-drop {}

.header-nav-drop:hover .header-nav-drop-c {
    display: block;
}

.header-nav-item:hover {}

.header-nav-item:hover a.label-text {
    font-weight: normal;
}

.header-nav-item:hover .label-text:hover {
    font-weight: normal;
}

.header-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    border-bottom: solid 5px #fff;
    min-height: 0.30rem;
    margin: 0rem 0.18rem;
    padding: 0rem 0.0em;
    cursor: pointer;
}

.header-nav-item>.label-text {
    padding: 0rem 0rem;
    font-size: 0.18rem;
    font-weight: normal;
    color: #2F3F44;
    cursor: pointer;
}

.header-nav-item>.label-text:hover {
    font-weight: normal;
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-item>.label-text:active {
    font-weight: normal;
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-item>.label-text:visited {
    font-weight: normal;
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-item:hover {
    border-bottom: solid 5px #24B3EE;
}


.header-nav-drop {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    margin: 0rem 0.18rem;
    padding: 0rem 0rem;
    position: relative;
    cursor: pointer;
    border-bottom: solid 5px #fff;
}

.header-nav-drop:hover {
    border-bottom: solid 5px #24B3EE;
}

.header-nav-drop>.label-drop {
    padding: 0rem 0rem;
    font-size: 0.18rem;
    font-weight: normal;
    color: #2F3F44;
    cursor: pointer;
}

.header-nav-drop>.label-drop:hover {
    font-weight: normal;
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-drop>.label-drop:active {
    font-weight: normal;
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-drop>.label-drop:visited {
    font-weight: normal;
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-drop>.icon-drop {
    margin: 0rem 0rem 0rem 0.05rem;
    padding: 0rem 0rem;
    font-size: 0.14rem;
    font-weight: normal;
    color: #2F3F44;
    cursor: pointer;
}

.header-nav-drop-c {
    box-sizing: border-box;
    display: none;
    width: 3.00rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.0rem 0rem;
    border: none;
    background: #fff;
    position: absolute;
    left: 0rem;
    top: 0.80rem;
    z-index: 9999;
}

.header-nav-dropmenu {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.50rem;
    margin: 0rem 0rem;
    padding: 0rem 0.0rem;
    background: #fff;
    cursor: pointer;
}

.header-nav-dropmenu:hover {
    background-color: #efefef;
}

.header-nav-dropmenu-r {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 0.5rem;
    min-height: 0.50rem;
    margin: 0rem 0rem;
    padding: 0.0rem 0.2rem;
}

.header-nav-dropmenu-r>.label-dropmenuitem {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #2F3F44;
    cursor: pointer;
}

.header-nav-dropmenu-r>.label-dropmenuitem:hover {
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-dropmenu-r>.label-dropmenuitem:active {
    color: #2F3F44;
    text-decoration: none;
}

.header-nav-dropmenu-r>.label-dropmenuitem:visited {
    color: #2F3F44;
    text-decoration: none;
}

.header-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 2.40rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.header-search {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: 0.34rem;
    min-height: 0.30rem;
    margin: 0rem 0.13rem 0rem 0rem;
    padding: 0rem 0.10rem;
    border: solid 1px #ccc;
    border-radius: 0.20rem;
}

.header-search-l {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.header-search-l>.input-keyword {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 0.30rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.10rem;
    border: none;
    border-radius: 0rem;
    background: #fff;
    text-align: left;
    font-size: 0.14rem;
    font-weight: normal;
    color: #666;
    outline: none;
}

.header-search-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 0.40rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: transparent;
    cursor: pointer;
}

.header-search-r>.icon {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.18rem;
    font-weight: normal;
    color: #aaa;
    cursor: pointer;
}

.header-r>a>.img2 {
    width: 0.30rem;
    height: 0.30rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.header-r>a {
    display: flex;
    width: 0.30rem;
    height: 0.30rem;
    min-height: 0.30rem;
}

/*--------自适应--------*/


.sec-homneban {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}



.sec-block {
    box-sizing: border-box;
    margin: 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
}

.overhidden {
    overflow: hidden;
}

.container-wrap {
    box-sizing: border-box;
    margin: 0 auto;
    width: 12.20rem;
    padding: 0 0.1rem;
}





.homefunc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.70rem 0rem 0.4rem 0;
    padding: 0rem 0rem;
}

.homefunc-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homefunc-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homefunc-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.30rem 0rem;
}

.homefunc-m>.label-desc {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #020313;
}

.homefunc-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}


.swhomefunc-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0 0.3rem 0;
    padding: 0rem 0.0rem;
    background: #fff;
    position: relative;
    overflow-x: hidden;
}

.swhomefunc-c .swiper-pagination {
    bottom: 0.3rem !important;
}

.swhomefunc-c .swiper-pagination-bullet {
    width: 0.53rem;
    height: 0.1rem;
    text-align: center;
    line-height: 0.10rem;
    font-size: 0.12rem;
    color: #000;
    opacity: 1;
    background: #BEBEBE;
    margin: 0 0.10rem;
    border-radius: 0.06rem;
}

.swhomefunc-c .swiper-pagination-bullet-active {
    color: #fff;
    background: #137EA7;
}

.swhomefunc-c .swhomefunc-cmd {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.swhomefunc-c .swhomefunc-prev {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0.0rem;
    padding: 0rem 0rem;
    position: absolute;
    z-index: 999;
    left: 0.25rem;
    top: calc(50% - 0.5rem);
    transform: translateX(0%) translateY(-50%);
}

.swhomefunc-c .swhomefunc-prev>.label-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.30rem;
    font-weight: normal;
    color: #ddd;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ddd;
    border-radius: 100%;
    background-color: #fff;
}

.swhomefunc-c .swhomefunc-next {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0.0rem;
    padding: 0rem 0rem;
    position: absolute;
    z-index: 999;
    top: calc(50% - 0.5rem);
    right: 0.25rem;
    transform: translateX(0%) translateY(-50%);
}

.swhomefunc-c .swhomefunc-next>.label-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.30rem;
    font-weight: normal;
    color: #ddd;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ddd;
    border-radius: 100%;
    background-color: #fff;
}

.swhomefunc-c .swiper {
    box-sizing: border-box;
    width: 100%;
    max-width: 12rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem 1rem 0;
    overflow: visible;
}

.swhomefunc-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.swhomefunc-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
    cursor: pointer;
}

.swhomefunc-c .swhomefunc-swiperitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.6rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.10rem;
    background: #fff;
    border: solid 1px #dedede;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
    border-radius: 0.2rem;
}

.swhomefunc-c .swhomefunc-swiperitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.swhomefunc-c .swhomefunc-swiperitem-t>a>svg {
    width: auto;
    height: 0.4rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    object-fit: cover;
    fill: #265D82;
}

.swhomefunc-c .swhomefunc-swiperitem-t>a>svg path {
    fill: #265D82;
}

.swhomefunc-c .swhomefunc-swiperitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.swhomefunc-c .swhomefunc-swiperitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.swhomefunc-c .swhomefunc-swiperitem-title {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.05rem 0rem 0rem 0rem;
    padding: 0rem 0rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.swhomefunc-c .swhomefunc-swiperitem-title>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #265D82;
}

.swhomefunc-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

/*--------自适应--------*/








.homeadv {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeadv-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeadv-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homeadv-m {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    /* 同一行的高度相同 */
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.homeadvitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: #fff;
}

.homeadvitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 2.90rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    overflow: hidden;
}

.homeadvitem-t>a>.img1 {
    width: 100%;
    height: 100%;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.homeadvitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.homeadvitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
}

.homeadvitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeadvitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.25rem 0rem;
}

.homeadvitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.homeadvitem-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.homeadvitem-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.homeadvitem-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.homeadvitem-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}

.label-title>label {
    color: #020313;
    font-size: 0.24rem;
    margin: 0 0.05rem 0 0;
    cursor: pointer;
}

.homeadvitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeadvitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.homeadvitem-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 2.0;
    color: #2F3F44;
}



.homeadv-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.40rem 0rem;
    padding: 0rem 0rem;
}

.homeadv-b>video {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
}

/*--------自适应--------*/



.homesolution {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 1rem 0rem 0.6rem 0;
    padding: 0rem 0rem;
}

.homesolution-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homesolution-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homesolution-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
}

.homesolution-b>.label-note {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #2F3F44;
}

.homesolution-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.homesolutionitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 31%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homesolutionitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.30rem;
    overflow: hidden;
}

.homesolutionitem-t>a>.img1 {
    width: 90%;
    height: auto;
    aspect-ratio: 1/1;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: contain;
}

.homesolutionitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.homesolutionitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
}

.homesolutionitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homesolutionitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.25rem 0rem;
}

.homesolutionitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.homesolutionitem-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.homesolutionitem-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.homesolutionitem-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.homesolutionitem-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}

.label-title>label {
    color: #020313;
    font-size: 0.24rem;
    margin: 0 0.05rem 0 0;
    cursor: pointer;
}

.homesolutionitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homesolutionitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.homesolutionitem-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 2.0;
    color: #2F3F44;
}

/* ----------#region  -----------*/





.homecarply {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.7rem 0rem 0 0;
    padding: 0rem 0rem;
}

.homecarply .homecarply-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homecarply .homecarply-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homecarply .homecarply-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homecarply .swhomecarply-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.homecarply .swhomecarply-c .swiper-pagination {
    bottom: 0rem !important;
}

.homecarply .swhomecarply-c .swiper-pagination-bullet {
    width: 0.53rem;
    height: 0.1rem;
    text-align: center;
    line-height: 0.10rem;
    font-size: 0.12rem;
    color: #000;
    opacity: 1;
    background: #BEBEBE;
    margin: 0 0.10rem;
    border-radius: 0.06rem;
}

.homecarply .swhomecarply-c .swiper-pagination-bullet-active {
    color: #fff;
    background: #137EA7;
}

.homecarply .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0.7rem 0rem;
    overflow: visible;
}

.homecarply .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.homecarply .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.homecarply .swiper-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
}

.homecarply .homecarplyitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.3rem 0.2rem;
    background: #fff;
    border-radius: 0.2rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.homecarply .homecarplyitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    overflow: hidden;
}

.homecarply .homecarplyitem-t>a>.img1 {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.homecarply .homecarplyitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.homecarply .homecarplyitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
}

.homecarply .homecarplyitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homecarply .homecarplyitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.05rem 0rem;
}

.homecarply .homecarplyitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.homecarply .homecarplyitem-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.14rem;
    font-weight: normal;
    color: #2CA8FF;
}

.homecarply .homecarplyitem-info-t-a>.label-title:hover {
    color: #2CA8FF;
    text-decoration: none;
}

.homecarply .homecarplyitem-info-t-a>.label-title:active {
    color: #2CA8FF;
    text-decoration: none;
}

.homecarply .homecarplyitem-info-t-a>.label-title:visited {
    color: #2CA8FF;
    text-decoration: none;
}

.homecarply .label-title>label {
    color: #2CA8FF;
    font-size: 0.24rem;
    margin: 0 0.05rem 0 0;
    cursor: pointer;
}

.homecarply .homecarplyitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homecarply .homecarplyitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.homecarply .homecarplyitem-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 2.0;
    color: #2F3F44;
}

.homecarply .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}





.homewhy {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.7rem 0rem;
    padding: 0rem 0rem;
}

.homewhy-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homewhy-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homewhy-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
}

.homewhy-b>.label-note {
    width: 100%;
    max-width: 75%;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #2F3F44;
    line-height: 1.6;
}

.homewhy-m {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    /* 同一行的高度相同 */
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.homewhyitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: #fff;
}

.homewhyitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 2.90rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    overflow: hidden;
}

.homewhyitem-t>a>.img1 {
    width: 100%;
    height: 100%;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.homewhyitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.homewhyitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
}

.homewhyitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homewhyitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.25rem 0rem;
}

.homewhyitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.homewhyitem-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.homewhyitem-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.homewhyitem-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.homewhyitem-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}

.homewhyitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homewhyitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.homewhyitem-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 2.0;
    color: #2F3F44;
}

/*--------自适应--------*/










.homecoper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.homecoper-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homecoper-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homecoper-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.4rem 0rem 0 0;
    padding: 0rem 0rem;
}

.homecoper-m>.label-desc {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #020313;
}

.homecoper-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}


.swhomecoper-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0.0rem;
    background: #fff;
    position: relative;
}

.swhomecoper-c .swiper-pagination {
    bottom: 0.3rem !important;
}

.swhomecoper-c .swiper-pagination-bullet {
    width: 0.53rem;
    height: 0.1rem;
    text-align: center;
    line-height: 0.10rem;
    font-size: 0.12rem;
    color: #000;
    opacity: 1;
    background: #BEBEBE;
    margin: 0 0.10rem;
    border-radius: 0.06rem;
}

.swhomecoper-c .swiper-pagination-bullet-active {
    color: #fff;
    background: #137EA7;
}

.swhomecoper-c .swhomecoper-cmd {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.swhomecoper-c .swhomecoper-prev {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0.0rem;
    padding: 0rem 0rem;
    position: absolute;
    z-index: 999;
    left: -0.25rem;
    top: 50%;
    transform: translateX(0%) translateY(-50%);
}

.swhomecoper-c .swhomecoper-prev>.label-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.40rem;
    font-weight: bold;
    color: #2F3F44;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #2F3F44;
    border-radius: 100%;
    background-color: #fff;
}

.swhomecoper-c .swhomecoper-next {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0.0rem;
    padding: 0rem 0rem;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: -0.25rem;
    transform: translateX(0%) translateY(-50%);
}

.swhomecoper-c .swhomecoper-next>.label-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.40rem;
    font-weight: bold;
    color: #2F3F44;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #2F3F44;
    border-radius: 100%;
    background-color: #fff;
}

.swhomecoper-c .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 1rem 0rem;
    overflow: visible;
}

.swhomecoper-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.swhomecoper-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
}

.swhomecoper-c .swhomecoper-swiperitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.6rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.10rem;
    background-color: #F3F5F7;
    border-radius: 0.2rem;
}

.swhomecoper-c .swhomecoper-swiperitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    overflow: hidden;
}

.swhomecoper-c .swhomecoper-swiperitem-t>a>.img1 {
    width: 80%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.swhomecoper-c .swhomecoper-swiperitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.swhomecoper-c .swhomecoper-swiperitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.swhomecoper-c .swhomecoper-swiperitem-title {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.05rem 0rem 0rem 0rem;
    padding: 0rem 0rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.swhomecoper-c .swhomecoper-swiperitem-title>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #666;
}

.swhomecoper-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

/*--------自适应--------*/

.homeand {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.4rem 0rem;
    padding: 0rem 0rem;
}

.homeand-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeand-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.55rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homeand-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}

.homeand-b>.label-note {
    width: 75%;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #2F3F44;
    line-height: 1.6;
}

.homeand-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}


.homeandnew {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.60rem 0rem;
    padding: 0rem 0rem;
}

.homeandnew-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 40%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeandnew-r>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    border-radius: 0.2rem;
}

.homeandnew-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeandnewx {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeandnewx-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.homeandnewx-t>.label-title {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.40rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homeandnewx-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeandnewx-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.80rem 0rem;
}

.homeandnewx-b>.link-more1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.40rem;
    border: none;
    border-radius: 0.30rem;
    background: #137EA7;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
}

.homeandnewx-b>.link-more1:hover {
    color: #fff;
    text-decoration: none;
}

.homeandnewx-b>.link-more1:active {
    color: #fff;
    text-decoration: none;
}

.homeandnewx-b>.link-more1:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/




.homeguide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem 0.9rem 0;
    padding: 0rem 0rem;
}

.homeguide-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 55%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeguidex {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeguidex-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.homeguidex-t>.label-title {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.50rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.homeguidex-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeguidex-m>.label-intro1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 1.8;
    color: #2F3F44;
}

.homeguidex-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.40rem 0rem;
}

.homeguidex-b>.link-more1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.40rem;
    border: none;
    border-radius: 0.30rem;
    background: #137EA7;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
}

.homeguidex-b>.link-more1:hover {
    color: #fff;
    text-decoration: none;
}

.homeguidex-b>.link-more1:active {
    color: #fff;
    text-decoration: none;
}

.homeguidex-b>.link-more1:visited {
    color: #fff;
    text-decoration: none;
}

.homeguide-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeguide-r>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    border-radius: 0.2rem;
}

/*--------自适应--------*/


footer {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #efefef;
    position: relative;
    overflow: hidden;
}

.foot-img {
    width: 25%;
    height: 85%;
    position: absolute;
    z-index: 0;
    right: 0px;
    top: 0rem;
    background-image: url(../images/foot.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-bottom-left-radius: 2rem;
}


.footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 1.00rem 0rem;
    padding: 0rem 0rem;
}

.footer-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.footer-t>.img1 {
    width: auto;
    height: 0.75rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.footer-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 75%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.40rem 0rem;
}

.footlist {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 32%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.footlist-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.15rem 0rem;
    border-bottom: solid 1px #ddd;
}

.footlist-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.2rem;
    font-weight: bold;
    color: #020313;
}

.footlist-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem 0rem;
    padding: 0rem 0rem;
}

.footlist-b>.link-foot {
    margin: 0.10rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #2F3F44;
}

.footlist-b>.link-foot:hover {
    color: #2F3F44;
    text-decoration: none;
}

.footlist-b>.link-foot:active {
    color: #2F3F44;
    text-decoration: none;
}

.footlist-b>.link-foot:visited {
    color: #2F3F44;
    text-decoration: none;
}


.footer-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.footer-b>a>.img1 {
    width: 0.30rem;
    height: 0.30rem;
    min-height: 0.30rem;
    margin: 0rem 0.30rem 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.footer-b>a {
    display: block;
    width: auto;
    height: auto;
}


.footlistrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem 0.1rem 0;
    padding: 0rem 0rem;
}

.footlistrow-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 0.30rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.footlistrow-l>label.fa-map-marker {
    font-size: 0.3rem;
}

.footlistrow-l>.foot-icon {
    margin: 0.05rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.22rem;
    font-weight: normal;
    color: #DFA626;
}

.footlistrow-r {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.footlistrow-r>.p1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.35rem;
    color: #2F3F44;
}


/*--------自适应--------*/


.sec-subban {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}



.subban1-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0.80rem 0rem;
    background: #48799A;
    position: relative;
}

.subban1-ads {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 12.20rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.10rem;
    position: relative;
}

.subban1-ads-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 53%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.subban1-ads-l>.label-bt {
    margin: 0.10rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.70rem;
    font-weight: bold;
    color: #fff;
}

.subban1-ads-l>.label-bdesc {
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 1.8;
    color: #fff;
}

.subban1-ads-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 35%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.subban1-ads-r>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.30rem;
    object-fit: cover;
}

/*--------自适应--------*/


.contact1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.70rem 0rem 1.5rem 0;
    padding: 0rem 0rem;
}

.contact1-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact1-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.60rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.contact1-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.40rem 0rem;
    padding: 0rem 0rem;
}

.contact1-b>.label-note {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #2F3F44;
    width: 100%;
    max-width: 75%;
    line-height: 1.6;
}

.contact1-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.contact1-m>.contact1item-c:nth-child(2n) .contact1item {
    flex-direction: row-reverse;
}

.contact1item-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.60rem 0rem;
}

.contact1item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 12.00rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact1item-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact1item-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact1item-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact1item-info-t>.label-hh {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.4rem;
    font-weight: normal;
    line-height: 1.4;
    color: #000;
    font-family: var(--font-title);
}

.contact1item-info-b {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.contact1item-info-b>.p1 {
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 2;
    color: #000;
    text-align: left;
}

.contact1item-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact1item-r>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    object-fit: cover;
}

.contact1-video {
    box-sizing: border-box;
    margin: 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.contact1-video video {
    width: 100%;
    height: auto;
    margin: 0 0;
    object-fit: cover;
    border-radius: 0.2rem;
}


/*--------自适应--------*/


.contactbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.80rem 0rem;
    padding: 0rem 0rem;
}

.contactbox-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 33%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contactinfo {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contactinfo-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contactinfo-t>.label-ct {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.50rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.contactinfo-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.25rem 0rem;
    padding: 0rem 0rem;
}

.contactinfo-b>.label1 {
    margin: 0.1rem 0;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.19rem;
    font-weight: bold;
    color: #020313;
}

.contactinfo-b>.p2 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 1.4;
    color: #020313;
}

.contactbox-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 55%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contactbox-scroll {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 5px;
    width: 100%;
    height: auto;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 5.2rem;
}

/*设置滚动条宽度为 6px*/
.contactbox-scroll::-webkit-scrollbar {
    width: 6px;
}

/*设置背景颜色，并设置边框倒角，设置滚动动画，0.2 */
.contactbox-scroll::-webkit-scrollbar-thumb {
    background-color: #0003;
    border-radius: 10px;
    transition: all .2s ease-in-out;
}

/*设置滚动框为倒角*/
.contactbox-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
}


.contactform {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contactform-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contactform-t>.input1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 0.50rem;
    min-height: 0.30rem;
    margin: 0.05rem 0rem;
    padding: 0rem 0.10rem;
    border: solid 1px #ccc;
    border-radius: 0.07rem;
    background: #fff;
    text-align: left;
    font-size: 0.16rem;
    font-weight: normal;
    color: #2F3F44;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
}

.contactform-t>.textarea2 {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 1.55rem;
    margin: 0.05rem 0rem;
    padding: 0.10rem 0.40rem;
    border: solid 1px #ccc;
    border-radius: 0.07rem;
    background-color: #fff;
    text-align: left;
    font-size: 0.16rem;
    font-weight: normal;
    color: #2F3F44;
    outline: none;
    background-image: url(../images/textarea-icon.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 0.05rem 0.05rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
}

.contactform-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem 0rem 0;
    padding: 0rem 0rem;
}

.cotnact-agree {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.cotnact-agree-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.50rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.cotnact-agree-l>.checkbox1 {
    display: flex;
    margin: 0.05rem 0.05rem;
    padding: 0rem 0rem;
    border: none;
    font-size: 0.14rem;
    font-weight: normal;
    color: #666;
    outline: none;
    transform: scale(1.3);
}

.cotnact-agree-r {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.cotnact-agree-r>.label1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 1.6;
    color: #666;
}

.contactform-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}

.contactform-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem 0rem;
    padding: 0rem 0rem;
}

.contactform-b>.link-send {
    margin: 0rem 0rem;
    padding: 0.15rem 0.30rem;
    border-radius: 0.30rem;
    background: #265D82;
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff;
}

.contactform-b>.link-send:hover {
    color: #fff;
    text-decoration: none;
}

.contactform-b>.link-send:active {
    color: #fff;
    text-decoration: none;
}

.contactform-b>.link-send:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/


.contact3 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.5rem 0rem;
}

.contact3-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact3-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.60rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.contact3-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}

.contact3-b>.label-note {
    max-width: 80%;
    padding: 0rem 0rem;
    text-align: center;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.4;
    color: #2F3F44;
}

.contact3-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.contact3item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 31%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: transparent;
}

.contact3item-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    overflow: hidden;
}

.contact3item-t>video {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 33/25;
}

.contact3item-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.contact3item-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
    position: relative;
}

.contact3item-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.contact3item-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.25rem 0rem;
}

.contact3item-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.contact3item-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.contact3item-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.contact3item-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.contact3item-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}


.contact3item-info-t-a>.label-title1 {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.contact3item-info-t-a>.label-title1:hover {
    color: #020313;
    text-decoration: none;
}

.contact3item-info-t-a>.label-title1:active {
    color: #020313;
    text-decoration: none;
}

.contact3item-info-t-a>.label-title1:visited {
    color: #020313;
    text-decoration: none;
}

.contact3item-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem 0.5rem 0;
}

.contact3item-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    min-height: 1.2rem;
}

.contact3item-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 1.6;
    color: #2F3F44;
}

.contact3item-info-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem auto;
    padding: 0rem 0.05rem;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
}

.contact3item-info-c>.link-readm {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #24B3EE;
}

.contact3item-info-c>.link-readm:hover {
    color: #24B3EE;
    text-decoration: none;
}

.contact3item-info-c>.link-readm:active {
    color: #24B3EE;
    text-decoration: none;
}

.contact3item-info-c>.link-readm:visited {
    color: #24B3EE;
    text-decoration: none;
}


.contact3item-info-c1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem auto;
    padding: 0rem 0rem;
}

.contact3item-info-c1>.link-readm {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #aaa;
}

.contact3item-info-c1>.link-readm:hover {
    color: #aaa;
    text-decoration: none;
}

.contact3item-info-c1>.link-readm:active {
    color: #aaa;
    text-decoration: none;
}

.contact3item-info-c1>.link-readm:visited {
    color: #aaa;
    text-decoration: none;
}

/*--------自适应--------*/


.videolist-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.80rem 0rem;
    padding: 0rem 0rem;
}

.videolist {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.videolist-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 31%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.videolist-l>a>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    object-fit: cover;
    aspect-ratio: 33/25;
}

.videolist-l>a {
    display: block;
    width: 100%;
    height: auto;
}

.videolist-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 62%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.videolistinfo {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 95%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.videolistinfo-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.videolistinfo-t>.label-title1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.30rem;
    font-weight: bold;
    color: #020313;
}

.videolistinfo-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
}

.videolistinfo-m>.label1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 1.6;
    color: #777;
}

.videolistinfo-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.videolistinfo-b>.link-vmore {
    margin: 0rem 0rem;
    padding: 0.14rem 0.40rem;
    border: solid 0.01rem #ccc;
    border-radius: 0.30rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0rem 0.05rem 0.15rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #137EA7;
}

.videolistinfo-b>.link-vmore:hover {
    color: #137EA7;
    text-decoration: none;
}

.videolistinfo-b>.link-vmore:active {
    color: #137EA7;
    text-decoration: none;
}

.videolistinfo-b>.link-vmore:visited {
    color: #137EA7;
    text-decoration: none;
}

/*--------自适应--------*/


.faqbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.80rem 0rem;
    padding: 0rem 0rem;
}

.faqbox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.faqbox-t>.label-ft {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.40rem;
    font-weight: normal;
    color: #24B3EE;
}

.faqbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.30rem 0rem;
}

.faqbox-menus-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.faqbox-menus-b.on {
    max-height: 5.00rem;
    transition: all .2s linear 100ms;
}

.faqbox-menus-t>.icon.on {
    transition: all .2s linear 100ms;
    transform: rotate(90deg);
}

.faqbox-menus {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.40rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.faqbox-menus-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 1.00rem;
    margin: 0rem 0rem;
    padding: 0rem 0.15rem;
    border-top: solid 1px #333;
    cursor: pointer;
}

.faqbox-menus-t>.label1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.2rem;
    font-weight: normal;
    color: #333;
}

.faqbox-menus-t>.label1:hover {
    color: #333;
    text-decoration: none;
}

.faqbox-menus-t>.label1:active {
    color: #333;
    text-decoration: none;
}

.faqbox-menus-t>.label1:visited {
    color: #333;
    text-decoration: none;
}

.faqbox-menus-t>.icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.20rem;
    height: 0.20rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.20rem;
    font-weight: normal;
    color: #666;
    cursor: pointer;
    transition: all .2s linear 100ms;
}

.faqbox-menus-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-height: 0rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    overflow: hidden;
    transition: all .2s linear 100ms;
}

.faqbox-menus-child {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.40rem;
    margin: 0.2rem 0.10rem 0.6rem 0;
    padding: 0rem 0.4rem;
}

.faqbox-menus-child-l {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    min-height: 1rem;
}

.faqbox-menus-child-l p {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 1.6;
    color: #2F3F44;
}

/*--------自适应--------*/


.faqreq {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 1.50rem 0rem;
    padding: 0rem 0rem;
}

.faqreq-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.faqreq-t>.label-rt {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.30rem;
    font-weight: normal;
    color: #2F3F44;
}

.faqreq-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.faqreq-b>.link1 {
    margin: 0rem 0rem;
    padding: 0.15rem 0.30rem;
    border-radius: 0.25rem;
    background: #137EA7;
    font-size: 0.20rem;
    font-weight: normal;
    color: #fff;
}

.faqreq-b>.link1:hover {
    color: #fff;
    text-decoration: none;
}

.faqreq-b>.link1:active {
    color: #fff;
    text-decoration: none;
}

.faqreq-b>.link1:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/





.blog1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.5rem 0rem 1rem 0;
}

.blog1-cate {
    box-sizing: border-box;
    margin: 0.5rem 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.blog1-catebox {
    box-sizing: border-box;
    margin: 0rem 0 0.4rem 0;
    padding: 0rem 0rem;
    width: 3rem;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    border-radius: 0.4rem;
}

.blog1-catebox>.selectwrap {
    box-sizing: border-box;
    width: auto;
    min-width: 1.5rem;
    height: 0.4rem;
    outline: none;
    border-radius: 0rem;
    border: none;
    background: #fff;
    margin: 0 0;
    padding: 0 0.2rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: stretch;
}

.blog1-catebox select {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 0rem;
    border: none;
    background: transparent;
    color: #000;
    margin: 0 0;
    padding: 0 0rem;
    font-size: 0.18rem;
    color: #24B3EE;
    border: none;
}

.blog1-record {
    box-sizing: border-box;
    margin: 0.2rem 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-weight: normal;
    font-size: 0.18rem;
    color: #2F3F44;
    margin: 0 0;
    font-weight: bold;
}

.blog1-record label {
    font-weight: normal;
    font-size: 0.18rem;
    color: #2F3F44;
    margin: 0 10px 0 0;
    font-weight: bold;
}

.blog1-record a {
    font-weight: normal;
    font-size: 0.18rem;
    color: #137EA7;
    margin: 0 10px 0 0;
    font-weight: normal;
    text-decoration: underline;
}

.blog1-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.blog1-t>.label-head {
    padding: 0rem 0rem;
    text-align: center;
    font-size: 0.60rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.blog1-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}

.blog1-b>.label-note {
    max-width: 80%;
    padding: 0rem 0rem;
    text-align: center;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.4;
    color: #2F3F44;
}

.blog1-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.blog1item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 32.5%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.1rem 0rem;
    padding: 0rem 0rem;
    background: transparent;
    border-radius: 0.2rem;
    border: solid 1px #ccc;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    overflow: hidden;
}

.blog1item-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    overflow: hidden;
}

.blog1item-t>a>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 35/25;
}

.blog1item-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.blog1item-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.2rem 0rem 0.2rem;
}

.blog1item-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.blog1item-date {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0.1rem 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.blog1item-date>label {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    margin: 0 0;
}


.blog1item-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.15rem 0rem;
}

.blog1item-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.blog1item-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.22rem;
    font-weight: normal;
    color: #020313;
}

.blog1item-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.blog1item-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.blog1item-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}


.blog1item-info-t-a>.label-title1 {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.28rem;
    font-weight: normal;
    color: #020313;
}

.blog1item-info-t-a>.label-title1:hover {
    color: #020313;
    text-decoration: none;
}

.blog1item-info-t-a>.label-title1:active {
    color: #020313;
    text-decoration: none;
}

.blog1item-info-t-a>.label-title1:visited {
    color: #020313;
    text-decoration: none;
}

.blog1item-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.blog1item-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.blog1item-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 2.0;
    color: #2F3F44;
}

.blog1item-info-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.40rem auto;
    padding: 0rem 0rem;
}

.blog1item-info-c>.link-tag {
    margin: 0rem 0.1rem 0.1rem 0;
    padding: 0.05rem 0.2rem;
    font-size: 0.14rem;
    font-weight: normal;
    color: #2F3F44;
    background-color: #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
}

.blog1item-info-c>.link-tag:hover {
    color: #2F3F44;
    text-decoration: none;
}

.blog1item-info-c>.link-tag:active {
    color: #2F3F44;
    text-decoration: none;
}

.blog1item-info-c>.link-tag:visited {
    color: #2F3F44;
    text-decoration: none;
}


.blog1-blank {
    width: 20px;
}

.blog1-note {
    box-sizing: border-box;
    margin: 0.8rem auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.linkblog-cate {
    color: #666;
    font-size: 0.16rem;
    background-color: #efefef;
    padding: 0.05rem 0.2rem;
    border-radius: 0.2rem;
    margin-right: 0.2rem;
}

.linkblog-cate:hover {
    color: #666;
}

.linkblog-cate:active {
    color: #666;
}

.linkblog-cate:visited {
    color: #666;
}

.blog1-note .pubdate {
    font-weight: bold;
    font-size: 0.18rem;
    color: #2F3F44;
    margin: 0 0.2rem;
}

.blog1-note .author {
    font-weight: normal;
    font-size: 0.18rem;
    color: #2F3F44;
    margin: 0 0.2rem;
}


.sharebox {
    box-sizing: border-box;
    margin: 0 0;
    padding: 0 0 0 0;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.sharebox>label {
    font-weight: bold;
    font-size: 0.18rem;
    color: #2F3F44;
    margin: 0 0.2rem;
}

.sharebox>a {
    box-sizing: border-box;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}

.sharebox>a svg {
    width: 30px;
    height: 30px;
}


.blogthumb {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.80rem 0.40rem 0.6rem 0.4rem;
    border-radius: 0.40rem;
    background: #fff;
}

.blogthumb-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.blogthumb-t img {
    width: auto;
    max-width: 100%;
    height: 0.55rem;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    object-fit: cover;
}

.blogthumb-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.70rem 0rem;
    padding: 0rem 0rem;
}

.blogthumb-b img {
    width: auto;
    max-width: 100%;
    min-width: 50%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    object-fit: cover;
    border-radius: 0.2rem;
}


.blogdetailbox {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 70px auto;
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    color: #000;
    line-height: 1.8;
}

.blogdetailbox h1 {
    font-size: 50px;
    line-height: 1.4;
    font-weight: normal;
    font-family: var(--font-title);
}

.blogdetailbox h2 {
    font-size: 40px;
    line-height: 1.4;
    font-weight: normal;
    font-family: var(--font-title);
}

.blogdetailbox h3 {
    font-size: 30px;
    line-height: 1.4;
    font-weight: normal;
    font-family: var(--font-title);
}

.blogdetailbox h4 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: normal;
    font-family: var(--font-title);
}

.blogdetailbox h5 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: normal;
    font-family: var(--font-title);
}

.blogdetailbox p {
    text-align: left;
    font-size: 18px;
    color: #000;
    line-height: 1.8;
}

.blogdetailbox img {
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    height: auto;
}

.blogdetailbox video {
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    height: auto;
}


/*--------自适应--------*/



.probox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.55rem 0rem 0.8rem 0;
}

.probox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.probox-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.60rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.probox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}

.probox-b>.label-note {
    max-width: 80%;
    padding: 0rem 0rem;
    text-align: center;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.4;
    color: #2F3F44;
}

.probox-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
}

.proboxitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 32%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.3rem 0rem;
    padding: 0rem 0rem;
    background: transparent;
}

.proboxitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    overflow: hidden;
}

.proboxitem-t>a>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 33/25;
}

.proboxitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.proboxitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
}

.proboxitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.proboxitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.25rem 0rem;
}

.proboxitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.proboxitem-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.proboxitem-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.proboxitem-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.proboxitem-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}


.proboxitem-info-t-a>.label-title1 {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.28rem;
    font-weight: normal;
    color: #020313;
}

.proboxitem-info-t-a>.label-title1:hover {
    color: #020313;
    text-decoration: none;
}

.proboxitem-info-t-a>.label-title1:active {
    color: #020313;
    text-decoration: none;
}

.proboxitem-info-t-a>.label-title1:visited {
    color: #020313;
    text-decoration: none;
}

.proboxitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.proboxitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.proboxitem-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 2.0;
    color: #2F3F44;
}

.proboxitem-info-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.40rem auto;
    padding: 0rem 0rem;
}

.proboxitem-info-c>.link-readm {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #24B3EE;
}

.proboxitem-info-c>.link-readm:hover {
    color: #24B3EE;
    text-decoration: none;
}

.proboxitem-info-c>.link-readm:active {
    color: #24B3EE;
    text-decoration: none;
}

.proboxitem-info-c>.link-readm:visited {
    color: #24B3EE;
    text-decoration: none;
}


.proboxitem-info-c1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem auto;
    padding: 0rem 0rem;
}

.proboxitem-info-c1>.link-readm {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #aaa;
}

.proboxitem-info-c1>.link-readm:hover {
    color: #aaa;
    text-decoration: none;
}

.proboxitem-info-c1>.link-readm:active {
    color: #aaa;
    text-decoration: none;
}

.proboxitem-info-c1>.link-readm:visited {
    color: #aaa;
    text-decoration: none;
}


.probox-video {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.probox-video video {
    width: 100%;
    height: auto;
    margin: 0 0;
    object-fit: cover;
    border-radius: 0.2rem;
}

/*--------自适应--------*/


.profoot {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.5rem 0rem 1rem 0;
    padding: 0rem 0rem;
}

.profoot-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 40%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.profoot-l>.label-bt {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.60rem;
    font-weight: normal;
    line-height: 1.1;
    color: #020313;
    font-family: var(--font-title);
}

.profoot-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 55%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.profoot-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.profoot-r-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.profoot-r-a-a>.label-bt2 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    color: #020313;
}

.profoot-r-a-b {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.3rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.profoot-r-a-b>.p1 {
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 1.6;
    color: #020313;
}

/*--------自适应--------*/

.playlist-c {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0rem 0 1rem 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.playlist {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 1rem auto;
    padding: 0rem 0rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0.30rem;
    grid-row-gap: 0.60rem;
}

.playitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.40rem 0.40rem;
    border: solid 1px #ddd;
    border-radius: 0.20rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.playitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.playitem-t>a>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.playitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.playitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.playitem-m>.label-pt {
    padding: 0rem 0rem;
    text-align: center;
    font-size: 0.26rem;
    font-weight: bold;
    color: #0072E3;
}

.playitem-b {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 1.6;
    color: #020313;
}

/*--------自适应--------*/





.morethan {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.90rem 0rem;
    padding: 0rem 0rem;
}

.morethan-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 30%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.morethanx {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.morethanx-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.morethanx-t>.label-title {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.40rem;
    font-weight: bold;
    color: #020313;
    font-family: var(--font-title);
}

.morethanx-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.morethanx-m>.label-intro1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 1.8;
    color: #2F3F44;
}

.morethanx-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.80rem 0rem;
}

.morethanx-b>.link-more1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.40rem;
    border: none;
    border-radius: 0.30rem;
    background: #137EA7;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
}

.morethanx-b>.link-more1:hover {
    color: #fff;
    text-decoration: none;
}

.morethanx-b>.link-more1:active {
    color: #fff;
    text-decoration: none;
}

.morethanx-b>.link-more1:visited {
    color: #fff;
    text-decoration: none;
}

.morethan-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 63%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.morethan-l>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    border-radius: 20px;
}

/*--------自适应--------*/



.homeban-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
    max-width: 18rem;
    overflow: hidden;
    border-radius: 20px;
}

.homeban-box>.img1 {
    width: 100%;
    height: 6.8rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    position: relative;
    z-index: 1;
    object-fit: cover;
}

.homeban-ads {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 14.00rem;
    height: 3.00rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.1rem;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.homeban-ads-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 45%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeban-ads-l>.label-hometitle {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.80rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    font-family: var(--font-title);
}

.homeban-ads-l>.label-homedesc {
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.4;
    color: #fff;
}

.homeban-ads-l>.link-homelink {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 0.40rem;
    margin: 0.20rem 0rem;
    padding: 0.05rem 0.40rem;
    border: none;
    border-radius: 0.50rem;
    background: #fff;
    font-size: 0.20rem;
    font-weight: normal;
    color: #24B3EE;
}

.homeban-ads-l>.link-homelink:hover {
    color: #24B3EE;
    text-decoration: none;
}

.homeban-ads-l>.link-homelink:active {
    color: #24B3EE;
    text-decoration: none;
}

.homeban-ads-l>.link-homelink:visited {
    color: #24B3EE;
    text-decoration: none;
}

.homeban-ads-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.homeban-mask {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    background: #000;
    position: absolute;
    z-index: 10;
    left: 0rem;
    top: 0rem;
    opacity: 0.2;
}

/*--------自适应--------*/







.moreban-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
    max-width: 18rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.moreban-box>.img1 {
    width: 100%;
    height: 6.8rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    position: relative;
    z-index: 1;
    object-fit: cover;
}

.moreban-ads {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 14.00rem;
    height: 3.00rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.1rem;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.moreban-ads-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem 0.8rem 0;
}

.moreban-ads-l>.label-hometitle {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.70rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}

.moreban-ads-l>.label-homedesc {
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.4;
    color: #fff;
}

.moreban-ads-l>.link-homelink {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 0.40rem;
    margin: 0.20rem 0rem;
    padding: 0.10rem 0.40rem;
    border: none;
    border-radius: 0.50rem;
    background: #fff;
    font-size: 0.20rem;
    font-weight: normal;
    color: #24B3EE;
}

.moreban-ads-l>.link-homelink:hover {
    color: #24B3EE;
    text-decoration: none;
}

.moreban-ads-l>.link-homelink:active {
    color: #24B3EE;
    text-decoration: none;
}

.moreban-ads-l>.link-homelink:visited {
    color: #24B3EE;
    text-decoration: none;
}

.moreban-ads-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.moreban-mask {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    background: #000;
    position: absolute;
    z-index: 10;
    left: 0rem;
    top: 0rem;
    opacity: 0.2;
}

/*--------自适应--------*/


#goTop {
    display: none;
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 30px;
    background-color: #137EA7;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    cursor: pointer;
}

#goTop>label {
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    margin: 0 0;
    cursor: pointer;
}



.goodcon {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.70rem 0rem 0rem 0;
    padding: 0rem 0rem;
}

.goodcon-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodcon-t>.label-head {
    width: 50%;
    padding: 0rem 0rem;
    text-align: center;
    font-size: 0.50rem;
    color: #020313;
    font-family: var(--font-title);
}

.goodcon-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodcon-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.0rem 0rem 0 0;
    padding: 0rem 0rem;
}

.goodcon-m>.goodconbox:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.goodconbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.goodconbox-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 35%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodconboxx {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodconboxx-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.goodconboxx-t>.label-title {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.40rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.goodconboxx-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodconboxx-m>.label-intro1 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 1.6;
    color: #2F3F44;
}

.goodconboxx-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.80rem 0rem;
}

.goodconboxx-b>.link-more1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.40rem;
    border: none;
    border-radius: 0.30rem;
    background: #137EA7;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
}

.goodconboxx-b>.link-more1:hover {
    color: #fff;
    text-decoration: none;
}

.goodconboxx-b>.link-more1:active {
    color: #fff;
    text-decoration: none;
}

.goodconboxx-b>.link-more1:visited {
    color: #fff;
    text-decoration: none;
}

.goodconbox-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 58%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodconbox-l>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    border-radius: 20px;
}

/*--------自适应--------*/

.provideobox {
    box-sizing: border-box;
    margin: 0.5rem 0 1rem 0;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
}

.gooddetail {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 0px;
    text-align: left;
    font-size: 18px;
    color: #000;
    line-height: 1.6;
}

.gooddetail h1 {
    font-size: 60px;
    line-height: 80px;
    font-family: var(--font-title);
    font-weight: normal;
}

.gooddetail h2 {
    font-size: 50px;
    font-family: var(--font-title);
    font-weight: normal;
}

.gooddetail h3 {
    font-size: 40px;
    font-family: var(--font-title);
    font-weight: normal;
}

.gooddetail h4 {
    font-size: 30px;
    font-family: var(--font-title);
    font-weight: normal;
}

.gooddetail h5 {
    font-size: 20px;
    font-family: var(--font-title);
    font-weight: normal;
}

.gooddetail p {
    text-align: left;
    font-size: 18px;
    color: #020313;
    line-height: 1.6;
}

.gooddetail img {
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    height: auto;
}

.gooddetail video {
    width: 100%;
    max-width: 100%;
    margin: 10px auto;
    height: auto;
    border-radius: 0.2rem;
}

.gooddetail .mejs-video {
    width: 100% !important;
}

.gooddetail .wp-video {
    width: 100% !important;
    border-radius: 0.2rem;
    overflow: hidden;
}



.dyques-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 1rem 0 0.1rem 0;
    padding: 0.30rem 0.8rem;
    border-radius: 0.20rem;
    background: #EBE9E3;
    position: relative;
}

.dyques-ads {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 3.00rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.10rem;
    position: relative;
    z-index: 100;
}

.dyques-ads-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 65%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.dyques-ads-l>.label-qt {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.44rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.dyques-ads-l>.label-qdesc {
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 1.6;
    color: #020313;
}

.dyques-ads-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 30%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.dyques-ads-r>.link-qmore {
    margin: 0rem 0rem;
    padding: 0.12rem 0.30rem;
    border-radius: 0.30rem;
    background: #137EA7;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
}

.dyques-ads-r>.link-qmore:hover {
    color: #fff;
    text-decoration: none;
}

.dyques-ads-r>.link-qmore:active {
    color: #fff;
    text-decoration: none;
}

.dyques-ads-r>.link-qmore:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/




.improve {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.8rem 0rem 0.2rem 0;
}

.improve-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.improve-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.50rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.improve-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
}

.improve-b>.label-note {
    max-width: 80%;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.22rem;
    font-weight: normal;
    line-height: 1.4;
    color: #2F3F44;
}

.improve-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.50rem 0rem;
    padding: 0rem 0rem;
}

.improveitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 24%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.3rem 0rem;
    padding: 0rem 0rem;
    background: transparent;
}

.improveitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    overflow: hidden;
}

.improveitem-t>a>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 33/25;
}

.improveitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.improveitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.05rem 0.05rem;
}

.improveitem-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.improveitem-info-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.25rem 0rem;
}

.improveitem-info-t-a {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.improveitem-info-t-a>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.22rem;
    font-weight: normal;
    color: #020313;
}

.improveitem-info-t-a>.label-title:hover {
    color: #020313;
    text-decoration: none;
}

.improveitem-info-t-a>.label-title:active {
    color: #020313;
    text-decoration: none;
}

.improveitem-info-t-a>.label-title:visited {
    color: #020313;
    text-decoration: none;
}


.improveitem-info-t-a>.label-title1 {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.28rem;
    font-weight: normal;
    color: #020313;
}

.improveitem-info-t-a>.label-title1:hover {
    color: #020313;
    text-decoration: none;
}

.improveitem-info-t-a>.label-title1:active {
    color: #020313;
    text-decoration: none;
}

.improveitem-info-t-a>.label-title1:visited {
    color: #020313;
    text-decoration: none;
}

.improveitem-info-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.improveitem-info-desc {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
}

.improveitem-info-desc>.label-desc {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 1.6;
    color: #2F3F44;
}

.improveitem-info-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.40rem auto;
    padding: 0rem 0rem;
}

.improveitem-info-c>.link-readm {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #24B3EE;
}

.improveitem-info-c>.link-readm:hover {
    color: #24B3EE;
    text-decoration: none;
}

.improveitem-info-c>.link-readm:active {
    color: #24B3EE;
    text-decoration: none;
}

.improveitem-info-c>.link-readm:visited {
    color: #24B3EE;
    text-decoration: none;
}


.improveitem-info-c1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem auto;
    padding: 0rem 0rem;
}

.improveitem-info-c1>.link-readm {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #aaa;
}

.improveitem-info-c1>.link-readm:hover {
    color: #aaa;
    text-decoration: none;
}

.improveitem-info-c1>.link-readm:active {
    color: #aaa;
    text-decoration: none;
}

.improveitem-info-c1>.link-readm:visited {
    color: #aaa;
    text-decoration: none;
}


/* ----------#region  -----------*/



.goodfunc {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.7rem 0rem 0.4rem 0;
    padding: 0rem 0rem;
}

.goodfunc-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.goodfunc-t>.label-head {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.50rem;
    font-weight: normal;
    color: #020313;
    line-height: 1.6;
    font-family: var(--font-title);
}

.goodfunc-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.30rem 0rem 0 0;
}

.goodfunc-m>.label-desc {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.24rem;
    font-weight: normal;
    color: #020313;
}

.goodfunc-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}



.swgoodapp-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0.0rem;
}

.swgoodapp-c .swiper-pagination {
    bottom: 0.3rem !important;
}

.swgoodapp-c .swiper-pagination-bullet {
    width: 0.53rem;
    height: 0.1rem;
    text-align: center;
    line-height: 0.10rem;
    font-size: 0.12rem;
    color: #000;
    opacity: 1;
    background: #BEBEBE;
    margin: 0 0.10rem;
    border-radius: 0.06rem;
}

.swgoodapp-c .swiper-pagination-bullet-active {
    color: #fff;
    background: #137EA7;
}

.swgoodapp-c .swgoodapp-cmd {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.swgoodapp-c .swgoodapp-prev {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0.0rem;
    padding: 0rem 0rem;
    position: absolute;
    z-index: 999;
    left: 0.25rem;
    top: calc(50% + 0.5rem);
    transform: translateX(0%) translateY(0%);
}

.swgoodapp-c .swgoodapp-prev>.label-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.40rem;
    font-weight: normal;
    color: #ddd;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ddd;
    border-radius: 100%;
    background-color: #fff;
}

.swgoodapp-c .swgoodapp-next {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0.0rem;
    padding: 0rem 0rem;
    position: absolute;
    z-index: 999;
    top: calc(50% + 0.5rem);
    right: 0.25rem;
    transform: translateX(0%) translateY(0%);
}

.swgoodapp-c .swgoodapp-next>.label-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.40rem;
    font-weight: normal;
    color: #ddd;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ddd;
    border-radius: 100%;
    background-color: #fff;
}

.swgoodapp-c .swiper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0.7rem 0rem 0.9rem 0;
    overflow: visible;
}

.swgoodapp-c .swiper-wrapper {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.swgoodapp-c .swiper-slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    position: relative;
}

.swgoodapp-c .swgoodapp-swiperitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.6rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0.10rem;
    background: #fff;
    border-radius: 0.2rem;
    border: solid 1px #ccc;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.swgoodapp-c .swgoodapp-swiperitem-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.swgoodapp-c .swgoodapp-swiperitem-t>a>.img1 {
    width: auto;
    height: 0.5rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.swgoodapp-c .swgoodapp-swiperitem-t>a {
    display: block;
    width: 100%;
    height: auto;
}

.swgoodapp-c .swgoodapp-swiperitem-m {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.swgoodapp-c .swgoodapp-swiperitem-title {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.05rem 0rem 0rem 0rem;
    padding: 0rem 0rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.swgoodapp-c .swgoodapp-swiperitem-title>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #137EA7;
}

.swgoodapp-c .swiper-pagination {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

/*--------自适应--------*/



.goodtab-tab {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: #fff;
}

.goodtab-tab-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-bottom: solid 1px #ddd;
}

.goodtab-nav-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: auto;
    height: 0.60rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    background: #fff;
}

.goodtab-nav-item-on {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 0.6rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.30rem;
    cursor: pointer;
}

.goodtab-nav-item-on>.label-text {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 0.56rem;
    padding: 0rem 0rem;
    border-bottom: solid 0.04rem #137EA7;
    font-size: 0.2rem;
    font-weight: bold;
    color: #137EA7;
    cursor: pointer;
}

.goodtab-nav-item {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.30rem;
    cursor: pointer;
}

.goodtab-nav-item>.label-text {
    padding: 0rem 0rem;
    font-size: 0.2rem;
    font-weight: bold;
    color: #137EA7;
    cursor: pointer;
    border-bottom: solid 0.04rem #fff;
}

.goodtab-tab-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.20rem 0rem;
}

.goodtab-tab-content-on {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 4.00rem;
    margin: 0rem 0rem;
    text-align: left;
    transition: all .2s linear 100ms;
}

.goodtab-tab-content-on>.label1 {
    padding: 0rem 0rem;
    font-size: 0.14rem;
    font-weight: normal;
    color: #666;
}

.goodtab-tab-content {
    box-sizing: border-box;
    display: none;
    width: 100%;
    height: auto;
    min-height: 3.00rem;
    margin: 0rem 0rem;
    background: #eee;
    text-align: left;
    transition: all .2s linear 100ms;
}

/* select */
.selectdrop-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 3.00rem;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.15rem 0.15rem;
    border: none;
    border-radius: 0.4rem;
    background: #EBEEEF;
    position: relative;
}

.selectdrop-c.on .selectdrop-drop {
    max-height: 10.00rem;
    transition: all .2s linear 100ms;
}

.selectdrop-c.on .selectdrop>.icon {
    transform: rotate(180deg);
    transition: all .2s linear 100ms;
}

.selectdrop {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.10rem 0.20rem;
    border-radius: 0.3rem;
    background: #fff;
    cursor: pointer;
}

.selectdrop-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    cursor: pointer;
}

.selectdrop-d>.label-text {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.15rem;
    font-weight: bold;
    color: #137EA7;
    cursor: pointer;
}

.selectdrop-d>.label-num {
    width: 0.20rem;
    height: 0.20rem;
    margin: 0rem 0rem 0rem 0.10rem;
    padding: 0rem 0rem;
    border-radius: 100%;
    background: #137EA7;
    text-align: center;
    font-size: 0.12rem;
    font-weight: normal;
    line-height: 0.2rem;
    color: #fff;
    display: none;
}

.selectdrop-d>.label-num.on {
    width: 0.20rem;
    height: 0.20rem;
    margin: 0rem 0rem 0rem 0.10rem;
    padding: 0rem 0rem;
    border-radius: 100%;
    background: #137EA7;
    text-align: center;
    font-size: 0.12rem;
    line-height: 0.2rem;
    font-weight: normal;
    color: #fff;
    display: block;
}

.selectdrop>.icon {
    margin: 0rem 0.05rem;
    padding: 0rem 0rem;
    font-size: 0.3rem;
    font-weight: normal;
    color: #000;
    cursor: pointer;
    transition: all .2s linear 100ms;
}

.selectdrop-drop {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 2.50rem;
    max-height: 0rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.10rem;
    background: #EBEEEF;
    position: absolute;
    z-index: 10;
    left: 0.25rem;
    top: 0.60rem;
    overflow: hidden;
    transition: all .2s linear 100ms;
}

.selectdrop-dropbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0.0rem 0rem;
}

.selectdrop-dropitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.50rem;
    margin: 0rem 0rem;
    padding: 0rem 0.20rem;
    cursor: pointer;
}

.selectdrop-dropitem:hover {
    background-color: #fefefe;
}


.selectdrop-dropitem-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    cursor: pointer;
}

.selectdrop-dropitem-r>.label-text {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    font-weight: normal;
    color: #020313;
    cursor: pointer;
}

.selectdrop-dropitem-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.30rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    cursor: pointer;
}

.selectdrop-dropitem-l>.icon {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.14rem;
    font-weight: normal;
    color: #137EA7;
    display: none;
}

.selectdrop-dropitem-l>.icon.on {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.14rem;
    font-weight: normal;
    color: #137EA7;
    display: block;
}


.selectdrop-dropbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.0rem 0rem;
    padding: 0.10rem 0.20rem;
    border-top: solid 0.01rem #ccc;
}

.selectdrop-dropbox-b-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.selectdrop-dropbox-b-a>.buttonclear {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 0.40rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border: solid 0.01rem #ccc;
    border-radius: 0.10rem;
    background: #fff;
    text-align: center;
    font-size: 0.14rem;
    font-weight: normal;
    color: #666;
    outline: none;
    cursor: pointer;
}

.selectdrop-dropbox-b-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.selectdrop-dropbox-b-b>.buttonyes {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 0.40rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border: solid 0.01rem #ccc;
    border-radius: 0.10rem;
    background: #56A0D3;
    text-align: center;
    font-size: 0.14rem;
    font-weight: normal;
    color: #fff;
    outline: none;
    cursor: pointer;
}

/*--------自适应--------*/


.pagerbox {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}


.mypager-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0rem 0rem;
    padding: 0.10rem 0.1rem;
    border: none;
    border-radius: 0.30rem;
    background: #EBEEEF;
    position: relative;
}

.mypager-c.on .mypager-drop {
    max-height: 2.00rem;
    transition: all .2s linear 100ms;
}

.mypager-c.on .mypager>.icon {
    transform: rotate(180deg);
    transition: all .2s linear 100ms;
}

.mypager-c-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.mypager-c-c>.link-prev {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.9rem;
    height: 0.50rem;
    min-height: 0.30rem;
    margin: 0rem 0.15rem 0rem 0rem;
    padding: 0rem 0.30rem;
    border: none;
    border-radius: 0.30rem;
    background: #56A0D3;
    font-size: 0.16rem;
    font-weight: normal;
    color: #fff;
}

.mypager-c-c>.link-prev:hover {
    color: #fff;
    text-decoration: none;
}

.mypager-c-c>.link-prev:active {
    color: #fff;
    text-decoration: none;
}

.mypager-c-c>.link-prev:visited {
    color: #fff;
    text-decoration: none;
}

.link-prev>label {
    color: #fff;
    font-size: 0.2rem;
    margin: 0 0.05rem 0 0;
    cursor: pointer;
}

.mypager {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 2rem;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0.20rem;
    border-radius: 0.2rem;
    background: #fff;
    cursor: pointer;
}

.mypager-d {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 0.50rem;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    cursor: pointer;
}

.mypager-d>.label-text {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.15rem;
    font-weight: bold;
    color: #137EA7;
    cursor: pointer;
}

.mypager>.icon {
    margin: 0rem 0.05rem;
    padding: 0rem 0rem;
    font-size: 0.2rem;
    font-weight: normal;
    color: #000;
    cursor: pointer;
    transition: all .2s linear 100ms;
}

.mypager-drop {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 2rem;
    max-height: 0rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    background: #fff;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 0.47rem;
    overflow: hidden;
    transition: all .2s linear 100ms;
    transform: translateX(-50%);
}

.mypager-dropbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
}

.mypager-dropitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.50rem;
    margin: 0rem 0rem;
    padding: 0rem 0.20rem;
    cursor: pointer;
}

.mypager-dropitem:hover {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    min-height: 0.50rem;
    margin: 0rem 0rem;
    padding: 0rem 0.20rem;
    cursor: pointer;
    background-color: #c1e3f1;
}

.mypager-dropitem-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.40rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    cursor: pointer;
}

.mypager-dropitem-r>.label-text {
    padding: 0rem 0rem;
    width: 100%;
    text-align: left;
    font-size: 0.14rem;
    font-weight: bold;
    color: #020313;
}

.mypager-c-c>.link-next {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0.9rem;
    height: 0.50rem;
    min-height: 0.30rem;
    margin: 0rem 0rem 0rem 0.15rem;
    padding: 0rem 0.30rem;
    border: none;
    border-radius: 0.30rem;
    background: #56A0D3;
    font-size: 0.16rem;
    font-weight: normal;
    color: #fff;
}

.mypager-c-c>.link-next:hover {
    color: #fff;
    text-decoration: none;
}

.mypager-c-c>.link-next:active {
    color: #fff;
    text-decoration: none;
}

.mypager-c-c>.link-next:visited {
    color: #fff;
    text-decoration: none;
}

.link-next>label {
    color: #fff;
    font-size: 0.2rem;
    margin: 0 0rem 0 0.05rem;
    cursor: pointer;
}

/*--------自适应--------*/


.prodetail {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.4rem 0rem;
    padding: 0rem 0rem;
}

.prodetail-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    border-radius: 0.20rem;
    overflow: hidden;
}

.prodetail-l>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.prodetail-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 40%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.proinfo {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.proinfo-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.proinfo-t>.label-bt {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.80rem;
    font-weight: bold;
    color: #000;
    font-family: var(--font-title);
}

.proinfo-m1 {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    line-height: 1.6;
    color: #000;
}

.proinfo-m1>.p1 {
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #666;
    font-family: var(--font-title);
}


.proinfo-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.20rem 0rem;
    padding: 0.20rem 0.30rem;
    border-radius: 0.20rem;
    background: #F5F4F1;
}

.proinfoitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 48%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.2rem 0rem 0.2rem 0rem;
    padding: 0rem 0rem;
}

.proinfoitem-l {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.proinfoitem-l>.img1 {
    width: 0.40rem;
    height: 0.40rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
}

.proinfoitem-r {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.1rem;
}

.proinfoitem-r>.label-st {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    font-weight: bold;
    color: #666;
}

.proinfoitem-r>.label2 {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    font-weight: normal;
    color: #666;
}

.proinfo-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.30rem 0rem;
    padding: 0rem 0rem;
}

.proinfo-b>.link-getquote {
    margin: 0rem 0rem;
    padding: 0.15rem 0.40rem;
    border-radius: 0.30rem;
    background: #265D82;
    font-size: 0.16rem;
    font-weight: normal;
    color: #fff;
}

.proinfo-b>.link-getquote:hover {
    color: #fff;
    text-decoration: none;
}

.proinfo-b>.link-getquote:active {
    color: #fff;
    text-decoration: none;
}

.proinfo-b>.link-getquote:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/



.prooem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.5rem 0rem;
}

.prooem-l {
    box-sizing: border-box;
    width: 48%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    line-height: 1.6;
    color: #000;
}

.prooem-l>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    border-radius: 0.2rem;
}

.prooem-r {
    box-sizing: border-box;
    width: 48%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.14rem;
    line-height: 1.6;
    color: #000;
}

.prooem-r-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.prooem-r-a-a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.prooem-r-a-a>.label-bbt {
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.50rem;
    font-weight: normal;
    color: #020313;
    font-family: var(--font-title);
}

.prooem-r-a-b {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.3rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    font-size: 0.16rem;
    line-height: 1.6;
    color: #000;
}

.prooem-r-a-b>.p1 {
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 1.6;
    color: #333;
}

.prooem-r-a-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.2rem 0rem;
    padding: 0rem 0rem;
}

.prooem-r-a-c>.link-custom {
    margin: 0rem 0rem;
    padding: 0.10rem 0.30rem;
    border-radius: 0.30rem;
    background: #137EA7;
    font-size: 0.18rem;
    font-weight: normal;
    color: #fff;
}

.prooem-r-a-c>.link-custom:hover {
    color: #fff;
    text-decoration: none;
}

.prooem-r-a-c>.link-custom:active {
    color: #fff;
    text-decoration: none;
}

.prooem-r-a-c>.link-custom:visited {
    color: #fff;
    text-decoration: none;
}

/*--------自适应--------*/



.product-downs {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0.40rem 0.50rem;
}

.product-downitem {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: auto;
    min-height: 0.30rem;
    margin: 0.10rem 0rem;
    padding: 0.05rem 0.05rem;
    background: transparent;
}

.product-downitem-m {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
}

.product-downitem-title {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    ;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
}

.product-downitem-title>.label-title {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.2rem;
    font-weight: normal;
    color: #333;
}

.product-downitem-r {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 2.00rem;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.20rem;
}

.product-downitem-r>.label-date {
    padding: 0rem 0rem;
    font-size: 0.20rem;
    font-weight: bold;
    color: #137EA7;
    text-decoration: none;
}

.product-downitem-r>.label-date:hover {
    color: #137EA7;
    text-decoration: none;
}

.product-downitem-r>.label-date:active {
    color: #137EA7;
    text-decoration: none;
}

.product-downitem-r>.label-date:visited {
    color: #137EA7;
    text-decoration: none;
}


/*--------自适应--------*/


.prdouct-gimgs {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0.5rem 0rem;
    padding: 0rem 0rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0.20rem;
    grid-row-gap: 0.20rem;
}

.prdouct-gimgs img {
    border-radius: 0.2rem;
    border: solid 1px #666;
}

.prdouct-gimgs>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.prdouct-gimgs-b {
    box-sizing: border-box;
    display: grid;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0rem 0rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 0.20rem;
    grid-row-gap: 0.20rem;
}

.prdouct-gimgs-b>.img1 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.prdouct-gimgs-b>.img2 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.prdouct-gimgs-b>.img3 {
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    object-fit: cover;
    grid-column: span 2;
    aspect-ratio: 2/1;
}

/*--------自适应--------*/


.postion {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    min-height: 0.30rem;
    margin: 0rem auto;
    padding: 0.25rem 0rem;
}

.postion>.icon {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.40rem;
    font-weight: normal;
    color: #3e769b;
}

.postion>.link-item {
    margin: 0rem 0.15rem 0 0;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #3e769b;
}

.postion>.link-item:hover {
    color: #3e769b;
    text-decoration: none;
}

.postion>.link-item:active {
    color: #3e769b;
    text-decoration: none;
}

.postion>.link-item:visited {
    color: #3e769b;
    text-decoration: none;
}

.postion>.icon-arrow {
    margin: 0rem 0.15rem 0 0;
    padding: 0rem 0rem;
    font-size: 0.2rem;
    font-weight: normal;
    color: #3e769b;
}

.postion>.label-item {
    margin: 0rem 0.15rem 0 0;
    padding: 0rem 0rem;
    font-size: 0.16rem;
    font-weight: normal;
    color: #3e769b;
}

/*--------自适应--------*/










.mymsgbox-c {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 1rem 0rem;
    padding: 0rem 0rem;
}

.mymsgbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.30rem 0.30rem;
}

.mymsgbox-t {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0rem;
}

.mymsgbox-t>.icon-info {
    margin: 0rem 0rem;
    padding: 0rem 0rem;
    font-size: 0.40rem;
    font-weight: normal;
    color: #137EA7;
}

.mymsgbox-m1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0rem;
}

.mymsgbox-m1>.label-msgtitle {
    padding: 0rem 0rem;
    font-size: 0.20rem;
    font-weight: normal;
    color: #137EA7;
}

.mymsgbox-b {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0.10rem 0rem;
}

.mymsgbox-b>.button-goback {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 0.40rem;
    min-height: 0.30rem;
    margin: 0rem 0rem;
    padding: 0rem 0.20rem;
    border: none;
    border-radius: 0.05rem;
    background: #137EA7;
    text-align: center;
    font-size: 0.14rem;
    font-weight: normal;
    color: #fff;
    outline: none;
    cursor: pointer;
}

/*--------自适应--------*/