* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;



    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body,
html {
    font-family: MiSans-Regular, MiSans;
}

a,
p,
span,
div,
li,
h1,
h2 {
    font-family: MiSans-Regular, MiSans;
}

a {
    color: #fff;
}

/*包含以下五种的链接*/
a {
    text-decoration: none;
}

/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
    background: transparent;
}

/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
    text-decoration: none;
     background: transparent;
}

/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
    text-decoration: none;
     background: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}



img {
    display: block;
    width: 100%;
    height: 100%;
}

video {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center top;
}

span,
a {
    display: block;
}


textarea:focus,
input:focus {
    outline: none;
}

input {

    background: none;

    outline: none;

    border: 0px;

}

input[type="text"]:focus,

input[type="password"]:focus {

    border: 1px solid rgba(0, 0, 0, 0);

    background: rgba(0, 0, 0, 0);

    outline: none;

}

textarea {
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
}

input:-webkit-input-placeholder {
    color: #666;
}

input::-webkit-input-placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666;
}

input:-moz-placeholder {
    color: #666;
    opacity: 1 !important;
    /*火狐默认有opacity:0.4; */
}

input::-moz-placeholder {
    color: #666;
    opacity: 1 !important;
}

/* 英文大写 */
.uppercase {
    text-transform: Uppercase;
}

/*flex布局  */

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


/* 容器的开头 */

.flex.flex-start {
    justify-content: flex-start;
}


/* 容器的结尾 */

.flex.flex-end {
    justify-content: flex-end;
}


/* 两端对齐 */

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


/* 等分 两边有距离 */

.flex.flex-around {
    justify-content: space-around;
}


/* 居中对齐*/
.flex.flex-center {
    justify-content: center;
}


/*浮动*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*清浮动*/
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

/* 上下左右居中 */

.posi-all {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


/* 左右居中 */

.posi-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}


/* 垂直居中 */

.posi-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/* 超出隐藏 */

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.max-width {
    max-width: 14.2rem;
    margin: 0 auto;
    /* background-color: #0f0; */
}

.pointer {
    cursor: pointer;
}

.body-lock {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

#toast {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 130px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* 分页 */
.pagination {
    display: flex;
    justify-content: center;
}

.pagination .pagination-left,
.pagination .pagination-right {
    cursor: pointer;
    margin-top: 8px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.pagination .pagination-left {
    margin-right: 30px;
    border-right: 11px solid #000000;
}

.pagination .pagination-left.disabled {
    border-right: 11px solid #999;
}

.pagination .pagination-right {
    margin-left: 30px;
    border-left: 11px solid #000000;
}

.pagination .pagination-right.disabled {
    border-left: 11px solid #999;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a,
.pagination li span {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #000;
    cursor: pointer;
}

.pagination li.disabled,
.pagination li.disabled span,
.pagination li.disabled a {
    cursor: not-allowed !important;
    color: #999;
}

.pagination li.active a,
.pagination li.active span {
    background: #4EA54A;
    color: #fff;
}




/* -------------------------------------------------------------------- */

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

.index .swiper_default_box .s_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.index .swiper_default_box .swiper {
    width: 100%;
    height: 100%;
}

.index .swiper_default_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index .swiper_default_box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.index .swiper_default_box .card {
    z-index: 200;
    background-color: rgba(0, 0, 0, 0);
}

.index .swiper_default_box .card_room {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.52rem;
    justify-items: center;
    align-items: center;
    white-space: nowrap;
}

.index .card_room .tit {
    font-size: 0.4rem;
    color: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .index .card_room .tit {
        font-size: 22px;
        color: #FFFFFF;
    }
}

.index .card_room .btn_box {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.1rem;
    justify-content: center;
    align-items: center;
}

.index .card_room .btn_box .btn {
    min-width: 1.54rem;
    padding: 0.17rem 0.15rem;
    border: 1px solid #E1E1E1;
    border-radius: 4px 4px 4px 4px;
    background-color: #fff;
    box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.1);
    font-size: 0.14rem;
    color: #666666;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .index .card_room .btn_box .btn {
        border-radius: 4px 4px 4px 4px;
        font-size: 14px;
    }
}

.index .card1 {
    padding: 0.24rem 0 0.82rem;
    background-color: #fff;
}

.index .card2 {
    padding: 0 0 0.5rem;
    background-color: #fafafa;
}

.index .card_title {
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.4rem;
}

@media screen and (max-width: 800px) {
    .index .card_title {
        font-size: 20px;
    }
}

.index .card1 .col1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: space-between;
}

.index .card1 .col1 .item {
    padding-top: 70%;
    position: relative;
}

.index .card1 .col1 .item .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card1 .col2 {
    display: grid;
    grid-template-columns: 89.859% calc(100% - 89.859% - 0.1rem);
    column-gap: 0.1rem;
}

.index .card1 .col3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.12rem;
}

.index .card1 .item1 {
    padding-top: 70%;
    position: relative;
}

.index .card1 .item1 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card1 .item1 .cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(241, 241, 243, 0.8);
    padding: 0.11rem 0.17rem;
}

.index .card1 .item1 .cont .t {
    font-size: 0.18rem;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0.1rem;
}

.index .card1 .item1 .cont .b {
    font-size: 0.11rem;
    color: #575757;
}

@media screen and (max-width: 800px) {
    .index .card1 .item1 .cont .t {
        font-size: 16px;
        padding: 0;

    }

    .index .card1 .item1 .cont .b {
        font-size: 14px;
    }
}

.index .card2 .col2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.26rem;
}

.index .card2 .col2 .item1 {
    padding-top: 70%;
    position: relative;
}

.index .card2 .item1 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card2 .item1 .cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.64rem;
    background-color: rgba(241, 241, 243, 0.8);
    padding: 0.35rem 0.35rem 0;
}

.index .card2 .item1 .cont .t {
    font-size: 0.32rem;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0.38rem;
}

.index .card2 .item1 .cont .b {
    font-size: 0.13rem;
    color: #575757;
}

@media screen and (max-width: 800px) {
    .index .card2 .item1 .cont .t {
        font-size: 16px;
        padding: 0;
    }

    .index .card2 .item1 .cont .b {
        font-size: 14px;
    }
}

.index .card3 {
    padding: 0 0 0.5rem;
}

.index .card3 .oly_width {
    width: 16.2rem;
    padding-top: 35.646%;
    margin: 0 auto;
    border-radius: 0.5rem 0.05rem 0.5rem 0.05rem;
    overflow: hidden;
    position: relative;
}

.index .card3 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card3 .cont {
    text-align: center;
}

.index .card3 .cont .t {
    padding-bottom: 0.36rem;
    font-size: 0.36rem;
    color: #FFFFFF;
}

.index .card3 .cont .c {
    padding-bottom: 0.42rem;
    font-size: 0.15rem;
    color: #FFFFFF;
}

.index .card3 .cont .b {
    width: 120px;
    padding: 0 24px;
    height: 44px;
    line-height: 44px;
    font-size: 0.18rem;
    color: #005BAC;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 0 0.2rem 0 rgba(0, 140, 63, 0.2);
    border-radius: 0.22rem 0 0.22rem 0;
}

@media screen and (max-width: 800px) {
    .index .card3 .cont .t {
        font-size: 20px;
        white-space: nowrap;
    }

    .index .card3 .cont .c {
        font-size: 14px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-all;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-bottom: 0;
    }

    .index .card3 .cont .b {
        margin-top: 20px;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
}

.index .card3 .container {
    padding: 0.48rem 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 9.507%;
    justify-content: space-between;
    align-items: center;
}

.index .card3 .container .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.25rem;
    justify-items: center;
    align-items: center;
}

.index .card3 .container .item .t {
    width: 100%;
    padding-top: 70%;
    position: relative;
}

.index .card3 .container .item .t .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card3 .container .item .b {
    text-align: center;
    font-size: 0.15rem;
    color: #555555;
}

@media screen and (max-width: 800px) {

    .index .card3 .container .item .b {
        font-size: 14px;
    }
}

.index .card4 {
    padding: 0 0 0.5rem;
}

.index .card4 .tab {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #C9A373;
}

.index .card4 .tab .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    justify-items: center;
    align-items: center;
}

.index .card4 .tab .item .t {
    font-size: 0.19rem;
    color: #333333;
}

@media screen and (max-width: 800px) {
    .index .card4 .tab .item .t {
        font-size: 12px;
        white-space: nowrap;
    }
}

.index .card4 .tab .item .b {
    width: 0.8rem;
    height: 2px;
    background-color: rgba(0, 0, 0, 0);
}

.index .card4 .tab .t.act {
    color: #005BAC;
}

.index .card4 .tab .b.act {
    background-color: #005BAC;
}

/* 焦点图 */
.index .container {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.index .card5 {
    padding: 0 0 0.5rem;
    background-color: #F5F9F7;
}

.index .card5 .container {
    padding-bottom: 0.35rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.3rem;
    justify-content: space-between;
    align-items: center;
}

.index .card5 .container .item {
  
    background-color: #fff;
}

.index .card5 .container .item .t {
    padding-top: 58.71%;
    position: relative;
}

.index .card5 .container .item .t .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card5 .container .item .b {
    padding: 0.2rem 0.3rem;
   
}

.index .card5 .container .item .b .tit {
    font-size: 0.2rem;
    color: #444444;
}

.index .card5 .container .item .b .time {
    padding-top: 0.2rem;
    font-size: 0.14rem;
    color: #888888;
}



.index .card5 .bot {
    display: none;
}

.index .card5 .bot .item {
    border-radius: 0.1rem;
    background-color: #f9f9f9;
    overflow: hidden;
    display: grid;
    grid-template-columns: 36.065% calc(100% - 36.065%);
    justify-content: space-between;
    align-items: flex-start;
}

.index .card5 .bot .item .img_box {
    padding-top: 70.454%;
    position: relative;
}

.index .card5 .bot .item .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card5 .bot .item .inf {
    padding: 0.27rem;
}

.index .card5 .bot .item .inf .t {
    font-size: 0.2rem;
    font-weight: bold;
    color: #333333;
}

.index .card5 .bot .item .inf .c {
    padding: 0.12rem 0;
    font-size: 0.15rem;
    color: #666666;
}

.index .card5 .bot .item .inf .b {
    display: grid;
    grid-template-columns: 0.15rem auto;
    justify-content: flex-start;
    align-items: flex-start;
}

.index .card5 .bot .item .inf .b .icon {
    height: 0.15rem;
}

.index .card5 .bot .item .inf .b .txt {
    font-size: 0.15rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .index .card5 .bot .item .inf .t {
        font-size: 16px;
    }

    .index .card5 .container .item .b .time {
        padding-top: 14px;
        font-size: 20px;
    }

    .index .card5 .bot .item .inf .c {
        padding: 0.12rem 0;
        font-size: 12px;
        color: #666666;
    }

    .index .card5 .bot .item .inf .b .txt {
        font-size: 12px;
        color: #666666;
    }

    .index .card5 .bot .item .inf .b {
        display: grid;
        grid-template-columns: 0.15rem auto;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

























.index .card5 .btn {
    width: 120px;
    padding: 0 24px;
    height: 44px;
    line-height: 44px;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin: 0 auto;
    background: #005BAC;
    box-shadow: 0 0 0.2rem 0 rgba(0, 140, 63, 0.2);
    border-radius: 0.22rem 0 0.22rem 0;
    text-align: center;
}
iframe{
    pointer-events: none;
}
.iframe_make{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 800px) {
    
    .index .card5 .btn {
    margin-top: 20px;
    width: 120px;
    padding: 0 24px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #FFFFFF;
    background: #005BAC;
    box-shadow: 0 0 0.2rem 0 rgba(0, 140, 63, 0.2);
    border-radius: 0.22rem 0 0.22rem 0;
    text-align: center;
}
}

.index .card6 {
    padding: 0 0 0.84rem;
    background-color: #fff;
}

.index .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.08rem;
    justify-content: space-between;
    align-items: flex-start;
}





.index .card6 .container .left {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.73rem;
    justify-content: center;
    align-items: flex-start;
}

.index .card6 .container .left .top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.3rem;
    justify-items: flex-start;
    align-items: center;
}

.index .card6 .container .left .top .item {
    display: grid;
    grid-template-columns: 0.46rem auto auto;
    justify-content: flex-start;
    align-items: center;
}

.index .card6 .container .left .top .item .icon {
    height: 0.464rem;
}

.index .card6 .container .left .top .item .num {
    font-size: 0.56rem;
    font-weight: bold;
    color: #333333;
    padding: 0 0.12rem 0 0.18rem;
}

.index .card6 .container .left .top .item .text {
    font-size: 0.17rem;
    color: #666666;
}

.index .card6 .container .left .bot {
    padding-top: 77.6%;
    position: relative;
}

.index .card6 .container .left .bot .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.index .card6 .container .right {
    background-color: rgba(0, 0, 0, 0);
}

.index .card6 .container .right .top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.13rem;
    justify-content: space-between;
    align-items: center;
}

.swiper-wrapper div{
    box-shadow: none !important;
}


/* 2023-05-26 */

/* 选择框 */
.index .card6 .container .right .top .item_box {
    position: relative;
}

.index .card6 .container .right .top .item {
    
    padding: 0.15rem;
    display: grid;
    grid-template-columns: auto 0.14rem;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.3rem 0px rgba(75, 99, 84, 0.09);
    border-radius: 0.28rem;
}

.index .card6 .container .right .top .item_box .select_box {
    display: none;
    width: 100%;
    height: 3.45rem;
    position: absolute;
    top: 0.48rem;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    box-shadow: 0px 4px 30px 0px rgba(75, 99, 84, 0.09);
    border-radius: 0.05rem;
}

.index .card6 .container .right .top .item_box .select {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.index .card6 .container .right .top .item_box .select .opt {
    
    width: 100%;
    font-size: 0.16rem;
    color: #333333;
    /*padding-left: 0.15rem;*/
    padding: 0.15rem;
}



.index .card6 .container .right .top .item_box:hover .select_box {
    display: block;
}

.index .card6 .container .right .top .item_box .select .opt:hover {
    cursor: pointer;
    background-color: #F0F0F0;
}

.index .card6 .container .right .top .item_box .select .opt.active {
    background: #005BAC;
    color: #fff;
}

/* 2023-05-26 */













.index .card6 .container .right .top .item .left {
    font-size: 0.17rem;
    color: #333333;
}



.index .card6 .container .right .top .item .right {
    height: 0.07rem;
}



.index .card6 .container .right .cen {
    padding: 0.37rem 0 0.3rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.index .card6 .container .right .cen .left {
    font-size: 0.17rem;
    font-weight: bold;
    color: #333333;
}

.index .card6 .container .right .cen .right {
    font-size: 0.15rem;
    color: #666666;
}


.index .card6 .container .right .bot {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.index .card6 .container .right .bot .item {
    border-radius: 0.1rem;
    background-color: #f9f9f9;
    overflow: hidden;
    display: grid;
    grid-template-columns: 36.065% calc(100% - 36.065%);
    justify-content: space-between;
    align-items: center;
}

.index .card6 .container .right .bot .item .img_box {
    padding-top: 70.454%;
    position: relative;
}

.index .card6 .container .right .bot .item .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index .card6 .container .right .bot .item .inf {
    padding: 0.3rem 0.27rem 0;
}

.index .card6 .container .right .bot .item .inf .t {
    font-size: 0.2rem;
    font-weight: bold;
    color: #333333;
}

.index .card6 .container .right .bot .item .inf .c {
    padding: 0.12rem 0;
    font-size: 0.15rem;
    color: #666666;
}

.index .card6 .container .right .bot .item .inf .b {
    display: grid;
    grid-template-columns: 0.15rem auto;
    justify-content: flex-start;
    align-items: flex-start;
}

.index .card6 .container .right .bot .item .inf .b .icon {
    height: 0.15rem;
}

.index .card6 .container .right .bot .item .inf .b .txt {
    font-size: 0.15rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .index .card6 .container .right .top .item_box .select .opt {
        font-size: 12px;
    }

    .index .card6 .container .right .top .item .left {
        font-size: 12px;
        color: #333333;
    }

    .index .card6 .container .right .cen .left {
        font-size: 14px;
    }

    .index .card6 .container .right .cen .right {
        font-size: 14px;
    }

    .index .card6 .container .right .bot .item .inf .t {
        font-size: 14px;
    }

    .index .card6 .container .right .bot .item .inf .c {
        font-size: 12px;
    }

    .index .card6 .container .right .bot .item .inf .b {
        display: none;
        font-size: 12px;
    }
}


.img_see {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    display: none;
}

.img_see_box {
    /*width: 50%;*/
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.img_see_box .img{
    width: 100%;
    height: auto;
}












@media screen and (max-width: 800px) {
    .hed .main {
        padding: 0 15px;
        margin: 0 auto;
        height: 50px;
    }

    .hed .logo {
        width: 100px;
        height: 22px;
    }

    .hed .tab_card {
        display: none;
    }

    .hed .nav1 {
        display: grid;
        grid-template-columns: auto auto auto;
        column-gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .hed .nav2 {
        display: grid;
        column-gap: 20px;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
    }

    .index .card1 .col2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
    }

    .index .card1 .col3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.2rem;
    }

    .index .card1 .col1 {
        display: none;
    }

    .index .card2 .col2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.2rem;
    }

    /* !kdm0529 粘贴代码 */
    .index .card3 .oly_width {
        width: 100%;
        padding-top: 35.646%;
        margin: 0 auto;
        border-radius: 0.5rem 0.05rem 0.5rem 0.05rem;
        overflow: hidden;
        position: relative;
    }

    /* !kdm0529 */

    .index .card3 .container {
        padding: 0.48rem 0 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.2rem;
        justify-content: space-between;
        align-items: center;
    }

    .index .card4 .tab {
        display: none;
    }

    .index .card5 .container {
        padding-bottom: 0.35rem;
        display: none;
    }

    .index .card5 .bot {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.1rem;
        align-content: flex-start;
    }

    .index .card6 .container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 2rem;
        justify-content: space-between;
        align-items: flex-start;
    }

}



.banner {
    padding-top: 30%;
    position: relative;
}

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

/* !kdm0529替换以下 */
.banner .cont {
    width: 100%;
}

.banner .cont .row1 {
    font-size: 0.64rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3);
    white-space: nowrap;
}

.banner .cont .row2 {
    font-size: 0.48rem;
    font-weight: bold;
    color: #FFFFFF;
}

/* !kdm0529 */

.page1 .main {
    padding-bottom: 1rem;
    display: grid;
    grid-template-columns: 74.366% 21.478%;
    justify-content: space-between;
    align-content: flex-start;
}



.page1 .main .left .list {
    min-height: 100%;
    padding: 0 0.96rem 0 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: flex-start;
    align-content: flex-start;
    border-right: 1px solid #ececec;
}

.page1 .main .left .item {
    border-bottom: 1px solid #ececec;
    padding: 0.49rem 0.6rem 0.19rem 0.5rem;
    display: grid;
    grid-template-columns: 0.64rem calc(100% - 0.64rem - 0.5rem);
    column-gap: 0.5rem;
    justify-content: flex-start;
    align-content: flex-start;

}

.page1 .main .left .l2 {
    display: none;
}

.page1 .main .left .item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.page1 .main .left .item:hover {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: flex-start;
    align-content: flex-start;
    background-color: #fcfcfc;
}

.page1 .main .left .item:hover .l {
    display: none;
}

.page1 .main .left .item:hover .r {
    display: none;
}

.page1 .main .left .item:hover .l2 {
    display: block;
}

.page1 .main .left .l2 .r1 {
    font-size: 0.18rem;
    font-weight: bold;
    color: #393939;
}

.page1 .main .left .l2 .r2 {
    padding: 0.2rem 0 0.3rem;
    font-size: 0.32rem;
    font-weight: 400;
    color: #333333;
}

.page1 .main .left .l2 .r3 {
    font-size: 0.12rem;
    color: #666666;
}

.page1 .main .left .l2 .r4 {
    padding: 0.25rem 0 0;
}

.page1 .main .left .l2 .r4 .btn {
    width: 1.35rem;
    padding: 0.1rem 0.32rem;
    border-radius: 0.05rem;
    background-color: #005bac;
    font-size: 0.17rem;
    color: #FFFFFF;
    line-height: 0.45rem;
    text-align: center;
}


.page1 .main .left .item .l {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-content: flex-start;
}

.page1 .main .left .item .l .t {
    font-size: 0.36rem;
    font-weight: bold;
    color: #393939;
}

.page1 .main .left .item .l .b {
    font-size: 0.16rem;
    font-weight: bold;
    color: #393939;
}

.page1 .main .left .item .r {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.16rem;
    justify-content: flex-start;
    align-items: center;
}

.page1 .main .left .item .r .t {
    font-size: 0.2rem;
    color: #393939;
    line-height: 0.3rem;
}

.page1 .main .left .item .r .b {
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.32rem;
}



.page1 .more_box {
    padding: 0.5rem 0 0;
}

.page1 .more {
    width: 5rem;
    margin: 0 auto;
    line-height: 0.45rem;
    background-color: #ececec;
    border-radius: 0.05rem;
    display: grid;
    grid-template-columns: auto 0.07rem;
    column-gap: 0.05rem;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #005BAC;


}



.page1 .more .img {
    height: 0.04rem;
}















.page1 .main .right {
    display: block;
    padding-top: 20px;
}

.page1 .main .right .title {
    padding-bottom: 0.26rem;
    font-size: 0.19rem;
    color: #393939;
}

.page1 .main .right .list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.2rem;
    align-content: flex-start;
}

.page1 .main .right .list .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.page1 .main .right .list .item .img_box {
    padding-top: 55.737%;
    position: relative;
}

.page1 .main .right .list .item .img_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page1 .main .right .list .item .tit {
    font-size: 0.16rem;
    color: #666666;
    text-align: center;
    line-height: 0.26rem;
}


@media screen and (max-width: 800px) {
    .page1 .main .left .l2 .r1 {
        font-size: 14px;
    }

    .page1 .main .left .l2 .r2 {
        padding: 0.2rem 0 0;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .page1 .main .left .l2 .r3 {
        font-size: 12px;
    }

    .page1 .main .left .l2 .r4 .btn {
        width: 100px;
        font-size: 14px;
    }

    .page1 .main .left .item {
        grid-template-columns: auto auto;
    }

    .page1 .main .left .item .l .t {
        font-size: 16px;
    }

    .page1 .main .left .item .l .b {
        font-size: 12px;
    }

    .page1 .main .left .item .r {
        align-items: center;
    }

    .page1 .main .left .item .r .t {
        font-size: 14px;
        line-height: 18px;
    }

    .page1 .main .left .item .r .b {
        font-size: 12px;
        line-height: 16px;
    }

    .page1 .more {
        font-size: 12px;
    }

    .page1 .main {
        padding-bottom: 1rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: space-between;
        align-content: flex-start;
    }

    .page1 .main .left .list {
        min-height: 100%;
        padding: 0 0 0 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: flex-start;
        align-content: flex-start;
        border: 0;
    }

    .page1 .main .right {
        display: none;
    }
}

.page2{
    font-size: 20px;
    line-height: 32px;
}
.page2 .room img{
    width: 90%;
    margin: 0 auto;
}

.page2 .main {
    padding: 0.7rem 0 0.55rem;
}

.page2 .main .title {
    font-size: 0.4rem;
    font-weight: bold;
    color: #393939;
    line-height: 0.48rem;
    text-align: center;
}

.page2 .main .time {
    padding: 0.16rem 0 0.6rem;
    text-align: center;
    font-size: 0.2rem;
    color: #666666;
    line-height: 0.26rem;
}

.page2 .main .room {
    padding-bottom: 1rem;
    border-bottom: 1px solid #ececec;
}

.page2 .main .room .item {
    padding: 0.4rem 0 0;
}
@media screen and (max-width: 800px) {
    .page2{
        font-size: 0.4rem;
    }
    .page2 .main .title {
        font-size: 24px;
        font-weight: bold;
        color: #393939;
        line-height: 38px;
        text-align: center;
    }
    
    .page2 .main .time {
        padding: 0.16rem 0 0.6rem;
        text-align: center;
        font-size: 14px;
        color: #666666;
        line-height: 22px;
    }
}
.page2 .main .room .item .title {
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.32rem;
    padding-bottom: 0.5rem;
}

.page2 .main .room .item .img_box {
    margin: 0 auto;
    width: 78.873%;
    padding-top: 54.718%;
    position: relative;
}

.page2 .main .room .item .img_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page2 .main .room .item .cont {
    padding-top: 0.4rem;
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.32rem;
}



.page2 .main .pageing {
    padding-top: 0.6rem;
    display: grid;
    grid-template-columns: 32.676% 32.676%;
    justify-content: space-between;
    align-items: center;
}

.page2 .main .pageing .left {
    display: grid;
    grid-template-columns: 0.05rem 0.84rem auto;
    justify-content: flex-start;
    align-items: center;
}

.page2 .main .pageing .right {
    display: grid;
    grid-template-columns: 0.84rem auto 0.05rem;
    justify-content: flex-end;
    align-items: center;
}

.page2 .main .pageing .left .l {
    height: 0.09rem;
}

.page2 .main .pageing .left .c {
    text-align: center;
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.26rem;
}

.page2 .main .pageing .left .r {
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.26rem;
}


.page2 .main .pageing .right .l {
    text-align: center;
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.26rem;
}

.page2 .main .pageing .right .c {
    padding-right: 0.16rem;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.26rem;
}

.page2 .main .pageing .right .r {
    height: 0.09rem;
}






.page3 .title {
    padding: 0.64rem 0 0.5rem;
}

.page3 .title .t {
    font-size: 0.4rem;
    color: #333333;
    text-align: center;
}

.page3 .title .b {
    padding: 0.17rem 0 0.3rem;
    text-align: center;
    font-size: 0.15rem;
    color: #333333;
}

.page3 .search {
    width: 9rem;
    height: 0.58rem;
    margin: 0 auto;
    padding: 0 0.2rem;
    display: grid;
    grid-template-columns: calc(100% - 0.24rem - 0.2rem) 0.24rem;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e1e1e1;
}

.page3 .search .ipt {
    height: 100%;
    font-size: 0.15rem;
    color: #333;
}

@media screen and (max-width: 800px) {
    .page3 .title .t {
        font-size: 20px;
    }

    .page3 .title .b {
        font-size: 12px;
    }

    .page3 .search {
        width: 90%;
        height: 40px;
    }

    .page3 .search .ipt {
        width: 80%;
        font-size: 12px;
    }
}

.page3 .search .img {
    height: 0.24rem;
}

.page3 .room {
    padding-bottom: 1.1rem;
}

.page3 .room .card1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.15rem;
    justify-content: center;
    align-items: center;
}

.page3 .room .card1 .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.26rem;
    row-gap: 0.15rem;
    justify-content: center;
    align-content: flex-start;
}

.page3 .room .card1 .box2 {
    padding-block: 0.2rem;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    row-gap: 0.15rem;
    justify-content: center;
    align-content: flex-start;
}




.page3 .room .card1 .box2 .container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 0.14rem;
    row-gap: 0.14rem;
    justify-content: space-between;
    align-items: center;
}

.page3 .room .card1 .box2 .container .car {
    background-color: #f1f1f1;
}

.page3 .room .card1 .box2 .container .car .img_box {
    padding-top: 70%;
    position: relative;
}

.page3 .room .card1 .box2 .container .car .img_box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.page3 .room .card1 .box2 .container .car .bottom {
    height: 0.8rem;
    padding: 0.11rem 0.17rem;
}

.page3 .room .card1 .box2 .container .car .bottom .t {
    font-size: 0.18rem;
    font-weight: bold;
    color: #000000;
}

.page3 .room .card1 .box2 .container .car .bottom .b {
    padding-top: 0.1rem;
    font-size: 0.11rem;
    color: #575757;
}

@media screen and (max-width: 800px) {
    .page3 .room .card1{
        display: block;
    }
    .page3 .room .card1 .box{
        display: block;
    }
    
    .page3 .room .card1 .box .item{
        margin-bottom: 20px;
    }  
    .page3 .room .card1 .box2 .container .car .bottom .t {
        font-size: 14px;
    }

    .page3 .room .card1 .box2 .container .car .bottom .b {
        display: none;
    }
}

.page3 .room .card1 .item {
    background-color: #fff;
    box-shadow: 0 0.02rem 0.06rem 0.02rem rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0.04rem 0.04rem;
}

.page3 .room .card1 .item .img_box {
    padding-top: 70%;
    position: relative;
}

.page3 .room .card1 .item .img_box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.page3 .room .card1 .item .cont {
    width: 100%;
    height: 1.64rem;
    padding: 0.35rem 0.35rem 0.44rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
}

.page3 .room .card1 .item .cont .tit {
    font-size: 0.32rem;
    color: #000000;
}

.page3 .room .card1 .item .cont .text {
    padding-top: 0.38rem;
    font-size: 0.13rem;
    color: #575757;
}

@media screen and (max-width: 800px) {
    .page3 .room .card1 .item {
        width: 100%;
    }
    .page3 .room .card1 .item .cont .tit {
        font-size: 16px;
    }

    .page3 .room .card1 .item .cont .text {
        padding-top: 5px;
        font-size: 12px;
    }
}

.page3 .room .card1 .item .cont .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.44rem;
    height: 0.44rem;
}

.page3 .room .card1 .item .cont .icon .img {
    width: 100%;
    height: 100%;
}




.page3 .room1 {
    padding-bottom: 3.44rem;
}

.page3 .room1 .row1 {
    font-size: 0.31rem;
    color: #333;
}

.page3 .room1 .row2 {
    padding: 0.2rem 0;
    font-size: 0.13rem;
    color: #333;
}

@media screen and (max-width: 800px) {
    .page3 .room1 .row1 {
        font-size: 20px;
    }

    .page3 .room1 .row2 {
        font-size: 14px;
    }
}

.page3 .room1 .row3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.24rem;
    justify-content: space-between;
    align-items: center;
}

.page3 .room1 .row3 .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-content: flex-start;
    box-shadow: 0 0.02rem 0.06rem 0.02rem rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem;
    background-color: #fff;
}

.page3 .room1 .row3 .item .img_box {
    padding-top: 70%;
    position: relative;
}

.page3 .room1 .row3 .item .img_box .img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.page3 .room1 .row3 .item .cont {
    padding: 0.24rem;
}

.page3 .room1 .row3 .item .cont .r1 {
    font-size: 0.16rem;
    color: #333;
}

@media screen and (max-width: 800px) {
    .page3 .room1 .row3 .item .cont .r1 {
        font-size: 14px;
    }
}

.page3 .room1 .row3 .item .cont .r2 {
    padding: 0.23rem 0 0.17rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.06rem;
    justify-content: flex-start;
    align-content: flex-start;
}

.page3 .room1 .row3 .item .cont .r2 .con1 {
    display: grid;
    grid-template-columns: 0.16rem calc(100% - 0.16rem - 0.1rem);
    column-gap: 0.1rem;
    justify-content: flex-start;
    align-items: center;
}

.page3 .room1 .row3 .item .cont .r2 .con1 .img {
    height: 0.16rem;
}

.page3 .room1 .row3 .item .cont .r2 .con1 .txt {
    font-size: 0.12rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .page3 .room1 .row3 .item .cont .r2 .con1 .txt {
        font-size: 12px;
    }
}

.page3 .room1 .row3 .item .cont .r3 {
    padding-bottom: 0.24rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page3 .room1 .row3 .item .cont .r3 .img {
    width: 0.44rem;
    height: 0.44rem;
}






@media screen and (max-width: 800px) {
    .page3 .room .card1 .box {
        grid-template-columns: repeat(1, 1fr);
    }

    .page3 .room .card1 .box2 .container {
        grid-template-columns: repeat(3, 1fr);
    }

    .page3 .room1 .row3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.24rem;
        row-gap: 0.24rem;
        justify-content: space-between;
        align-items: center;
    }
}



.page4 .title {
    padding: 0.64rem 0 0.5rem;
}

.page4 .title .t {
    font-size: 0.4rem;
    color: #333333;
    text-align: center;
}

.page4 .title .b {
    padding: 0.17rem 0 0.3rem;
    text-align: center;
    font-size: 0.15rem;
    color: #333333;
}

.page4 .search {
    width: 9rem;
    height: 0.58rem;
    margin: 0 auto;
    padding: 0 0.2rem;
    display: grid;
    grid-template-columns: calc(100% - 0.24rem - 0.2rem) 0.24rem;
    justify-content: space-between;
    align-items: center;
    background-color: #e1e1e1;
}

.page4 .search .ipt {
    height: 100%;
    font-size: 0.15rem;
    color: #333;
}

.page4 .search .img {
    height: 0.24rem;
}

.page4 .room1 {
    padding-bottom: 3.44rem;
}

.page4 .room1 .row1 {
    font-size: 0.31rem;
    color: #333;
}

.page4 .room1 .row2 {
    padding: 0.2rem 0;
    font-size: 0.13rem;
    color: #333;
}

.page4 .room1 .row3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.24rem;
    justify-content: space-between;
    align-items: center;
}

.page4 .room1 .row3 .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-content: flex-start;
    box-shadow: 0 0.02rem 0.06rem 0.02rem rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem;
    background-color: #fff;
}

.page4 .room1 .row3 .item .img_box {
    padding-top: 70%;
    position: relative;
}

.page4 .room1 .row3 .item .img_box .img {
    width: 1.15rem;
    height: 1.15rem;
}

.page4 .room1 .row3 .item .cont {
    padding: 0.24rem;
}

.page4 .room1 .row3 .item .cont .r1 {
    font-size: 0.16rem;
    color: #333;
}

.page4 .room1 .row3 .item .cont .r2 {
    padding: 0.23rem 0 0.17rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.06rem;
    justify-content: flex-start;
    align-content: flex-start;
}

.page4 .room1 .row3 .item .cont .r2 .con1 {
    display: grid;
    grid-template-columns: 0.16rem calc(100% - 0.16rem - 0.1rem);
    column-gap: 0.1rem;
    justify-content: flex-start;
    align-items: center;
}

.page4 .room1 .row3 .item .cont .r2 .con1 .img {
    height: 0.16rem;
}

.page4 .room1 .row3 .item .cont .r2 .con1 .txt {
    font-size: 0.12rem;
    color: #666666;
}

.page4 .room1 .row3 .item .cont .r3 {
    padding-bottom: 0.24rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page4 .room1 .row3 .item .cont .r3 .img {
    width: 0.44rem;
    height: 0.44rem;
}



@media screen and (max-width: 800px) {
    .page4 .room1 .row3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.24rem;
        row-gap: 0.24rem;
        justify-content: space-between;
        align-items: center;
    }
}

.page5 {
    padding: 0.5rem 0 1rem;

    display: grid;
    grid-template-columns: 19.859% calc(100% - 19.859% - 0.24rem);
    column-gap: 0.24rem;
    justify-content: space-between;
    align-content: flex-start;
}

@media screen and (max-width: 800px) {
    .page5 {
        padding: 0.5rem 0 1rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.24rem;
        justify-content: space-between;
        align-content: flex-start;
    }
}

.page5 .filter {
    border-radius: 0.04rem;
}

.page5 .filter .title {
    padding: 0.25rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.page5 .filter .title .left {
    font-size: 0.31rem;
    color: #333333;
}

.page5 .filter .title .right {
    font-size: 0.13rem;
    color: #00A78E;
}

@media screen and (max-width: 800px) {
    .page5 .filter .title .left {
        font-size: 20px;
    }

    .page5 .filter .title .right {
        font-size: 14px;
    }
}

.page5 .filter .item {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background-color: #fff;
}

.page5 .filter .item:last-child {
    border-bottom: 1px solid #e1e1e1;
}

.page5 .filter .item .type_tit {
    padding: 0.14rem 0.24rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page5 .filter .item .type_tit .type_name {
    font-size: 0.15rem;
    color: #333333;
}

.page5 .filter .item .type_tit .img {
    width: 0.16rem;
    height: 0.16rem;
}

.page5 .filter .item .type_list {
    padding: 0.24rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    background-color: #fafafa;
}

@media screen and (max-width: 800px) {
    .page5 .filter .item .type_tit .type_name {
        font-size: 15px;
        color: #333333;
    }

}

.page5 .filter .item .opt {
    display: grid;
    grid-template-columns: 0.24rem calc(100% - 0.24rem - 0.1rem);
    column-gap: 0.1rem;
    justify-content: flex-start;
    align-items: center;
}

.page5 .filter .item .opt .opt_img {
    height: 0.24rem;
}

.page5 .filter .item .opt .opt_name {
    font-size: 0.13rem;
    color: #333333;
}

@media screen and (max-width: 800px) {
    .page5 .filter .item .type_tit .type_name {
        font-size: 12px;
    }
}

.page5 .filter .item .opt .opt_name.deiable {
    color: #e1e1e1;
}






.page5 .list .title {
    font-size: 0.31rem;
    color: #333333;
}

.page5 .list .subhead {
    padding: 0.26rem 0 0.48rem;
    font-size: 0.13rem;
    color: #333333;
}

@media screen and (max-width: 800px) {
    .page5 .list .title {
        font-size: 20px;
        color: #333333;
    }

    .page5 .list .subhead {
        font-size: 12px;
    }
}

.page5 .list .list_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.24rem;
    row-gap: 0.24rem;
    justify-content: space-between;
    align-items: center;
}

.page5 .list .list_box .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-content: flex-start;
    box-shadow: 0 0.02rem 0.06rem 0.02rem rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem;
    background-color: #fff;
    height: 100%;
}

.page5 .list .list_box .item .img_box {
    padding-top: 70%;
    position: relative;
}

.page5 .list .list_box .item .img_box .img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.page5 .list .list_box .item .cont {
    padding: 0.24rem;
}

.page5 .list .list_box .item .cont .r1 {
    font-size: 0.16rem;
    color: #333;
}

@media screen and (max-width: 800px) {
    .page5 .list .list_box .item .cont .r1 {
        font-size: 14px;
    }
}

.page5 .list .list_box .item .cont .r2 {
    padding: 0.23rem 0 0.17rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.06rem;
    justify-content: flex-start;
    align-content: flex-start;
}

.page5 .list .list_box .item .cont .r2 .con1 {
    display: grid;
    grid-template-columns: 0.16rem calc(100% - 0.16rem - 0.1rem);
    column-gap: 0.1rem;
    justify-content: flex-start;
    align-items: center;
}

.page5 .list .list_box .item .cont .r2 .con1 .img {
    height: 0.16rem;
}

.page5 .list .list_box .item .cont .r2 .con1 .txt {
    font-size: 0.12rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .page5 .list .list_box .item .cont .r2 .con1 .txt {
        font-size: 12px;
    }
}

.page5 .list .list_box .item .cont .r3 {
    padding-bottom: 0.24rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page5 .list .list_box .item .cont .r3 .img {
    width: 0.44rem;
    height: 0.44rem;
}


.page5 .list .pageing {
    padding: 0.54rem 0 0;
}

.page5 .list .pageing_box {
    margin: 0 auto;
    width: 3.56rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    /*background-color: #0ff;*/
    font-size: 0.16rem;
    font-weight: bold;
    color: #666666;
}


@media screen and (max-width: 800px) {
    .page5 .list .list_box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.24rem;
        row-gap: 0.24rem;
        justify-content: space-between;
        align-items: center;
    }
}



.page6 {
    max-width: 12rem;
    margin: 0 auto;
    padding: 0.3rem 0 1.28rem;
    /* background-color: #0f0; */
}

.page6 .box1 {
    padding-bottom: 0.84rem;
    display: grid;
    grid-template-columns: 47.916% calc(100% - 47.916% - 1.05rem);
    column-gap: 1.05rem;
    justify-content: space-between;
    align-items: flex-start;
}

.page6 .box1 .card1 {
    width: 100%;
}

.page6 .box1 .card1 .r1 {
    padding: 0 0 0.3rem;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.2rem;
    justify-content: flex-start;
    align-items: center;
}

.page6 .box1 .card1 .r1 .l {
    font-size: 0.12rem;
    color: #00A78E;
}

.page6 .box1 .card1 .r1 .r {
    font-size: 0.11rem;
    color: #838383;
}

@media screen and (max-width: 800px) {
    .page6 {
        padding: 0.3rem 10px 1.28rem;
    }

    .page6 .box1 .card1 .r1 {
        padding: 0 0 0.3rem;
        display: grid;
        grid-template-columns: auto;
        column-gap: 0.2rem;
        row-gap: 0.2rem;
        justify-content: flex-start;
        align-items: center;
    }

    .page6 .box1 .card1 .r1 .l {
        font-size: 12px;
    }

    .page6 .box1 .card1 .r1 .r {
        font-size: 12px;
    }
}

.page6 .box1 .card1 .r2 {
    /*padding: 0.27rem 0;*/
    padding-top: 60.579%;
    background-color: #fafafa;
    position: relative;
}

.page6 .box1 .card1 .r2 .img {
    /*width: 2.96rem;*/
    /*height: 2.96rem;*/
    /*margin: 0 auto;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page6 .box1 .card1 .r3 {
    padding-top: 0.21rem;
    font-size: 0.13rem;
    color: #666666;
}


.page6 .box1 .card2 {
    width: 100%;
}

.page6 .box1 .card2 .r1 {
    font-size: 0.27rem;
    color: #333333;
    padding-bottom: 0.09rem;
    line-height: 0.31rem;
}

@media screen and (max-width: 800px) {
    .page6 .box1 .card1 .r3 {
        font-size: 12px;
    }

    .page6 .box1 .card2 .r1 {
        font-size: 16px;
        line-height: 18px;
    }
}

.page6 .box1 .card2 .r2 {
    height: 0.58rem;
    border: 1px dashed #cdcdcd;
    display: grid;
    grid-template-columns: 0.17rem auto;
    column-gap: 0.04rem;
    justify-content: center;
    align-items: center;
}

.page6 .box1 .card2 .r2 .l {
    width: 0.17rem;
    height: 0.17rem;
}

.page6 .box1 .card2 .r2 .r {
    font-size: 0.1rem;
    color: #333333;
}

@media screen and (max-width: 800px) {
    .page6 .box1 .card2 .r2 {
        height: 58px;
        border: 1px dashed #cdcdcd;
        display: grid;
        grid-template-columns: 17px auto;
        column-gap: 4px;
        justify-content: center;
        align-items: center;
    }

    .page6 .box1 .card2 .r2 .l {
        width: 17px;
        height: 17px;
    }

    .page6 .box1 .card2 .r2 .r {
        font-size: 10px;
        color: #333333;
    }
}

.page6 .box1 .card2 .r3 {
    padding: 0.21rem 0 0.13rem 0;
    font-size: 0.17rem;
    color: #333333;
}

.page6 .box1 .card2 .r4 {
    font-size: 0.11rem;
    color: #666666;
    line-height: 0.18rem;
}

@media screen and (max-width: 800px) {
    .page6 .box1 .card2 .r2 .r {
        font-size: 12px;
        line-height: 14px;
    }

    .page6 .box1 .card2 .r3 {
        font-size: 15px;
        line-height: 18px;
    }

    .page6 .box1 .card2 .r4 {
        font-size: 12px;
        line-height: 14px;
    }
}

.page6 .box1 .card2 .r5 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 0.03rem;
    overflow: hidden;
}

.page6 .box1 .card2 .r5 .itm {
    height: 0.4rem;
    background-color: #F4F4F4;
    color: #666;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.15rem;
}



.page6 .box1 .card2 .r5 .itm.act {
    background-color: #0068AC;
    color: #FFFFFF;
}

.page6 .box1 .card2 .r6 {
    padding: 0.21rem 0 0.04rem 0;
    font-size: 0.11rem;
    color: #666666;
    line-height: 0.18rem;
}

.page6 .box1 .card2 .r8 {
    padding: 0.21rem 0 0.13rem 0;
    font-size: 0.17rem;
    color: #333333;
    line-height: 0.18rem;
}

.page6 .box1 .card2 .r9 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.22rem;
    justify-content: space-between;
    align-items: center;
}

.page6 .box1 .card2 .r9 .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.05rem;
    justify-content: flex-start;
    align-content: flex-start;
}

.page6 .box1 .card2 .r9 .itm>.t {
    font-size: 0.13rem;
    font-weight: bold;
    color: #005BAC;
}

@media screen and (max-width: 800px) {
    .page6 .box1 .card2 .r5 .itm {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .page6 .box1 .card2 .r6 {
        font-size: 12px;
        line-height: 14px;
    }

    .page6 .box1 .card2 .r8 {
        font-size: 17px;
        line-height: 20px;
    }

    .page6 .box1 .card2 .r9 .itm>.t {
        font-size: 15px;
    }
}

.page6 .box1 .card2 .r9 .itm>.b {
    display: grid;
    grid-template-columns: 1.6rem auto;
    column-gap: 0.05rem;
    justify-content: flex-start;
    align-items: center;
}


.page6 .box1 .card2 .r9 .itm>.b .l {
    height: 0.45rem;
    border-radius: 0.04rem;
    border: 1px solid #e1e1e1;
    padding: 0 0.08rem;
    display: grid;
    grid-template-columns: auto 0.04rem;
    justify-content: space-between;
    align-items: center;
}

.page6 .box1 .card2 .r9 .itm>.b .l .la {
    width: 100%;
    font-size: 0.13rem;
    color: #333333;
    line-height: 0.2rem;
}

.page6 .box1 .card2 .r9 .itm>.b .l .r {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.03rem;
    justify-content: center;
    align-items: center;
}

.page6 .box1 .card2 .r9 .itm>.b .l .r .t {
    width: 0.03rem;
    height: 0.02rem;
}

.page6 .box1 .card2 .r9 .itm>.b .l .r .b {
    width: 0.03rem;
    height: 0.02rem;
}

.page6 .box1 .card2 .r9 .itm>.b .r {
    font-size: 0.13rem;
    color: #333333;
    line-height: 0.13rem;
}

.page6 .box1 .card2 .r10 {
    padding-top: 0.21rem;
}

.page6 .box1 .card2 .r10 .btn {
    width: 1.33rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background-color: #0068ac;
    border-radius: 0.03rem;
    font-size: 0.13rem;
    font-weight: bold;
    color: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .page6 .box1 .card2 .r9 .itm>.b {
        display: grid;
        grid-template-columns: 80% auto;
        column-gap: 0.05rem;
        justify-content: flex-start;
        align-items: center;
    }

    .page6 .box1 .card2 .r9 .itm>.b .l .la {
        font-size: 14px;
        line-height: 0.2rem;
    }

    .page6 .box1 .card2 .r9 .itm>.b .l {
        height: 30px;
        border-radius: 0.04rem;
        border: 1px solid #e1e1e1;
        padding: 0 0.08rem;
        display: grid;
        grid-template-columns: auto 0.04rem;
        justify-content: space-between;
        align-items: center;
    }

    .page6 .box1 .card2 .r9 .itm>.b .r {
        font-size: 14px;
        line-height: 14px;
    }

    .page6 .box1 .card2 .r10 .btn {
        width: 20%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #0068ac;
        border-radius: 0.03rem;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
    }
}

.page6 .box2 {
    display: grid;
    grid-template-columns: 23.5% calc(100% - 23.5% - 1.26rem);
    column-gap: 1.26rem;
    justify-content: space-between;
    align-items: flex-start;
}

.page6 .box2 .card3 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.2rem;
}

.page6 .box2 .card3 .t {
    width: 100%;
}

.page6 .box2 .card3 .t .tit {
    padding: 0.13rem 0.2rem;
    font-size: 0.13rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.2rem;
    background-color: #005BAC;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card3 .t .tit {
        padding: 0.13rem 0.2rem;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 14px;
        background-color: #005BAC;
    }
}

.page6 .box2 .card3 .t .list {
    padding: 0.13rem 0.2rem 0.2rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.2rem;
    justify-content: flex-start;
    align-content: flex-start;
    background-color: #fafafa;
}

.page6 .box2 .card3 .t .list .itm {
    display: grid;
    grid-template-columns: 0.2rem calc(100% - 0.2rem - 0.13rem);
    column-gap: 0.13rem;
    justify-content: flex-start;
    align-content: flex-start;
}

.page6 .box2 .card3>.t>.list>.itm>.l {
    height: 0.2rem;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card3 .t .list .itm {
        display: grid;
        grid-template-columns: 20px calc(100% - 20px - 13px);
        column-gap: 13px;
        justify-content: flex-start;
        align-content: center;
    }

    .page6 .box2 .card3>.t>.list>.itm>.l {
        height: 20px;
    }
}

.page6 .box2 .card3>.t>.list>.itm>.r {
    width: 100%;
}

.page6 .box2 .card3>.t>.list>.itm>.r>.t {
    font-size: 0.11rem;
    color: #333333;
    line-height: 0.18rem;
}

.page6 .box2 .card3>.t>.list>.itm>.r>.ba {
    font-size: 0.11rem;
    color: #666666;
    line-height: 0.18rem;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card3>.t>.list>.itm>.r>.t {
        font-size: 12px;
        line-height: 20px;
    }

    .page6 .box2 .card3>.t>.list>.itm>.r>.ba {
        font-size: 12px;
        line-height: 20px;
    }
}

.page6 .box2 .card3 .b {
    padding: 0.13rem 0.2rem 0;
    background-color: #FAFAFA;
}

.page6 .box2 .card3 .b .tit {
    font-size: 0.13rem;
    color: #012169;
    line-height: 0.2rem;
    padding-bottom: 0.14rem;
    font-weight: bold;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card3 .b .tit {
        font-size: 14px;
        line-height: 20px;
    }
}


.page6 .box2 .card3 .b .itm {
    padding-bottom: 0.2rem;
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.13rem;
    row-gap: 0.23rem;
    justify-content: flex-start;
    align-items: center;
}

.page6 .box2 .card3 .b .itm .l {
    height: 0.2rem;
}

.page6 .box2 .card3 .b .itm .r {
    font-size: 0.11rem;
    color: #333333;
    line-height: 0.18rem;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card3 .b .itm {
        padding-bottom: 20px;
        display: grid;
        grid-template-columns: 20px auto;
        column-gap: 0.13rem;
        row-gap: 0.23rem;
        justify-content: flex-start;
        align-items: center;
    }

    .page6 .box2 .card3 .b .itm .l {
        height: 20px;
    }

    .page6 .box2 .card3 .b .itm .r {
        font-size: 12px;
        line-height: 18px;
    }
}




.page6 .box2 .card4 {
    width: 100%;
}

.page6 .box2 .card4 .r1 {
    padding-bottom: 0.14rem;
    font-size: 0.21rem;
    color: #333333;
    line-height: 0.24rem;
}

.page6 .box2 .card4 .r2 {
    font-size: 0.1rem;
    color: #333333;
    line-height: 0.18rem;
}

.page6 .box2 .card4 .r3 {
    padding: 0.28rem 0;
    font-size: 0.21rem;
    color: #333333;
    line-height: 0.24rem;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card4 .r1 {
        font-size: 20px;
        line-height: 24px;
    }

    .page6 .box2 .card4 .r2 {
        font-size: 12px;
        line-height: 18px;
    }

    .page6 .box2 .card4 .r3 {
        padding: 0.28rem 0;
        font-size: 20px;
        line-height: 24px;
    }
}

.page6 .box2 .card4 .r4 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.08rem 0.14rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
}

.page6 .box2 .card4 .r4 .itm {
    display: grid;
    grid-template-columns: 0.13rem calc(100% - 0.46rem) 0.13rem;
    justify-content: space-between;
    align-items: center;
}

.page6 .box2 .card4 .r4 .itm .l {
    height: 0.13rem;
}

.page6 .box2 .card4 .r4 .itm .c {
    font-size: 0.1rem;
    color: #333333;
    line-height: 0.16rem;
}

.page6 .box2 .card4 .r4 .itm .r {
    height: 0.13rem;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card4 .r4 .itm {
        display: grid;
        grid-template-columns: 13px calc(100% - 46px) 13px;
        justify-content: space-between;
        align-items: center;
    }

    .page6 .box2 .card4 .r4 .itm .l {
        height: 14px;
    }

    .page6 .box2 .card4 .r4 .itm .c {
        font-size: 12px;
        line-height: 16px;
    }

    .page6 .box2 .card4 .r4 .itm .r {
        height: 13px;
    }

}

.page6 .box2 .card4 .r5 {
    padding: 0.44rem 0 0.13rem;
    font-size: 0.21rem;
    color: #333333;
    line-height: 0.24rem;
}

.page6 .box2 .card4 .r6 {
    background-color: #005BAC;
    padding: 0.13rem 0.24rem;
    font-size: 0.13rem;
    color: #FFFFFF;
    line-height: 0.2rem;
}

.page6 .box2 .card4 .r7 {
    padding: 0.2rem 0.2rem 0;
    font-size: 0.12rem;
    color: #333333;
    line-height: 0.18rem;
}

@media screen and (max-width: 800px) {
    .page6 .box2 .card4 .r5 {
        padding: 0.44rem 0 0.13rem;
        font-size: 21px;
        color: #333333;
        line-height: 24px;
    }

    .page6 .box2 .card4 .r6 {
        background-color: #005BAC;
        padding: 0.13rem 0.24rem;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 20px;
    }

    .page6 .box2 .card4 .r7 {
        padding: 0.2rem 0.2rem 0;
        font-size: 12px;
        color: #333333;
        line-height: 18px;
    }
}


.popup {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}

.popup .card {
    width: 5rem;
    padding: 0.34rem 0.5rem 0.5rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.popup .card .r1 {
    padding-bottom: 0.37rem;
    border-bottom: 1px solid #ececec;
}

.popup .card .r1 .img {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}


.popup .card .r2 {
    padding: 0.4rem 0 0.1rem;
    font-size: 0.16rem;
    color: #666666;
}

.popup .card .r3 {
    font-size: 0.32rem;
    color: #333333;
    padding-bottom: 0.2rem;
}

.popup .card .r4 {
    padding-bottom: 0.47rem;
    font-size: 0.16rem;
    color: #999999;
}

.popup .card .r5 {
    width: 1.6rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    border-radius: 0.04rem;
    background-color: #0068ac;
    display: grid;
    grid-template-columns: 0.2rem auto;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.popup .card .r5 .l {
    height: 0.2rem;
}

.popup .card .r5 .r {
    font-size: 0.15rem;
    font-weight: bold;
    color: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .popup .card{
        width: 80%;
    }
    .popup .card .r2 {
        font-size: 16px;
    }

    .popup .card .r3 {
        font-size: 0.32rem;
        color: #333333;
        padding-bottom: 0.2rem;
    }

    .popup .card .r4 {
        padding-bottom: 0.47rem;
        font-size: 16px;
        color: #999999;
    }

    .popup .card .r5 {
        width: 160px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 0.04rem;
        background-color: #0068ac;
        display: grid;
        grid-template-columns: 20px auto;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .popup .card .r5 .l {
        height: 20px;
    }

    .popup .card .r5 .r {
        font-size: 15px;
        font-weight: bold;
        color: #FFFFFF;
    }

    .page6 .box1 {
        padding-bottom: 0.84rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.5rem;
        justify-content: space-between;
        align-items: flex-start;
    }

    .page6 .box2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 1.26rem;
        row-gap: 0.5rem;
        justify-content: space-between;
        align-items: center;
    }
}

.page7 .card2 {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page7 .card2 .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page7 .card2 .help_tab .left {
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 0.76rem;
    justify-items: flex-start;
    align-items: center;
}

.page7 .card2 .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page7 .card2 .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

@media screen and (max-width: 800px) {
    .page7 .card2 .help_tab .left {
        display: grid;
        grid-template-columns: auto auto auto auto;
        column-gap: 10px;
        justify-content: space-between;
        align-items: center;
    }

    .page7 .card2 .help_tab .left .itm .t {
        line-height: 0.75rem;
        font-size: 12px;
        white-space: nowrap;
        color: #777;
    }

}

.page7 .card2 .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page7 .card2 .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page7 .card2 .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page7 .card2 .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page7 .card2 .help_tab .right .l {
    height: 0.2rem;
}

.page7 .card2 .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}

@media screen and (max-width: 800px) {
    .page7 .card2 .help_tab .right {
        display: none;
    }

    .page7 .card2 .help_tab .right .l {
        height: 20px;
    }

    .page7 .card2 .help_tab .right .r {
        font-size: 14px;
        color: #777777;
    }
}


.page7 .card3 {
    padding: 0.77rem 0 0.44rem;
    font-size: 0.59rem;
    color: #393939;
}





.page7 .card4 {
    display: grid;
    grid-template-columns: 19.577% calc(100% - 19.577%);
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1rem;
}

.page7 .card4 .left {
    border-right: 1px solid #e1e1e1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.58rem;
    justify-content: flex-start;
    align-items: center;
}

.page7 .card4 .left .itm {
    font-size: 0.2rem;
    color: #393939;
}

@media screen and (max-width: 800px) {
    .page7 .card4 .left .itm {
        font-size: 14px;
        color: #393939;
    }
}

.page7 .card4 .left .itm.act {
    color: #005BAC;
}

.page7 .card4 .right {
    font-size: 0.16rem;
    padding-left: 0.9rem;
}
@media screen and (max-width: 800px) {
    .page7 .card4 .right {
        font-size: 0.4rem;
        color: #393939;
    }
}


.page8 .banner_box {
    padding-top: 30%;
    position: relative;
}

.page8 .banner_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page8 .banner_box .main {
    width: 14.2rem;
    margin: 0 auto;
}

.page8 .banner_box .main .tit {
    font-size: 0.64rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3);
}

.page8 .banner_box .main .text {
    font-size: 0.48rem;
    font-weight: bold;
    color: #FFFFFF;
}


.page8 .card2 {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page8 .card2 .help_tab {
    display: grid;
    grid-template-columns: 5.17rem calc(100% - 5.17rem);
    justify-content: space-between;
    align-items: center;
}

.page8 .card2 .help_tab .left {
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 0.76rem;
    justify-items: flex-start;
    align-items: center;
}

.page8 .card2 .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page8 .card2 .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page8 .card2 .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page8 .card2 .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page8 .card2 .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page8 .card2 .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page8 .card2 .help_tab .right .l {
    height: 0.2rem;
}

.page8 .card2 .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}

@media screen and (max-width: 800px) {
    .page8 .card2 .help_tab {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        align-items: center;
    }

    .page8 .card2 .help_tab .left {
        display: grid;
        grid-template-columns: auto auto auto auto;
        column-gap: 10px;
        justify-content: space-between;
        align-items: center;
    }

    .page8 .card2 .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page8 .card2 .help_tab .right {
        display: none;
    }

    .page8 .card2 .help_tab .right .l {
        height: 20px;
    }

    .page8 .card2 .help_tab .right .r {
        font-size: 14px;
        color: #777777;
    }
}

.page8 .card3 {
    padding: 0.77rem 0 0.44rem;
    font-size: 0.59rem;
    color: #393939;
}

.page8 .card4 {
    display: grid;
    grid-template-columns: 19.577% calc(100% - 19.577%);
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0.35rem;
}

.page8 .card4 .left {
    border-right: 1px solid #e1e1e1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.58rem;
    justify-content: flex-start;
    align-items: center;
}

.page8 .card4 .left .itm {
    font-size: 0.2rem;
    color: #393939;
}

@media screen and (max-width: 800px) {
    .page8 .card4 .left .itm {
        font-size: 14px;
    }
}

.page8 .card4 .left .itm.act {
    color: #005BAC;
}

.page8 .card4 .right {
    padding-left: 0.43rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.16rem;
    align-content: flex-start;
}

.page8 .card4 .right .item .top_box {
    height: 0.8rem;
    padding: 0 0.4rem 0 0.26rem;
    display: grid;
    grid-template-columns: 0.04rem calc(100% - 0.44rem - 0.52rem) 0.4rem;
    align-items: center;
    justify-content: flex-start;
    column-gap: 0.26rem;
    background-color: #f5f5f5;
    border-radius: 0.08rem;
}

.page8 .card4 .right .item .top_box .sign {
    height: 0.25rem;
    background-color: #005bac;
}

.page8 .card4 .right .item .top_box .tit {
    font-size: 0.17rem;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 800px) {
    .page8 .card4 .right .item .top_box {
        height: 0.8rem;
        padding: 0 0.4rem 0 0.26rem;
        display: grid;
        grid-template-columns: 0.04rem calc(100% - 0.44rem - 0.52rem) 0.4rem;
        align-items: center;
        justify-content: flex-start;
        column-gap: 0.26rem;
        background-color: #f5f5f5;
        border-radius: 0.08rem;
    }

    .page8 .card4 .right .item .top_box .sign {
        height: 0.25rem;
        background-color: #005bac;
    }

    .page8 .card4 .right .item .top_box .tit {
        font-size: 14px;
        font-weight: bold;
        color: #333333;
    }
}

.page8 .card4 .right .item .top_box .show_hiden {
    height: 0.4rem;
}

.page8 .card4 .right .item .bottom_box {
    display: none;
    border-radius: 0.08rem;
    background-color: #f9f9f9;
    padding: 0.35rem 0.45rem;
    font-size: 0.16rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .page8 .card4 .right .item .bottom_box {
        display: none;
        border-radius: 0.08rem;
        background-color: #f9f9f9;
        padding: 0.35rem 0.45rem;
        font-size: 12px;
        color: #666666;
    }
}


.page8 .pageing {
    width: 3.56rem;
    height: 0.44rem;
    line-height: 0.44rem;

    margin: 0 auto;
    text-align: center;

    font-size: 0.16rem;
    font-weight: bold;
    color: #666666;
}

.page9 .banner_box {
    padding-top: 30%;
    position: relative;
}

.page9 .banner_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page9 .banner_box .main {
    width: 14.2rem;
    margin: 0 auto;
}

.page9 .banner_box .main .tit {
    font-size: 0.64rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.3);
}

.page9 .banner_box .main .text {
    font-size: 0.48rem;
    font-weight: bold;
    color: #FFFFFF;
}

.page9 .card2 {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page9 .card2 .help_tab {
    display: grid;
    grid-template-columns: 5.17rem calc(100% - 5.17rem);
    justify-content: space-between;
    align-items: center;
}


.page9 .card2 .help_tab .left {
    display: grid;
    grid-template-columns: auto auto auto auto;
    justify-items: flex-start;
    align-items: center;
}

.page9 .card2 .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page9 .card2 .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page9 .card2 .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page9 .card2 .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page9 .card2 .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page9 .card2 .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page9 .card2 .help_tab .right .l {
    height: 0.2rem;
}

.page9 .card2 .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}

@media screen and (max-width: 800px) {
    .page9 .card2 .help_tab {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        align-items: center;
    }

    .page9 .card2 .help_tab .left {
        display: grid;
        grid-template-columns: auto auto auto auto;
        column-gap: 10px;
        justify-content: space-between;
        align-items: center;
    }

    .page9 .card2 .help_tab .left .itm .t {
        line-height: 0.75rem;
        font-size: 12px;
    }

    .page9 .card2 .help_tab .right {
        display: none;
    }

    .page9 .card2 .help_tab .right .l {
        height: 20px;
    }

    .page9 .card2 .help_tab .right .r {
        font-size: 12px;
        color: #777777;
    }
}

.page9 .msg_room {
    padding: 0.8rem 0 1.23rem;
}

.page9 .msg_room .row1 {
    padding: 0 0 0.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}


.page9 .msg_room .row1 .itm {
    padding-bottom: 16px;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.2rem;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #333;
}

.page9 .msg_room .row1 .itm .l {
    font-size: 0.17rem;
    color: #333;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    align-items: center;
}

.page9 .msg_room .row1 .itm .l .str {
    color: #E4032F;
}

.page9 .msg_room .row1 .itm .r {
    width: 100%;
    font-size: 0.17rem;
    color: #333;
}



.page9 .msg_room .row1 .itm .r {
    height: 100%;
}



.page9 .msg_room .row2 {
    padding: 0.4rem 0.3rem 0.1rem;
    background-color: #f4f4f4;
}

.page9 .msg_room .row2 .t {
    font-size: 0.2rem;
    color: #666;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0.2rem;
}

@media screen and (max-width: 800px) {
    .page9 .msg_room .row1 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.5rem;
        row-gap: 0.5rem;
    }

    .page9 .msg_room .row1 .itm .l {
        font-size: 14px;
    }

    .page9 .msg_room .row1 .itm .r {
        font-size: 14px;
    }

    .page9 .msg_room .row2 .t {
        font-size: 14px;
        color: #666;
        display: grid;
        grid-template-columns: auto auto;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 0.2rem;
    }
}

.page9 .msg_room .row2 .t .str {
    color: #E4032F;
}

.page9 .msg_room .row2 .b {
    width: 100%;
    min-height: 2.9rem;
    color: #333;
}



.page9 .msg_room .row3 {
    width: 10.11rem;
    padding: 0.4rem 0 0.45rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.11rem;
}

.page9 .msg_room .row3 .left {
    padding: 0 0.3rem;
    height: 0.75rem;
    border: 1px solid #005BAC;
    display: grid;
    grid-template-columns: 1rem calc(100% - 1rem - 0.2rem);
    column-gap: 0.2rem;
    justify-content: space-between;
    align-items: center;
}

.page9 .msg_room .row3 .left .l {
    font-size: 0.2rem;
    color: #666666;
}

.page9 .msg_room .row3 .left .r {
    width: 100%;
    height: 100%;
    color: #333;
}

.page9 .msg_room .row3 .right {
    padding: 0 0.27rem 0 0.3rem;
    height: 0.75rem;
    border: 1px solid #005BAC;
    display: grid;
    grid-template-columns: 0.8rem 1.17rem 2.46rem;
    justify-content: space-between;
    align-items: center;
}

.page9 .msg_room .row3 .right .l {
    font-size: 0.2rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .page9 .msg_room .row3 {
        width: 100%;
        padding: 0.4rem 0 0.45rem;
        display: grid;
        grid-template-columns: auto;
        justify-content: flex-start;
        align-items: center;
        column-gap: 0.11rem;
        row-gap: 0.11rem;
    }

    .page9 .msg_room .row3 .left {
        padding: 0 0.3rem;
        height: 0.75rem;
        border: 1px solid #005BAC;
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 0.2rem;
        justify-content: space-between;
        align-items: center;
    }

    .page9 .msg_room .row3 .left .l {
        font-size: 12px;
        color: #666666;
    }

    .page9 .msg_room .row3 .right {
        padding: 0 0.27rem 0 0.3rem;
        height: 0.75rem;
        border: 1px solid #005BAC;
        display: grid;
        grid-template-columns: auto auto auto;
        justify-content: space-between;
        align-items: center;
    }

    .page9 .msg_room .row3 .right .l {
        font-size: 12px;
        color: #666666;
    }
}

.page9 .msg_room .row3 .right .c {
    width: 100px;
    height: 100%;
    color: #333;
}

.page9 .msg_room .row3 .right .r {
    display: grid;
    grid-template-columns: 0.85rem calc(100% - 0.85rem);
    justify-content: space-between;
    align-items: center;
}

.page9 .msg_room .row3 .right .r .code {
    width: 0.85rem;
    height: 0.32rem;
}

.page9 .msg_room .row3 .right .r .again {
    padding-left: 0.11rem;
    font-size: 0.16rem;
    color: #333333;
}

.page9 .msg_room .row4 {
    width: 10.11rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    background-color: #005bac;
    font-size: 0.2rem;
    font-weight: bold;
    color: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .page9 .msg_room .row4 {
        width: 100%;
        height: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
        background-color: #005bac;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
    }

}

.page10 {
    padding: 0.6rem 0 0.74rem;
    background-color: #F3F4F7;
}

.page10 .title {
    font-size: 0.31rem;
    color: #333333;
    text-align: center;
    padding-bottom: 0.4rem;
}



.page10 .main {
    background: #F6F7FA;
    box-shadow: 0 0.04rem 0.26rem 0 rgba(217, 220, 230, 0.8);
    border-radius: 0.1rem;
    border: 1px solid #FFFFFF;
    padding: 0.3rem 0 0.65rem;
}

.page10 .main .sub_head {
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
    padding-bottom: 0.32rem;
}


.page10 .main .tab_row {
    padding: 0 0.3rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    color: #9A9B9C;
}

@media screen and (max-width: 800px) {
    .page10 .title {
        font-size: 20px;
    }

    .page10 .main .sub_head {
        font-size: 14px;
    }

    .page10 .main .tab_row {
        font-size: 14px;
    }
}

.page10 .main .tab_row .right {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.07rem;
    justify-content: flex-end;
    align-items: center;
}

.page10 .main .tab_row .all_card_sign {
    background: #F6F7FA;
    border-radius: 0.04rem;
    border: 1px solid #E1E1E1;
    padding: 0.08rem 0.08rem;
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 0.03rem;
    justify-content: center;
    align-items: center;
}


.page10 .main .tab_row .all_card_sign .dot {
    width: 0.03rem;
    height: 0.03rem;
    border-radius: 50%;
    background-color: #666;
}





/* 横向滚动区 */
.page10 .slx {
    width: 100%;
    position: relative;
}

.page10 .slx .img1 {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.4rem;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 200;
}

.page10 .slx .img2 {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.01rem;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 200;
}


.page10 .slx .list {
    width: 100%;
    padding: 0.2rem 0.3rem 0.2rem;
    overflow-x: scroll;
    display: flex;
}

.page10 .slx .list::-webkit-scrollbar {
    display: none;
}

.page10 .slx .list .itm {
    margin-right: 0.1rem;
    flex-shrink: 0;
    width: 1.6rem;
    height: 0.8rem;
    background-color: #0f0;
    box-shadow: 0 0.03rem 0.22rem 0 rgba(217, 220, 230, 1);
    border-radius: 0.04rem;
    border: 1px solid rgba(0, 0, 0, 0);

    position: relative;
}

.page10 .slx .list .itm.act {
    border: 1px solid #FFFFFF;
}

.page10 .slx .list .itm .t {
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    font-size: 0.12rem;
    font-weight: bold;
    color: #231815;
}

.page10 .slx .list .itm .b {
    width: 100%;
    position: absolute;
    bottom: 0.08rem;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
    font-size: 0.12rem;
    color: #231815;
}

@media screen and (max-width: 800px) {
    .page10 .slx .list .itm .t {
        display: none;
    }

    .page10 .slx .list .itm .b :nth-child(2) {
        display: none;
    }

    .page10 .slx .list .itm .b {
        font-size: 12px;
        width: 100%;
        grid-template-columns: 100%;
        text-align: center;
    }
}



/* 展区 */
.page10 .wind_card {
    padding: 0 0.3rem;
    display: grid;
    grid-template-columns: 1.6rem calc(100% - 1.6rem - 0.35rem);
    column-gap: 0.35rem;
    justify-content: space-between;
    align-items: flex-start;
}

.page10 .wind_card .left {
    max-height: 8rem;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.page10 .wind_card .left::-webkit-scrollbar {
    display: none;
}

.page10 .wind_card .left .itm {
    margin-right: 0.1rem;
    flex-shrink: 0;
    width: 1.6rem;
    height: 0.8rem;
    /* background-color: #0f0; */
    box-shadow: 0 0.03rem 0.22rem 0 rgba(217, 220, 230, 1);
    border-radius: 0.04rem;
    border: 1px solid rgba(0, 0, 0, 0);

    position: relative;
}

.page10 .wind_card .left .itm.act {
    border: 1px solid #FFFFFF;
}

.page10 .wind_card .left .itm .t {
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    font-size: 0.12rem;
    font-weight: bold;
    color: #231815;
}

.page10 .wind_card .left .itm .b {
    width: 100%;
    position: absolute;
    bottom: 0.08rem;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
    font-size: 0.12rem;
    color: #231815;
}

@media screen and (max-width: 800px) {
    .page10 .wind_card .left .itm .t {
        font-size: 12px;
    }

    .page10 .wind_card .left .itm .b :nth-child(2) {
        display: none;
    }

    .page10 .wind_card .left .itm .b {
        width: 100%;
        grid-template-columns: 100%;
        justify-content: center;
        font-size: 12px;
        text-align: center;
    }
}

.page10 .wind_card .right {
    opacity: 1;
}

.page10 .wind_card .right .top {
    padding-bottom: 0.21rem;
}

.page10 .wind_card .right .top .row_box {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.17rem;
    border-bottom: 1px solid #e1e1e1;
}

.page10 .wind_card .right .top .l {
    font-size: 0.24rem;
    color: #333333;
}

@media screen and (max-width: 800px) {
    .page10 .wind_card .right .top .row_box {
        display: grid;
        grid-template-columns: auto;
        row-gap: 10px;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 0.17rem;
        border-bottom: 1px solid #e1e1e1;
    }

    .page10 .wind_card .right .top .l {
        font-size: 12px;
    }

}

.page10 .wind_card .right .top .r {
    padding: 0 0.42rem;
    height: 0.44rem;
    line-height: 0.44rem;
    background: #005BAC;
    box-shadow: 0 0 0.2rem 0 rgba(0, 140, 63, 0.2);
    border-radius: 0.1rem;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.page10 .wind_card .right .bot {
    height: 7.23rem;
    background: #FFFFFF;
    box-shadow: 0 -0.02rem 0.08rem 0 rgba(217, 220, 230, 0.5);
    border-radius: 0.1rem;
    border: 1px solid #FFFFFF;
    padding: 0.93rem 0.87rem 0.66rem;
    position: relative;
}

.page10 .wind_card .right .bot .t {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    font-size: 0.12rem;
    color: #231815;
}

@media screen and (max-width: 800px) {
    .page10 .wind_card .right .top .r {
        padding: 0 0.42rem;
        height: 30px;
        line-height: 30px;
        background: #005BAC;
        box-shadow: 0 0 0.2rem 0 rgba(0, 140, 63, 0.2);
        border-radius: 0.1rem;
        font-size: 14px;
        color: #FFFFFF;
    }

    .page10 .wind_card .right .bot .t {
        font-size: 12px;
    }
}



.page10 .wind_card .right .bot .imgbox {
    padding-top: 56.969%;
    position: relative;
    width: 100%;
    overflow: hidden;
}



.page10 .wind_card .right .bot .imgbox .s_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.page10 .swiper {
    width: 100%;
    height: 100%;
}

.page10 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    position: relative;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.title_title{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0,0,0,.3);
    line-height: 2;
    color: #fff;
    font-size: 14px;
    
}



.page10 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.popup2 {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}

.popup2 .card {
    width: 14.2rem;
    padding: 0.35rem 0.35rem 0.55rem;
    border-radius: 0.1rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.popup2 .card .pup_title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 0.35rem;
}

.popup2 .card .pup_list {
    height: 7.7rem;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    column-gap: 0.11rem;
    row-gap: 0.11rem;
    justify-content: space-between;
    align-content: flex-start;
}


.popup2 .card .pup_list::-webkit-scrollbar {
    display: none;
}


.popup2 .card .pup_list .itm {
    margin-right: 0.1rem;
    flex-shrink: 0;
    height: 0.76rem;
    background-color: #0f0;
    border-radius: 0.05rem;
    border: 1px solid rgba(0, 0, 0, 0);
    position: relative;
}

.popup2 .card .pup_list .itm.act {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0.04rem 0.26rem 0 #D9DCE6;
}

.popup2 .card .pup_list .itm .t {
    position: absolute;
    top: 0.05rem;
    left: 0.08rem;
    font-size: 0.12rem;
    font-weight: bold;
    color: #231815;
}

.popup2 .card .pup_list .itm .b {
    width: 100%;
    position: absolute;
    bottom: 0.05rem;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.05rem;
    font-size: 0.11rem;
    color: #231815;
}




.page11 {
    padding: 0.6rem 0 0.74rem;
    background-color: #F3F4F7;
}

.page11 .option_tab {
    padding: 0 0 0.24rem;
    border-bottom: 1px solid #e1e1e1;
}

.page11 .container {
    max-width: 12.24rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 4.86rem 0.24rem 4.86rem;
    justify-content: space-between;
    align-items: center;
}

.page11 .container .left {
    display: grid;
    grid-template-columns: 0.82rem calc(100% - 0.82rem - 0.24rem);
    column-gap: 0.24rem;
    justify-content: flex-start;
    align-items: center;
}

.page11 .container .left .icon {
    height: 0.82rem;
}

.page11 .container .left .txt {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    justify-content: flex-start;
    align-items: center;
}

.page11 .container .left .txt .t {
    font-size: 0.15rem;
    color: #333333;
}

.page11 .container .left .txt .b {
    font-size: 0.13rem;
    color: #00A78E;
}

.page11 .container .center {
    height: 0.24rem;
}

.page11 .container .right {
    display: grid;
    grid-template-columns: 0.82rem calc(100% - 0.82rem - 0.24rem);
    column-gap: 0.24rem;
    justify-content: flex-start;
    align-items: center;
}

.page11 .container .right .icon {
    height: 0.82rem;
}

.page11 .container .right .txt {
    font-size: 0.15rem;
    color: #333333;
}



.page11 .title {
    font-size: 0.31rem;
    color: #333333;
    text-align: center;
    padding-bottom: 0.4rem;
}

.page11 .main {
    background: #F6F7FA;
    box-shadow: 0 0.04rem 0.26rem 0 rgba(217, 220, 230, 0.8);
    border-radius: 0.1rem;
    border: 1px solid #FFFFFF;
    padding: 0.3rem 0 0.65rem;
}

.page11 .main .sub_head {
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
    padding-bottom: 0.32rem;
}

.page11 .main .tab_row {
    padding: 0 0.3rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    font-size: 0.15rem;
    color: #9A9B9C;
}

.page11 .main .tab_row .right {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.07rem;
    justify-content: flex-end;
    align-items: center;
}

.page11 .main .tab_row .all_card_sign {
    background: #F6F7FA;
    border-radius: 0.04rem;
    border: 1px solid #E1E1E1;
    padding: 0.08rem 0.08rem;
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 0.03rem;
    justify-content: center;
    align-items: center;
}

.page11 .main .tab_row .all_card_sign .dot {
    width: 0.03rem;
    height: 0.03rem;
    border-radius: 50%;
    background-color: #666;
}





/* 横向滚动区 */
.page11 .slx {
    width: 100%;
    position: relative;
}

.page11 .slx .gearbox {
    width: 100%;
    padding: 0 0.1rem;
    display: grid;
    grid-template-columns: 0.4rem 0.4rem;
    justify-content: space-between;
    align-items: center;
    /* background-color: #f00; */
}

.page11 .slx .img1 {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.4rem;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 200;
}

.page11 .slx .img2 {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.01rem;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 200;
}

.page11 .slx .list {
    width: 100%;
    padding: 0.2rem 0.3rem 0.2rem;
    overflow-x: scroll;
    display: flex;
}

.page11 .slx .list::-webkit-scrollbar {
    display: none;
}

.page11 .slx .list .itm {
    margin-right: 0.1rem;
    flex-shrink: 0;
    width: 1.6rem;
    height: 0.8rem;
    /* background-color: #0f0; */
    border-radius: 0.04rem;
    border: 1px solid rgba(0, 0, 0, 0);

    position: relative;
}

.page11 .slx .list .itm.act {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0.03rem 0.22rem 0 rgba(217, 220, 230, 1);
}

.page11 .slx .list .itm .t {
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    font-size: 0.12rem;
    font-weight: bold;
    color: #231815;
}

.page11 .slx .list .itm .b {
    width: 100%;
    position: absolute;
    bottom: 0.08rem;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
    font-size: 0.12rem;
    color: #231815;
}




/* 展区 */
.page11 .wind_card {
    padding: 0 0.3rem;
    display: grid;
    grid-template-columns: 1.6rem calc(100% - 1.6rem - 0.35rem);
    column-gap: 0.35rem;
    justify-content: space-between;
    align-items: flex-start;
}

.page11 .wind_card .left {
    max-height: 8rem;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.page11 .wind_card .left::-webkit-scrollbar {
    display: none;
}

.page11 .wind_card .left .itm {
    margin-right: 0.1rem;
    flex-shrink: 0;
    width: 1.6rem;
    height: 0.8rem;
    background-color: #0f0;
    box-shadow: 0 0.03rem 0.22rem 0 rgba(217, 220, 230, 1);
    border-radius: 0.04rem;
    border: 1px solid rgba(0, 0, 0, 0);

    position: relative;
}

.page11 .wind_card .left .itm.act {
    border: 1px solid #FFFFFF;
}

.page11 .wind_card .left .itm .t {
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    font-size: 0.12rem;
    font-weight: bold;
    color: #231815;
}

.page11 .wind_card .left .itm .b {
    width: 100%;
    position: absolute;
    bottom: 0.08rem;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.1rem;
    font-size: 0.12rem;
    color: #231815;
}


.page11 .wind_card .right {
    opacity: 1;
}

.page11 .wind_card .right .top {
    padding-bottom: 0.21rem;
}

.page11 .wind_card .right .top .row_box {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.17rem;
    border-bottom: 1px solid #e1e1e1;
}

.page11 .wind_card .right .top .l {
    font-size: 0.24rem;
    color: #333333;
}

.page11 .wind_card .right .top .r {
    padding: 0 0.42rem;
    height: 0.44rem;
    line-height: 0.44rem;
    background: #005BAC;
    box-shadow: 0 0 0.2rem 0 rgba(0, 140, 63, 0.2);
    border-radius: 0.1rem;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.page11 .wind_card .right .bot {
    height: 7.23rem;
    background: #FFFFFF;
    box-shadow: 0 -0.02rem 0.08rem 0 rgba(217, 220, 230, 0.5);
    border-radius: 0.1rem;
    border: 1px solid #FFFFFF;
    padding: 0.93rem 0.87rem 0.66rem;
    position: relative;
}

.page11 .wind_card .right .bot .t {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    font-size: 0.12rem;
    color: #231815;
}

.page11 .wind_card .right .bot .imgbox {
    padding-top: 56.969%;
    position: relative;
}

.page11 .wind_card .right .bot .imgbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.popup2 {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}

.popup2 .card {
    width: 14.2rem;
    height: 60vh;
    overflow-y: scroll;
    padding: 0.35rem 0.35rem 0.55rem;
    border-radius: 0.1rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.popup2 .card .pup_title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 0.35rem;
}

.popup2 .card .pup_list {
    height: 60vh;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    column-gap: 0.11rem;
    row-gap: 0.11rem;
    justify-content: space-between;
    align-content: flex-start;
}

.popup2 .card .pup_list::-webkit-scrollbar {
    display: none;
}


.popup2 .card .pup_list .itm {
    margin-right: 0.1rem;
    flex-shrink: 0;
    height: 0.76rem;
    /* background-color: #0f0; */
    border-radius: 0.05rem;
    border: 1px solid rgba(0, 0, 0, 0);
    position: relative;
}

.popup2 .card .pup_list .itm.act {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0.04rem 0.26rem 0 #D9DCE6;
}

.popup2 .card .pup_list .itm .t {
    position: absolute;
    top: 0.05rem;
    left: 0.08rem;
    font-size: 0.12rem;
    font-weight: bold;
    color: #231815;
}

.popup2 .card .pup_list .itm .b {
    width: 100%;
    position: absolute;
    bottom: 0.05rem;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.05rem;
    font-size: 0.11rem;
    color: #231815;
}

@media screen and (max-width: 800px) {
    .popup2 .card {
        width: 60%;
        height: 60vh;
        overflow-y: scroll;
        padding: 0.35rem 0.35rem 0.55rem;
        border-radius: 0.1rem;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .popup2 .card .pup_list {
        height: 300px;
        height: 60vh;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 0.11rem;
        row-gap: 0.11rem;
        justify-content: space-between;
        align-content: flex-start;
    }
}

.page12 .card_title {
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.4rem;
}

.page12 .card6 {
    padding: 0 0 0.84rem;
    background-color: #fff;
}

.page12 .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.08rem;
    justify-content: space-between;
    align-items: flex-start;
}

/* !kdm2023-05-26 第19行附近 .container .left 加宽度100%*/
.page12 .card6 .container .left {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.73rem;
    justify-content: center;
    align-items: flex-start;
}

.page12 .card6 .container .left .top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.3rem;
    justify-items: flex-start;
    align-items: center;
}

.page12 .card6 .container .left .top .item {
    display: grid;
    grid-template-columns: 0.46rem auto auto;
    justify-content: flex-start;
    align-items: center;
}

.page12 .card6 .container .left .top .item .icon {
    height: 0.464rem;
}

.page12 .card6 .container .left .top .item .num {
    font-size: 0.56rem;
    font-weight: bold;
    color: #333333;
    padding: 0 0.12rem 0 0.18rem;
}

.page12 .card6 .container .left .top .item .text {
    font-size: 0.17rem;
    color: #666666;
}

.page12 .card6 .container .left .bot {
    padding-top: 77.6%;
    position: relative;
}

.page12 .card6 .container .left .bot .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.page12 .card6 .container .right {
    background-color: rgba(0, 0, 0, 0);
}






.page12 .card6 .container .right .top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.13rem;
    justify-content: space-between;
    align-items: center;
}



.page12 .card6 .container .right .top .item_box {
    position: relative;
}

.page12 .card6 .container .right .top .item {
    padding: 0.15rem;
    display: grid;
    grid-template-columns: auto 0.14rem;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.3rem 0px rgba(75, 99, 84, 0.09);
    border-radius: 0.28rem;
}

.page12 .card6 .container .right .top .item .left {
    font-size: 0.17rem;
    color: #333333;
}

.page12 .card6 .container .right .top .item .right {
    height: 0.07rem;
}

.page12 .card6 .container .right .top .item_box .select_box {
    display: none;
    width: 100%;
    height: 3.45rem;
    position: absolute;
    top: 0.48rem;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    box-shadow: 0px 4px 30px 0px rgba(75, 99, 84, 0.09);
    border-radius: 0.05rem;
}

.page12 .card6 .container .right .top .item_box .select {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.page12 .card6 .container .right .top .item_box .select .opt {
    
    width: 100%;
    font-size: 0.16rem;
    color: #333333;
    /*padding-left: 0.15rem;*/
    padding: 0.15rem;
    
}


.page12 .card6 .container .right .top .item_box:hover .select_box {
    display: block;
}

.page12 .card6 .container .right .top .item_box .select .opt:hover {
    cursor: pointer;
    background-color: #F0F0F0;
}

.page12 .card6 .container .right .top .item_box .select .opt.active {
    background: #005BAC;
    color: #fff;
}









.page12 .card6 .container .right .cen {
    padding: 0.37rem 0 0.3rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page12 .card6 .container .right .cen .left {
    font-size: 0.17rem;
    font-weight: bold;
    color: #333333;
}

.page12 .card6 .container .right .cen .right {
    font-size: 0.15rem;
    color: #666666;
}

.page12 .card6 .container .right .bot {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.page12 .card6 .container .right .bot .item {
    border-radius: 0.1rem;
    background-color: #f9f9f9;
    overflow: hidden;
    display: grid;
    grid-template-columns: 36.065% calc(100% - 36.065%);
    justify-content: space-between;
    align-items: center;
}

.page12 .card6 .container .right .bot .item .img_box {
    padding-top: 70.454%;
    position: relative;
}

.page12 .card6 .container .right .bot .item .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page12 .card6 .container .right .bot .item .inf {
    padding: 0.3rem 0.27rem 0;
}

.page12 .card6 .container .right .bot .item .inf .t {
    font-size: 0.2rem;
    font-weight: bold;
    color: #333333;
}

.page12 .card6 .container .right .bot .item .inf .c {
    padding: 0.12rem 0;
    font-size: 0.15rem;
    color: #666666;
}

.page12 .card6 .container .right .bot .item .inf .b {
    display: grid;
    grid-template-columns: 0.15rem auto;
    justify-content: flex-start;
    align-items: flex-start;
}

.page12 .card6 .container .right .bot .item .inf .b .icon {
    height: 0.15rem;
}

.page12 .card6 .container .right .bot .item .inf .b .txt {
    font-size: 0.15rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .index .card6 .container .right .top .item_box .select .opt {
        font-size: 12px;
    }

    .page12 .card6 .container .right .top .item .left {
        font-size: 12px;
        color: #333333;
    }

    .page12 .card6 .container .right .cen .left {
        font-size: 14px;
    }

    .page12 .card6 .container .right .cen .right {
        font-size: 14px;
    }

    .page12 .card6 .container .right .bot .item .inf .t {
        font-size: 14px;
    }

    .page12 .card6 .container .right .bot .item .inf .c {
        font-size: 12px;
    }

    .page12 .card6 .container .right .bot .item .inf .b {
        display: none;
        font-size: 12px;
    }

    .page12 .container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.5rem;
        justify-content: space-between;
        align-items: flex-start;
    }
}







/* tab行 */
.page13 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page13 .tab_row .help_tab {
    display: grid;
    grid-template-columns: 5.17rem calc(100% - 5.17rem);
    justify-content: space-between;
    align-items: center;
}

.page13 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: flex-start;
    align-items: center;
}

.page13 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page13 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}


.page13 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page13 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page13 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page13 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page13 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page13 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}

.page13 .main {
    padding-bottom: 1rem;
    display: grid;
    grid-template-columns: 74.366% 21.478%;
    justify-content: space-between;
    align-content: flex-start;
}


.page13 .main .left .list {
    min-height: 100%;
    padding: 0 0.96rem 0 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: flex-start;
    align-content: flex-start;
    border-right: 1px solid #ececec;
}

.page13 .main .left .item {
    border-bottom: 1px solid #ececec;
    padding: 0.49rem 0.6rem 0.19rem 0.5rem;
    display: grid;
    grid-template-columns: 0.64rem calc(100% - 0.64rem - 0.5rem);
    column-gap: 0.5rem;
    justify-content: flex-start;
    align-content: flex-start;

}

.page13 .main .left .l2 {
    display: none;
}

.page13 .main .left .item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.page13 .main .left .item:hover {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: flex-start;
    align-content: flex-start;
    background-color: #fcfcfc;
}

.page13 .main .left .item:hover .l {
    display: none;
}

.page13 .main .left .item:hover .r {
    display: none;
}

.page13 .main .left .item:hover .l2 {
    display: block;
}

.page13 .main .left .l2 .r1 {
    font-size: 0.18rem;
    font-weight: bold;
    color: #393939;
}

.page13 .main .left .l2 .r2 {
    padding: 0.2rem 0 0.3rem;
    font-size: 0.32rem;
    font-weight: 400;
    color: #333333;
}

.page13 .main .left .l2 .r3 {
    font-size: 0.12rem;
    color: #666666;
}

.page13 .main .left .l2 .r4 {
    padding: 0.25rem 0 0;
}

.page13 .main .left .l2 .r4 .btn {
    width: 1.35rem;
    padding: 0.1rem 0.32rem;
    border-radius: 0.05rem;
    background-color: #005bac;
    font-size: 0.17rem;
    color: #FFFFFF;
    line-height: 0.45rem;
    text-align: center;
}

.page13 .main .left .item .l {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-content: flex-start;
}

.page13 .main .left .item .l .t {
    font-size: 0.36rem;
    font-weight: bold;
    color: #393939;
}

.page13 .main .left .item .l .b {
    font-size: 0.16rem;
    font-weight: bold;
    color: #393939;
}

.page13 .main .left .item .r {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.16rem;
    justify-content: flex-start;
    align-items: center;
}

.page13 .main .left .item .r .t {
    font-size: 0.2rem;
    color: #393939;
    line-height: 0.3rem;
}

.page13 .main .left .item .r .b {
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.32rem;
}


.page13 .more_box {
    padding: 0.5rem 0 0;
}

.page13 .more {
    width: 5rem;
    margin: 0 auto;
    line-height: 0.45rem;
    background-color: #ececec;
    border-radius: 0.05rem;
    display: grid;
    grid-template-columns: auto 0.07rem;
    column-gap: 0.05rem;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #005BAC;


}

.page13 .more .img {
    height: 0.04rem;
}









.page13 .main .right {
    display: block;
}

.page13 .main .right .title {
    padding-bottom: 0.26rem;
    font-size: 0.19rem;
    color: #393939;
}

.page13 .main .right .list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.2rem;
    align-content: flex-start;
}

.page13 .main .right .list .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.page13 .main .right .list .item .img_box {
    padding-top: 55.737%;
    position: relative;
}

.page13 .main .right .list .item .img_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page13 .main .right .list .item .tit {
    font-size: 0.16rem;
    color: #666666;
    text-align: center;
    line-height: 0.26rem;
}






@media screen and (max-width: 800px) {
    .page13 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page13 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page13 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page13 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page13 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page13 .tab_row .help_tab .right .r {
        font-size: 14px;
    }





    .page13 .main .left .l2 .r1 {
        font-size: 14px;
    }

    .page13 .main .left .l2 .r2 {
        padding: 0.2rem 0 0;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .page13 .main .left .l2 .r3 {
        font-size: 12px;
    }

    .page13 .main .left .l2 .r4 .btn {
        width: 100px;
        font-size: 14px;
    }

    .page13 .main .left .item {
        grid-template-columns: auto auto;
    }

    .page13 .main .left .item .l .t {
        font-size: 16px;
    }

    .page13 .main .left .item .l .b {
        font-size: 12px;
    }

    .page13 .main .left .item .r {
        align-items: center;
    }

    .page13 .main .left .item .r .t {
        font-size: 14px;
        line-height: 18px;
    }

    .page13 .main .left .item .r .b {
        font-size: 12px;
        line-height: 16px;
    }

    .page13 .more {
        font-size: 12px;
    }

    .page13 .main {
        padding-bottom: 1rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: space-between;
        align-content: flex-start;
    }

    .page13 .main .right {
        display: none;
    }

    .page13 .main {
        padding-bottom: 1rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: space-between;
        align-content: flex-start;
    }

    .page13 .main .left .list {
        min-height: 100%;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: flex-start;
        align-content: flex-start;
        border: 0;
    }

    .page13 .main .right {
        display: none;
    }
}



.page14 {
    padding: 0 0 0.72rem;
}



/* tab行 */
.page14 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page14 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}


.page14 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    column-gap: 0.76rem;
    align-items: center;
}



.page14 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page14 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
    white-space: nowrap;
}

.page14 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page14 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page14 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page14 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page14 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page14 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}



.page14 .card_title {
    padding: 0.6rem 0 0.5rem;
    font-size: 0.59rem;
}


.page14 .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0.6rem;
    row-gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}

.page14 .list .item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.2rem;
    justify-content: center;
    align-items: center;
}

.page14 .list .item .img_box {
    padding-top: 74.826%;
    position: relative;
}

.page14 .list .item .img_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page14 .list .item .txt {
    text-align: center;
    font-size: 0.17rem;
    color: #393939;
}

@media screen and (max-width: 800px) {
    .page14 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page14 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page14 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page14 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page14 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page14 .tab_row .help_tab .right .r {
        font-size: 14px;
    }


    .page14 .list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0.6rem;
        row-gap: 0.5rem;
        justify-content: space-between;
        align-items: center;
    }

    .page14 .list .item .txt {
        font-size: 14px;
    }
}



.page15 {
    padding: 0 0 0.72rem;
}


/* tab行 */
.page15 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page15 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page15 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem;
    justify-items: flex-start;
    align-items: center;
}

.page15 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page15 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page15 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page15 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page15 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page15 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page15 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page15 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}



.page15 .card_title {
    text-align: center;
    padding: 0.74rem 0 0.05rem;
    font-size: 0.39rem;
    color: #333333;
}

.page15 .card_title_sub {
    text-align: center;
    padding: 0 0 0.5rem;
    font-size: 0.17rem;
    color: #666666;
}






.page15 .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.08rem;
    justify-content: space-between;
    align-items: flex-start;
}


/* !kdm2023-05-26 第131行附近 .container .left 加宽度100%*/
.page15 .container .left {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.73rem;
    justify-content: center;
    align-items: flex-start;
}

/* .page15 .container .left .top{} */

.page15 .container .left .top .item {
    display: grid;
    grid-template-columns: 0.46rem auto auto;
    justify-content: flex-start;
    align-items: center;
}

.page15 .container .left .top .item .icon {
    height: 0.464rem;
}

.page15 .container .left .top .item .num {
    font-size: 0.56rem;
    font-weight: bold;
    color: #333333;
    padding: 0 0.12rem 0 0.18rem;
}

.page15 .container .left .top .item .text {
    font-size: 0.17rem;
    color: #666666;
}

.page15 .container .left .bot {
    padding-top: 77.6%;
    position: relative;
}


/* 地图 */
.page15 .container .left .bot .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page15 .container .right .top .item_box {
    position: relative;
}

.page15 .container .right .top .item {
   
    padding: 0.1rem 0.15rem;
    display: grid;
    grid-template-columns: auto 0.14rem;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0.04rem 0.3rem 0px rgba(75, 99, 84, 0.09);
    border-radius: 0.28rem;
}

.page15 .container .right .top .item .left {
    font-size: 0.17rem;
    color: #333333;
}

.page15 .container .right .top .item .right {
    width: 100%;
    height: 0.07rem;
}

.page15 .container .right .top .item_box .select_box {
    display: none;
    width: 100%;
    height: 3.45rem;
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    box-shadow: 0px 4px 30px 0px rgba(75, 99, 84, 0.09);
    border-radius: 0.05rem;
}

.page15 .container .right .top .item_box .select {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.page15 .container .right .top .item_box .select .opt {
    
    width: 100%;
    font-size: 0.24rem;
    color: #333333;
    padding-left: 0.15rem;
    
}


/*.page15 .container .right .top .item_box:hover .select_box {*/
/*    display: block;*/
/*}*/

/*.page15 .container .right .top .item_box .select .opt:hover {*/
/*    cursor: pointer;*/
/*    background-color: #F0F0F0;*/
/*}*/

/*.page15 .container .right .top .item_box .select .opt.active {*/
/*    background: #005BAC;*/
/*    color: #fff;*/
/*}*/




.page15 .container .right .cen {
    padding: 0.37rem 0 0.3rem;
}

.page15 .container .right .cen .left {
    font-size: 0.17rem;
    font-weight: bold;
    color: #333333;
}

.page15 .container .right .bot {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.1rem;
    align-content: flex-start;
}

.page15 .container .right .bot .item {
    border-radius: 0.1rem;
    background-color: #f9f9f9;
    overflow: hidden;
    padding: 0.23rem 0.2rem;

    display: grid;
    grid-template-columns: 0.9rem calc(100% - 1rem);
    column-gap: 0.1rem;
    justify-content: space-between;
    align-items: flex-start;
}

.page15 .container .right .bot .item .img_box {
    padding-top: 100%;
    position: relative;
}

.page15 .container .right .bot .item .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/* .page15 .container .right .bot .item .inf {} */

.page15 .container .right .bot .item .inf .t {
    font-size: 0.2rem;
    font-weight: bold;
    color: #333333;
}

.page15 .container .right .bot .item .inf .c {
    padding: 0.12rem 0;
    font-size: 0.15rem;
    color: #666666;
}

.page15 .container .right .bot .item .inf .b {
    display: grid;
    grid-template-columns: 0.15rem auto;
    justify-content: flex-start;
    align-items: flex-start;
}

.page15 .container .right .bot .item .inf .b .icon {
    height: 0.15rem;
}

.page15 .container .right .bot .item .inf .b .txt {
    font-size: 0.15rem;
    color: #666666;
}

@media screen and (max-width: 800px) {
    .page15 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page15 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page15 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page15 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page15 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page15 .tab_row .help_tab .right .r {
        font-size: 14px;
    }



    .page15 .container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 1.08rem;
        row-gap: 0.5rem;
        justify-content: space-between;
        align-items: flex-start;
    }
    .page15 .container .right .top{
        display: none;
    }
    .page15 .container .right .top .item {
        height: 24px;
        line-height: 24px;
    }
    .page15 .container .right .top .item .left {
        font-size: 14px;
    }

    .page15 .container .right .top .item_box .select .opt {
        font-size: 14px;
    }

    .page15 .container .right .cen .left {
        font-size: 14px;
    }



    .page15 .container .right .top .item .left {
        font-size: 12px;
        color: #333333;
    }

    .page15 .container .right .cen .left {
        font-size: 14px;
    }

    .page15 .container .right .cen .right {
        font-size: 14px;
    }

    .page15 .container .right .bot .item .inf .t {
        font-size: 14px;
    }

    .page15 .container .right .bot .item .inf .c {
        font-size: 12px;
    }

    .page15 .container .right .bot .item .inf .b {
        display: none;
        font-size: 12px;
    }




}



.page16 {
    padding: 0 0 0.6rem;
}



/* tab行 */
.page16 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page16 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page16 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem;
    justify-items: flex-start;
    align-items: center;
}

.page16 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page16 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page16 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page16 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page16 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page16 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page16 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page16 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}






.page16 .container {
    border-bottom: 1px solid #e1e1e1;
}


.page16 .container .title_row {
    height: 0.56rem;
    text-align: center;
    background-color: #fafafa;
    font-size: 0.13rem;
    color: #383838;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    align-items: center;
}

.page16 .container .row {
    min-height: 0.7rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}
.page16 .title_col{
    text-align: left;
}
.page16 .container .row .col1 {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    font-size: 0.13rem;
    color: #6F6F6F;
    
    /*white-space: nowrap;*/
}

.page16 .container .row .col1 .sign {
    width: 0.36rem;
    margin-right: 0.1rem;
    padding: 0 0.06rem;
    border-radius: 0.04rem;
    background-color: #fff1f0;
    font-size: 0.11rem;
    color: #005BAC;
    height: 0.2rem;
    line-height: 0.2rem;
    text-align: center;
}



.page16 .container .row .col {
    width: 100%;
    text-align: left;
    font-size: 0.13rem;
    color: #6F6F6F;
    
    /*white-space: nowrap;*/
}



.page16 .pageing_box {
    padding-top: 0.37rem;
}

/*.page16 .pageing_box .pageing {*/
/*    width: 3.56rem;*/
/*    margin: 0 auto;*/
/*    height: 0.44rem;*/
/*    line-height: 0.44rem;*/
/*    text-align: center;*/
    /*background-color: #0ff;*/
/*    font-size: .16rem;*/
/*    font-weight: bold;*/
/*    color: #666666;*/
/*}*/

@media screen and (max-width: 800px) {
    .page16 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page16 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page16 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page16 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page16 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page16 .tab_row .help_tab .right .r {
        font-size: 14px;
    }
.page16 .max-width{
    width: 100%;
    /*margin*/
    overflow-x: scroll;
}
.page16 .max-width::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}
.page16 .container {
    width: 1000px;
    border-bottom: 1px solid #e1e1e1;
}

    
.page16 .container .title_row {
    height: 56px;
    text-align: center;
    background-color: #fafafa;
    font-size: 13px;
    color: #383838;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    align-items: center;
}

.page16 .container .row {
    min-height: 70px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}
.page16 .title_col{
    text-align: left;
}
.page16 .container .row .col1 {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    font-size: 0.13rem;
    color: #6F6F6F;
    
    /*white-space: nowrap;*/
}

.page16 .container .row .col1 .sign {
    width: 36px;
    margin-right: 10px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #fff1f0;
    font-size: 11px;
    color: #005BAC;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.page16 .container .row .col1 .val{
    text-align: left;
    font-size: 13px;
    color: #6F6F6F;
}


.page16 .container .row .col {
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #6F6F6F;
    
    /*white-space: nowrap;*/
}



.page16 .pageing_box {
    padding-top: 37px;
}

}




.page17 {
    padding: 0 0 1rem;
}


/* tab行 */
.page17 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page17 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page17 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem;
    justify-items: flex-start;
    align-items: center;
}

.page17 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page17 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page17 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page17 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page17 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page17 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page17 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page17 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}






/* .page17 .container {} */

.page17 .container .item {
    padding: 0.8rem 0;
    border-bottom: 1px solid #e1e1e1;
    display: grid;
    grid-template-columns: 3rem calc(100% - 3rem);
    justify-content: space-between;
    align-items: flex-start;

}

.page17 .container .item .tit {
    font-size: 0.24rem;
    color: #333333;
}

.page17 .container .item .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 0.5rem;
    justify-content: space-between;
    align-items: flex-start;
}

.page17 .container .item .list .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.17rem;
    justify-content: flex-start;
    align-items: flex-start;
}

.page17 .container .item .list .itm .t {
    font-size: 0.16rem;
    color: #6F6F6F;
}

.page17 .container .item .list .itm .b {
    font-size: 0.24rem;
    font-weight: bold;
    color: #333333;
}

@media screen and (max-width: 800px) {
    .page17 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page17 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page17 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page17 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page17 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page17 .tab_row .help_tab .right .r {
        font-size: 14px;
    }

    .page17 .container .item .list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.5rem;
        justify-content: space-between;
        align-items: flex-start;
    }

    .page17 .container .item .tit {
        font-size: 16px;
    }

    .page17 .container .item .list .itm .t {
        font-size: 14px;
        color: #6F6F6F;
    }

    .page17 .container .item .list .itm .b {
        font-size: 12px;
    }

}



.page18 {
    font-size: 20px;
    line-height: 32px;
    padding: 0 0 1rem;
}

 .page18 .max-width img{
    width: 90%;
    margin: 0 auto;
}

/* tab行 */
.page18 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page18 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page18 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem;
    justify-items: flex-start;
    align-items: center;
}

.page18 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page18 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page18 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page18 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page18 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page18 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page18 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page18 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}

@media screen and (max-width: 800px) {
    .page18{
        font-size: 0.4rem;
    }
    .page18 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page18 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page18 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page18 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page18 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page18 .tab_row .help_tab .right .r {
        font-size: 14px;
    }

}


.page19 {
    padding: 0 0 0.72rem;
}


/* tab行 */
.page19 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page19 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page19 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem;
    justify-items: flex-start;
    align-items: center;
}

.page19 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page19 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page19 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page19 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page19 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page19 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page19 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page19 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}




.page19 .list {
    padding: 0.8rem 0 0.7rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.47rem;
    row-gap: 0.3rem;
    justify-content: space-between;
    align-items: center;
}

.page19 .list .item {
    background-color: #fff;
}

.page19 .list .item .img_box {
    padding-top: 75.625%;
    position: relative;
}

.page19 .list .item .img_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page19 .list .item .txt {
    text-align: center;
    font-size: 0.13rem;
    color: #333333;
    padding: 0.29rem 0.55rem;
    box-shadow: 0 0 0.1rem 0 rgba(208, 208, 208, 0.3);
}


.page19 .more_box {
    padding: 0.5rem 0 0;
}

.page19 .more {
    width: 5rem;
    margin: 0 auto;
    line-height: 0.45rem;
    background-color: #ececec;
    border-radius: 0.05rem;
    display: grid;
    grid-template-columns: auto 0.07rem;
    column-gap: 0.05rem;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #005BAC;
}

.page19 .more .img {
    height: 0.04rem;
}

@media screen and (max-width: 800px) {
    .page19 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page19 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page19 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page19 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page19 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page19 .tab_row .help_tab .right .r {
        font-size: 14px;
    }

    .page19 .list {
        padding: 0.8rem 0 0.7rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.47rem;
        row-gap: 0.3rem;
        justify-content: space-between;
        align-items: center;
    }


    .page19 .list .item .txt {
        font-size: 12px;
    }

    .page19 .more {
        width: 5rem;
        margin: 0 auto;
        line-height: 30px;
        background-color: #ececec;
        border-radius: 0.05rem;
        display: grid;
        grid-template-columns: auto 0.07rem;
        column-gap: 0.05rem;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #005BAC;
    }

}


.page20 {
    padding: 0 0 0.72rem;
}


/* tab行 */
.page20 .tab_row {
    margin: 0 auto;
    border-bottom: 1px solid #e1e1e1;
}

.page20 .tab_row .help_tab {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.page20 .tab_row .help_tab .left {
    display: grid;
    grid-template-columns: 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem 1.4rem;
    justify-items: flex-start;
    align-items: center;
}

.page20 .tab_row .help_tab .left .itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    align-items: center;
}

.page20 .tab_row .help_tab .left .itm .t {
    line-height: 0.75rem;
    font-size: 0.17rem;
    color: #777;
}

.page20 .tab_row .help_tab .left .itm .b {
    width: 0.68rem;
    height: 0.02rem;
    background-color: rgba(0, 0, 0, 0);
}

.page20 .tab_row .help_tab .left .itm .t.act {
    color: #005BAC;
}

.page20 .tab_row .help_tab .left .itm .b.act {
    background-color: #005BAC;
}

.page20 .tab_row .help_tab .right {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.15rem;
    justify-content: flex-end;
    align-items: center;
}

.page20 .tab_row .help_tab .right .l {
    height: 0.2rem;
}

.page20 .tab_row .help_tab .right .r {
    font-size: 0.14rem;
    color: #777777;
}




.page20 .list {
    padding: 0.8rem 0 0.7rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.49rem;
    row-gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}

.page20 .list .item {
    background-color: #fff;
}

.page20 .list .item .img_box {
    padding-top: 82.037%;
    position: relative;
}

.page20 .list .item .img_box .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page20 .list .item .txt {
    text-align: center;
    font-size: 0.13rem;
    color: #333333;
    padding: 0.35rem 0.35rem 0.9rem;
}



.page20 .pageing {
    width: 3.56rem;
    margin: 0 auto;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    /*background-color: #0ff;*/
    font-size: .16rem;
    font-weight: bold;
    color: #666666;
}



.page20 .more_box {
    padding: 0.5rem 0 0;
}

.page20 .more {
    width: 5rem;
    margin: 0 auto;
    line-height: 0.45rem;
    background-color: #ececec;
    border-radius: 0.05rem;
    display: grid;
    grid-template-columns: auto 0.07rem;
    column-gap: 0.05rem;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #005BAC;


}

.page20 .more .img {
    height: 0.04rem;
}


@media screen and (max-width: 800px) {
    .page20 .tab_row .help_tab {
        grid-template-columns: 100%;
    }

    .page20 .tab_row .help_tab .left {
        grid-template-columns: auto auto auto;
        column-gap: 10px;
    }

    .page20 .tab_row .help_tab .left .itm .t {
        font-size: 12px;
    }

    .page20 .tab_row .help_tab .right {
        grid-template-columns: 20px auto;
        display: none;
    }

    .page20 .tab_row .help_tab .right .l {
        height: 20px;
    }

    .page20 .tab_row .help_tab .right .r {
        font-size: 14px;
    }

    .page20 .list {
        padding: 0.8rem 0 0.7rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.47rem;
        row-gap: 0.3rem;
        justify-content: space-between;
        align-items: center;
    }


    .page20 .list .item .txt {
        font-size: 12px;
    }

    .page20 .more {
        width: 5rem;
        margin: 0 auto;
        line-height: 30px;
        background-color: #ececec;
        border-radius: 0.05rem;
        display: grid;
        grid-template-columns: auto 0.07rem;
        column-gap: 0.05rem;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #005BAC;
    }

}


.page21 {
    padding: 0 0 0.79rem;
    background-color: #fafafa;
}

.page21 .search_box {
    padding: 0.13rem 0;
    background-color: #005BAC;
}

.page21 .search_box .search_main {
    width: 6.9rem;
    height: 0.54rem;
    border-radius: 0.04rem;
    background-color: #fff;
    padding: 0 0.08rem 0 0.2rem;
    display: grid;
    grid-template-columns: 0.24rem calc(100% - 0.24rem - 1rem - 0.3rem) 1rem;
    column-gap: 0.15rem;
    justify-content: space-between;
    align-items: center;
}

.page21 .search_box .search_main .icon {
    height: 0.24rem;
}


.page21 .search_box .search_main .input {
    font-size: 0.15rem;
    color: #666666;
}

.page21 .search_box .search_main .search_btn {
    height: 0.41rem;
    line-height: 0.41rem;
    border-radius: 0.04rem;
    background-color: #005bac;
    text-align: center;
    font-size: 0.15rem;
    color: #FFFFFF;
}



.page21 .filter_box {
    padding: 0.15rem 0;
    background-color: #fff;
}

.page21 .filter_box .filter_main {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.35rem;
    justify-content: flex-start;
    align-items: center;
}

.page21 .filter_box .filter_main .btn_all {
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
}

.page21 .filter_box .filter_main .btn_box {
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 0.3rem;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.13rem;
    color: #666666;
}

.page21 .filter_box .filter_main .btn_box .btn_item {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.05rem;
    justify-content: flex-start;
    align-items: center;
}

.page21 .filter_box .filter_main .btn_box .btn_item .l {
    text-decoration: underline;
}




.page21 .card_default {
    padding: 0.5rem 0 0;
}

.page21 .card_default .title_default {
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #e1e1e1;
}

.page21 .card_default .title_default .row1 {
    font-size: 0.31rem;
    color: #333333;
}

.page21 .card_default .title_default .row2 {
    padding-top: 0.2rem;
    font-size: 0.13rem;
    color: #333333;
}

.page21 .card_default .list_default {
    padding-bottom: 0.3rem;
}





.page21 .card_default .more_box {
    padding: 0.31rem 0 0;
}

.page21 .card_default .more {
    width: 5rem;
    margin: 0 auto;
    line-height: 0.45rem;
    border-radius: 0.05rem;
    display: grid;
    grid-template-columns: auto 0.07rem;
    column-gap: 0.05rem;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #999;
}

.page21 .card_default .more .img {
    height: 0.04rem;
}




/* 新闻搜索结果 */
.page21 .list_default .item1 {
    border-bottom: 1px solid #ececec;
    padding: 0.49rem 0.6rem 0.19rem 0.5rem;
    display: grid;
    grid-template-columns: 0.64rem calc(100% - 0.64rem - 0.5rem);
    column-gap: 0.5rem;
    justify-content: flex-start;
    align-content: flex-start;

}

.page21 .list_default .item1 .l2 {
    display: none;
}

.page21 .list_default .item1:hover {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: flex-start;
    align-content: flex-start;
    background-color: #fcfcfc;
}

.page21 .list_default .item1:hover .l {
    display: none;
}

.page21 .list_default .item1 .l .t {
    font-size: 0.36rem;
    font-weight: bold;
    color: #393939;
}

.page21 .list_default .item1 .l .b {
    font-size: 0.16rem;
    font-weight: bold;
    color: #393939;
}



.page21 .list_default .item1:hover .r {
    display: none;
}

.page21 .list_default .item1 .r {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.16rem;
    justify-content: flex-start;
    align-items: center;
}

.page21 .list_default .item1 .r .t {
    font-size: 0.2rem;
    color: #393939;
    line-height: 0.3rem;
}

.page21 .list_default .item1 .r .b {
    font-size: 0.15rem;
    color: #666666;
    line-height: 0.32rem;
}

.page21 .list_default .item1:hover .l2 {
    display: block;
}

.page21 .list_default .item1 .l2 .r1 {
    font-size: 0.18rem;
    font-weight: bold;
    color: #393939;
}

.page21 .list_default .item1 .l2 .r2 {
    padding: 0.2rem 0 0.3rem;
    font-size: 0.32rem;
    font-weight: 400;
    color: #333333;
}

.page21 .list_default .item1 .l2 .r3 {
    font-size: 0.12rem;
    color: #666666;
}

.page21 .list_default .item1 .l2 .r4 {
    padding: 0.25rem 0 0;
}

.page21 .list_default .item1 .l2 .r4 .btn {
    width: 1.35rem;
    padding: 0 0.32rem;
    border-radius: 0.05rem;
    background-color: #005bac;
    font-size: 0.17rem;
    color: #FFFFFF;
    line-height: 0.45rem;
}




/* 产品搜索结果 */
.page21 .list_default .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.24rem;
    row-gap: 0.24rem;
    justify-content: space-between;
    align-items: center;
}


.page21 .list_default .list .item2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-content: flex-start;
    box-shadow: 0 0.02rem 0.06rem 0.02rem rgba(0, 0, 0, 0.1);
    border-radius: 0.04rem;
    background-color: #fff;
}


.page21 .list_default .list .item2 .img_box {
    padding-top: 70%;
    position: relative;
}

.page21 .list_default .list .item2 .img_box .img {
    width: 1.15rem;
    height: 1.15rem;
}

.page21 .list_default .list .item2 .cont {
    padding: 0.24rem;
}

.page21 .list_default .list .item2 .cont .r1 {
    font-size: 0.16rem;
    color: #333;
}

.page21 .list_default .list .item2 .cont .r2 {
    padding: 0.23rem 0 0.17rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.06rem;
    justify-content: flex-start;
    align-content: flex-start;
}



.page21 .list_default .list .item2 .cont .r2 .con1 {
    display: grid;
    grid-template-columns: 0.16rem calc(100% - 0.16rem - 0.1rem);
    column-gap: 0.1rem;
    justify-content: flex-start;
    align-items: center;
}

.page21 .list_default .list .item2 .cont .r2 .con1 .img {
    height: 0.16rem;
}

.page21 .list_default .list .item2 .cont .r2 .con1 .txt {
    font-size: 0.12rem;
    color: #666666;
}

.page21 .list_default .list .item2 .cont .r3 {
    padding-bottom: 0.24rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page21 .list_default .list .item2 .cont .r3 .img {
    width: 0.44rem;
    height: 0.44rem;
}

@media screen and (max-width: 800px) {
    .page21 .search_box .search_main {
        height: 30px;
        grid-template-columns: 24px calc(100% - 24px - 60px - 30px) 60px;
        column-gap: 15px;
    }

    .page21 .search_box .search_main .icon {
        height: 24px;
    }

    .page21 .search_box .search_main .input {
        font-size: 15px;
    }

    .page21 .search_box .search_main .search_btn {
        height: 20px;
        line-height: 20px;
        font-size: 15px;
    }

    .page21 .filter_box .filter_main .btn_all {
        font-size: 14px;
    }

    .page21 .filter_box .filter_main .btn_box {
        grid-template-columns: auto auto;
        column-gap: 0.3rem;
        row-gap: 0.3rem;
        font-size: 12px;
    }

    .page21 .card_default .title_default .row1 {
        font-size: 18px;
    }

    .page21 .card_default .title_default .row2 {
        padding-top: 0.2rem;
        font-size: 12px;
    }

    .page21 .card_default .more {
        font-size: 14px;
    }




    .page21 .list_default .item1 {
        grid-template-columns: auto auto;
    }

    .page21 .list_default .item1 .l .t {
        font-size: 14px;
    }

    .page21 .list_default .item1 .l .b {
        font-size: 12px;
    }

    .page21 .list_default .item1 .r .t {
        font-size: 14px;
        line-height: 20px;
    }

    .page21 .list_default .item1 .r .b {
        font-size: 12px;
        line-height: 20px;
    }




    .page21 .list_default .item1 .l2 .r1 {
        font-size: 14px;
    }
    .page21 .list_default .item1 .l2 .r3 {
        font-size: 12px;
    }
    .page21 .list_default .item1 .l2 .r4 .btn {
        font-size: 14px;
        line-height: 26px;
        width: 100px;
        padding: 0 0.32rem;
        border-radius: 0.05rem;
        background-color: #005bac;
        color: #FFFFFF;
        text-align: center;
    }




    .page21 .list_default .list .item2 .cont .r2 .con1 {
        display: grid;
        grid-template-columns: 16px calc(100% - 16px - 10px);
        column-gap: 10px;
        justify-content: flex-start;
        align-items: center;
    }

    .page21 .list_default .list .item2 .cont .r2 .con1 .img {
        height: 16px;
    }

    .page21 .list_default .list .item2 .cont .r1 {
        font-size: 16px;
        color: #333;
    }

    .page21 .list_default .list .item2 .cont .r2 .con1 .txt {
        font-size: 12px;
    }


    .page21 .list_default .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0.24rem;
        row-gap: 0.24rem;
        justify-content: space-between;
        align-items: center;
    }
}









/* -------------------------------------------------------------------- */













@media screen and (min-width: 1680px) {
    html {
        font-size: 625% !important;
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size: 527% !important;
    }
}

@media screen and (max-width: 1366px) {
    html {
        font-size: 493.8% !important;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 444.4% !important;
    }
}

@media screen and (max-width: 1152px) {
    html {
        font-size: 395.1% !important;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 308.6% !important;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 279% !important;
    }

    .max-width {
        padding: 0 10px;
    }
}


@media screen and (max-width: 700px) {
    html {
        font-size: 238.08% !important;
    }

}


.hed {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
}

.hed .main {
    max-width: 16.2rem;
    height: 0.9rem;
    margin: 0 auto;
}

.hed .logo {
    width: 1.6rem;
    /*height: 0.35rem;*/
}

.hed .nav1,
.hed .nav2 {
    display: none;
}

.hed .tab_card {
    height: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    align-items: center;
}

.img1 {
    width: 23px;
    height: 23px;
}

.img2 {
    width: 20px;
    height: 20px;
}


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

.hed .tab_card>.l {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    row-gap: 0.06rem;
    column-gap: 0.3rem;
    justify-content: space-between;
    align-items: center;
}

.hed .tab_card>.l>.itm {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.06rem;
    justify-items: center;
    align-content: center;
}

.hed .tab_card>.l>.itm>.t {
    font-size: 0.15rem;
    color: #333333;
    line-height: 0.18rem;
}

.hed .tab_card>.l>.itm>.t.act {
    color: #005BAC;
}

.hed .tab_card>.l>.itm>.b {
    width: 0.6rem;
    height: 0.01rem;
    background-color: rgba(0, 0, 0, 0);
}

.hed .tab_card>.l>.itm>.b.act {
    background-color: #005BAC;
}

.hed .tab_card>.c {
    margin: 0 0.2rem;
    height: 0.16rem;
    border-left: 1px solid #d9d9d9;
}

.hed .tab_card>.r {
    width: 0.24rem;
    height: 0.24rem;
}

/* 电商特殊 */
.shop_mart {
    position: relative;
    height: 100%;
}

.shop_mart .popup_mart_btn_box {
    display: none;
    width: 100%;
    position: absolute;
    bottom: -2.12rem;
    z-index: 600;
    height: 2.12rem;
    width: 1.4rem;
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.shop_mart .popup_mart_btn_box .btn_box {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    align-content: flex-start;
}

.shop_mart .popup_mart_btn_box .btn_box .item {
    width: 100%;
    height: 0.7rem;
    border-bottom: 1px solid #e1e1e1;
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    align-content: center;
}

.shop_mart .popup_mart_btn_box .btn_box .item .img {
    width: 0.3rem;
    height: 0.3rem;
}





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

.pop_top::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}

.skatop{
    width: 100%;
    height: 100px;
    padding-top: 20px;
    background-color: #005BAC;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6000;
}
.skalist{
    width: 100%;
    background-color: #005BAC;
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 5000;
    height: 70%;
    overflow-y: scroll;
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
    padding-bottom: 60px;
}

/* !kdm0530 */

.pop_top .top_tit {
    display: grid;
    grid-template-columns: auto 12px;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 4px 14px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;

}

.pop_top .top_tit .tit {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.pop_top .top_tit .close {
    height: 12px;
}


.pop_top .pop_opt_itm {
    padding: 20px 0;
    border-bottom: 1px dashed #e1e1e1;
}
.pop_top .pop_opt_itm:last-child{
    border: 0;
}

.pop_top .pop_opt_itm .top {
    display: grid;
    grid-template-columns: auto 12px;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px 0 14px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.pop_top .pop_opt_itm .top>img {
    height: 12px;
}

/* !kdm0530 */




.pop_top .pop_opt_itm .bot {
    display: none;
    padding: 15px 0 0;
}

.pop_top .pop_opt_itm .bot_itm {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.2);
    padding: 10px 24px;
}
.pop_top .pop_opt_itm .bot_itm a{
    font-size: 15px;
    color: rgba(147, 187, 210, 1);
}

/* 定义滚动条样式 */
.select::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    border-radius: 10px;
    background-color: #eee;
}

/*定义滚动条轨道 内阴影+圆角*/
.select::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);	 */
    border-radius: 0.05rem 0 0.05rem 0;
    background-color: #eee;
}

/*定义滑块 内阴影+圆角*/
.select::-webkit-scrollbar-thumb {
    border-radius: 0.05rem;
    /* box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);		 */
    background-color: #dbdbdb;
}


@media screen and (max-width: 800px) {
    .hed .main {
        padding: 0 15px;
        margin: 0 auto;
        height: 50px;
    }

    .hed .logo {
        width: 100px;
        height: 22px;
    }

    .hed .tab_card {
        display: none;
    }

    .hed .nav1 {
        display: grid;
        grid-template-columns: auto auto auto;
        column-gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .hed .nav2 {
        display: grid;
        column-gap: 20px;
        grid-template-columns: auto auto;
        justify-content: center;
        align-items: center;
    }


}





.menu-box{
    border-radius: 6px 0 6px 0;
    background-color: #005BAC;
    padding: 25px 13px;
    position: fixed;
    top: 37vh;
    right: 0;
    z-index: 3000;
}
.menu-room{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    row-gap: 22px;
    justify-content: center;
    align-items: center;
}
.menu-itm{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    row-gap: 5px;
    justify-items: center;
    align-items: center;
}
.menu-itm-t{
    width: 20px;
    height: 20px;
}
.menu-itm-b{
    font-size: 10px;
    color: #FFFFFF;
}


/* 隐藏横向滚动条滚动条 */
.hide-scrollbar {
	scrollbar-width: none;
	/* firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
	overflow: hidden;
}


.hide-scrollbar::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	color: transparent !important;
	display: none !important;
}
@media screen and (max-width: 800px) {
    .menu-box{
        display: none;
        /*border-radius: 3px 0 3px 0;*/
        /*background-color: #005BAC;*/
        /*padding: 12px 6px;*/
        /*position: fixed;*/
        /*top: 37vh;*/
        /*right: 0;*/
        /*z-index: 3000;*/
    }
    .menu-room{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 28px;
        justify-content: center;
        align-items: center;
    }
    .menu-itm{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        row-gap: 6px;
        justify-items: center;
        align-items: center;
    }
    .menu-itm-t{
        width: 20px;
        height: 20px;
    }
    .menu-itm-b{
        font-size: 12px;
        color: #FFFFFF;
    }
}

.footer_card {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.58rem 0 0;
    background-color: #005BAC;
}

.footer_main {
    padding-bottom: 0.25rem;
}

.footer-room {
    display: grid;
    grid-template-columns: 21.126% calc(100% - 21.126% - 0.2rem);
    column-gap: 0.2rem;
    justify-content: space-between;
    align-items: flex-start;
}



.footer-l {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.34rem;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer-r {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    column-gap: 0.13rem;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}

.footer-itm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.14rem;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer-itm-tit1 {
    font-size: 0.16rem;
    color: #FFFFFF;
}

.footer-itm-tit {
    font-size: 0.13rem;
    color: #FFFFFF;
}

  .footer-itm-cont {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.17rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-itm-cont-row {
    display: grid;
    grid-template-columns: 0.2rem auto;
    column-gap: 0.06rem;
    justify-content: flex-start;
    align-items: center;
  }
  .footer-itm-cont-row-l {
    height: 0.2rem;
  }
  .footer-itm-cont-row-r {
    font-size: 0.14rem;
    color: #FFFFFF;
  }

.footer-itm-row {
    line-height: 0.23rem;
    font-size: 0.11rem;
    color: #FFFFFF;
}

.footer-row-big {
    font-size: 0.18rem;
}

.footer-row-big2 {
    font-size: 0.13rem;
}

.footer-bottom-box {
    padding-top: 0.76rem;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.25rem;
    justify-content: center;
    align-items: center;
    font-size: 0.11rem;
    color: #FFFFFF;
}

.footer-bottom-l {
    padding: 0 0.11rem 0 0.07rem;
}


.footer-bottom-r {
    display: grid;
    grid-template-columns: 0.2rem auto auto;
    column-gap: 0.08rem;
    justify-content: center;
    align-items: center;
}

.footer-bottom-r>img {
    height: 0.2rem;
}

.footer-bottom-r_right {
    padding-left: 0.05rem;
}


.skill{
    padding-top: 10px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 0.11rem;
    color: #fff;
}

.skill_val{
    display: inline-block;
}

@media screen and (max-width: 800px) {
    .skill{
        font-size: 11px;
    }
}

/* !kdm0529粘贴以下代码替换 .footer-bottom-l以下的样式 */
.footer-room1 {
    display: none;
}

.tel_box {
    display: none;
}

.tel_box_room {
    padding: 20px 0 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #FFFFFF;

}

.tel_box_room_right {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.footer_card .max-width {
    width: 100%;
    padding: 0 15px 34px;
}

/* 分页 */
.pagination {
    padding-top: 20px;
	display: flex;
	justify-content: center;
}

.pagination .pagination-left,
.pagination .pagination-right {
	cursor: pointer;
	margin-top: 8px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}

.pagination .pagination-left {
	margin-right: 30px;
	border-right: 11px solid #000000;
}

.pagination .pagination-left.disabled {
	border-right: 11px solid #999;
}

.pagination .pagination-right {
	margin-left: 30px;
	border-left: 11px solid #000000;
}

.pagination .pagination-right.disabled {
	border-left: 11px solid #999;
}

.pagination li {
	margin: 0 5px;
}

.pagination li a,
.pagination li span {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #000;
	cursor: pointer;
}

.pagination li.disabled,
.pagination li.disabled span,
.pagination li.disabled a {
	cursor: not-allowed !important;
	color: #999;
}

.pagination li.active a,
.pagination li.active span {
	background: #005BAC;
	color: #fff;
}

iframe{
    width:100%;
    height:100%;
    border: none;
}
/*iframe::-webkit-scrollbar {*/
/*    width: 5px;*/
/*    height: 5px;*/
/*}*/
/*iframe::-webkit-scrollbar-thumb{*/
/*    background-color: #999;*/
/*    -webkit-border-radius: 5px;*/
/*    border-radius: 5px;*/
/*}*/
/*iframe::-webkit-scrollbar-thumb:vertical:hover{*/
/*    background-color: #666;*/
/*}*/
/*iframe::-webkit-scrollbar-thumb:vertical:active{*/
/*    background-color: #333;*/
/*}*/
/*iframe::-webkit-scrollbar-button{*/
/*    display: none;*/
/*}*/
/*iframe::-webkit-scrollbar-track{*/
/*    background-color: #f1f1f1;*/
/*}*/


.scoll_tab{
    display: none;
}


.project_box{
    display: none;
}

.project_box_project {
    padding: 0.48rem 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.project_box_project_item {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0.25rem;
    justify-items: center;
    align-items: center;
}

.project_box_project_item_t {
    width: 100%;
    padding-top: 70%;
    position: relative;
}

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

.project_box_project_item_b {
    text-align: center;
    font-size: 14px;
    color: #555555;
} 





@media screen and (max-width: 800px) {
    
    #certify{
        display: none;
    }
    .project_box{
        display: block;
    }

    .help_tab{
        display: none !important;
    }
    .scoll_tab{
        display: flex;
        justify-content: flex-start;
        width: 100%;
        overflow-x: scroll;
    }
    .scoll_tab::-webkit-scrollbar {
        /*隐藏滚轮*/
        display: none;
    }
    .scoll_tab_itm{
        margin-right: 10px;
        padding: 0 20px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        align-items: center;
    }
    
    .scoll_tab_itm .t {
        line-height: 0.75rem;
        font-size: 12px;
        color: #777;
        white-space: nowrap;
    }
    
    .scoll_tab_itm .b {
        width: 0.68rem;
        height: 0.02rem;
        background-color: rgba(0, 0, 0, 0);
    }
    
    .scoll_tab_itm .t.act {
        color: #005BAC;
    }
    
    .scoll_tab_itm .b.act {
        background-color: #005BAC;
    }
    
    
    .iframe_make{
        display: block;
    }
    .footer-room {
        display: none;
    }

    .tel_box {
        display: block;
        padding: 0 15px 32px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .footer-bottom-box {
        padding-top: 0.76rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 0.25rem;
        justify-content: center;
        align-items: center;
        font-size: 11px;
        color: #FFFFFF;
        text-align: center;
    }

    /* !kdm0529 */
}