@charset "utf-8";

.font30 {
    font-size: .3rem
}

@media (max-width: 767px) {
    .font30 {
        font-size: .36rem
    }
}

.font36 {
    font-size: .36rem
}

@media (max-width: 767px) {
    .font36 {
        font-size: .4rem
    }
}

.font38 {
    font-size: .38rem
}

@media (max-width: 767px) {
    .font38 {
        font-size: .4rem
    }
}

.font46 {
    font-size: .46rem
}

@media (max-width: 767px) {
    .font46 {
        font-size: .4rem
    }
}

.base_img {
    position: relative;
    overflow: hidden
}

.base_img img {
    transition: all .6s;
    -webkit-transition: all .6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.base_img:before {
    content: "";
    display: block
}

.reportbanner .txt h2 {
    display: block
}

.reportbanner .txt p {
    font-size: 24px
}

@media (max-width: 1580px) {
    .reportbanner .txt p {
        font-size: 22px
    }
}

@media (max-width: 1260px) {
    .reportbanner .txt p {
        font-size: 20px
    }
}

@media (max-width: 767px) {
    .reportbanner .txt p {
        font-size: 16px
    }
}

#hi-img-pop img {
    width: auto
}

.reportbox_but {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    border-radius: 25px;
    justify-content: space-between;
    border: solid 1px #1072e0;
    padding: 7px;
    transition: all .4s linear;
    color: #1072e0;
    min-width: 1.8rem
}

@media (max-width: 1580px) {
    .reportbox_but {
        padding: 5px
    }
}

.reportbox_but span {
    display: block;
    padding: .06rem .14rem
}

.reportbox_but i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: .36rem;
    height: .36rem;
    background-color: #3066d0;
    transition: all .4s linear;
    margin-left: .2rem
}

.reportbox_but i img,
.reportbox_but i svg {
    width: 50%;
    height: 50%;
    object-fit: contain
}

.reportbox_but i img path,
.reportbox_but i svg path {
    fill: #fff;
    transition: all .4s linear
}

.reportbox_but:hover {
    background-color: #3066d0;
    color: #fff
}

.reportbox_but:hover i {
    background-color: #fff
}

.reportbox_but:hover i svg path {
    fill: #1072e0
}

@media (max-width: 767px) {
    .reportbox_but span {
        font-size: .22rem
    }

    .reportbox_but i {
        width: .44rem;
        height: .44rem
    }
}

.reportbox-sec1 {
    padding: .6rem 0 1rem
}

.reportbox-sec1 .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f7f7f7
}

.reportbox-sec1 .item .img,
.reportbox-sec1 .item .font {
    width: 50%
}

@media (max-width: 767px) {

    .reportbox-sec1 .item .img,
    .reportbox-sec1 .item .font {
        width: 100%
    }
}

.reportbox-sec1 .item .img:before {
    padding-top: 66.57142857%
}

.reportbox-sec1 .item .font {
    padding: .4rem .62rem
}

@media (max-width: 991px) {
    .reportbox-sec1 .item .font {
        padding: .4rem .34rem
    }
}

.reportbox-sec1 .item .font .f_tit {
    color: #333333;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .12rem
}

.reportbox-sec1 .item .font .f_text {
    color: #666;
    line-height: 1.625;
    height: 4.875em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: .56rem
}

@media (max-width: 767px) {
    .reportbox-sec1 .item .font .f_text {
        margin-bottom: .3rem
    }
}

.reportbox-sec1 .item .font .but {
    display: flex;
    align-items: center
}

.reportbox-sec1 .item .font .but .reportbox_but {
    margin-right: .2rem
}

.reportbox-sec1 .item .font .but .reportbox_but:last-child {
    margin-right: 0
}

.reportbox-sec2 {
    padding: 1rem 0;
    background-color: #f7f7f7
}

.reportbox-sec2 .cont {
    margin-bottom: .9rem
}

.reportbox-sec2 .cont:last-child {
    margin-bottom: 0
}

.reportbox-sec2 .cont .f_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem;
    align-items: center
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_title {
        align-items: flex-end
    }
}

.reportbox-sec2 .cont .f_title .f_tit {
    color: #333333;
    font-weight: bold
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_title .f_tit {
        margin-bottom: .05rem
    }
}

.reportbox-sec2 .cont .f_title .f_form {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_title .f_form {
        flex-direction: column;
        align-items: flex-start
    }
}

.reportbox-sec2 .cont .f_title .f_form .f_name {
    color: #000000;
    margin-right: .2rem
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_title .f_form .f_name {
        margin-bottom: .2rem;
        margin-right: 0
    }
}

.reportbox-sec2 .cont .f_title .f_form select {
    width: 2.2rem;
    padding: .14rem .35rem;
    border-radius: 26px;
    color: #666;
    border: 1px solid #aeaeae;
    background: url(../images/seleiconimg1.svg) no-repeat 86% center / 14px auto
}

@media (max-width: 1580px) {
    .reportbox-sec2 .cont .f_title .f_form select {
        background-size: 10px auto
    }
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_title .f_form select {
        width: 3.4rem
    }
}

.reportbox-sec2 .cont .f_jt {
    width: 100%
}

.reportbox-sec2 .cont .f_jt .f_box {
    transition: all .4s;
    overflow: hidden
}

.reportbox-sec2 .cont .f_jt .history_cont {
    margin: 0 -0.12rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.reportbox-sec2 .cont .f_jt .history_cont .item {
    width: 33.333%;
    padding: 0 .12rem .24rem
}

@media (max-width: 991px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item {
        width: 100%
    }
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list {
    display: block;
    background-color: #ffffff;
    transition: all .4s;
    border-top: 4px solid transparent;
    padding: .4rem
}

@media (max-width: 1580px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item .list {
        border-top-width: 2px
    }
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_icon {
    display: flex;
    align-items: center;
    height: .4rem;
    margin-bottom: .16rem
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item .list .f_icon {
        height: .5rem
    }
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_icon img,
.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_icon svg {
    height: 100%
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_icon img path,
.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_icon svg path {
    transition: all .4s;
    fill: #494949
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_tit {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #222222;
    margin-bottom: .62rem
}

@media (max-width: 1260px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item .list .f_tit {
        margin-bottom: .4rem
    }
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item .list .f_tit {
        margin-bottom: .3rem
    }
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but {
    display: flex;
    align-items: center;
    color: #999999;
    transition: all .4s
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .36rem;
    height: .36rem;
    transition: all .4s;
    border-radius: 50%
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but i {
        width: .46rem;
        height: .46rem
    }
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but i svg,
.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but i img {
    width: 50%;
    height: 50%;
    object-fit: contain
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but i svg path,
.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but i img path {
    fill: #999999;
    transition: all .4s
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but:hover {
    color: #1072e0
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but:hover i {
    transform: translateX(.11rem);
    background-color: #3066d0
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list .f_nut .but:hover i svg path {
    fill: #ffffff
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list:hover {
    border-top-color: #1072e0;
    box-shadow: 0 0 .22rem 0 rgba(0, 95, 197, 0.08)
}

.reportbox-sec2 .cont .f_jt .history_cont .item .list:hover i svg path {
    fill: #1a78d2
}

.reportbox-sec2 .cont .f_jt .policy_cont {
    margin: 0 -0.12rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.reportbox-sec2 .cont .f_jt .policy_cont .item {
    width: 33.333%;
    padding: 0 .12rem .24rem
}

@media (max-width: 991px) {
    .reportbox-sec2 .cont .f_jt .policy_cont .item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .policy_cont .item {
        width: 100%
    }
}

.reportbox-sec2 .cont .f_jt .policy_cont .item .list {
    display: block;
    background-color: #ffffff;
    transition: all .4s;
    border-top: 4px solid transparent;
    padding: .48rem .4rem;
    height: 100%;
    overflow: hidden;
    position: relative
}

@media (max-width: 1580px) {
    .reportbox-sec2 .cont .f_jt .policy_cont .item .list {
        border-top-width: 2px
    }
}

.reportbox-sec2 .cont .f_jt .policy_cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.72rem;
    height: .98rem;
    right: 7px;
    bottom: -13px;
    background: url(../images/logifeimg1.svg) no-repeat left top / 100% auto
}

.reportbox-sec2 .cont .f_jt .policy_cont .item .list .f_tit {
    position: relative;
    width: 100%;
    line-height: 1.45454545;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 2.90909091em;
    transition: all .4s;
    color: #222222
}

.reportbox-sec2 .cont .f_jt .policy_cont .item .list:hover {
    background-color: #3066d0
}

.reportbox-sec2 .cont .f_jt .policy_cont .item .list:hover .f_tit {
    color: #ffffff
}

.reportbox-sec2 .cont .f_jt .more_cont {
    margin: 0 -0.12rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.reportbox-sec2 .cont .f_jt .more_cont .item {
    width: 33.333%;
    padding: 0 .12rem .24rem
}

@media (max-width: 991px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item {
        width: 100%
    }
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list {
    display: block;
    background-color: #ffffff;
    transition: all .4s;
    border-top: 4px solid transparent;
    padding: .4rem
}

@media (max-width: 1580px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item .list {
        border-top-width: 2px
    }
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_icon {
    display: flex;
    align-items: center;
    height: .4rem;
    margin-bottom: .16rem
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item .list .f_icon {
        height: .5rem
    }
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_icon img,
.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_icon svg {
    height: 100%
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_icon img path,
.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_icon svg path {
    transition: all .4s;
    fill: #494949
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_tit {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #222222;
    line-height: 1.45454545;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.90909091em;
    margin-bottom: .62rem
}

@media (max-width: 1260px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item .list .f_tit {
        margin-bottom: .4rem
    }
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item .list .f_tit {
        margin-bottom: .3rem
    }
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .36rem;
    height: .36rem;
    transition: all .4s;
    border-radius: 50%
}

@media (max-width: 767px) {
    .reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut i {
        width: .46rem;
        height: .46rem
    }
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut i svg,
.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut i img {
    width: 50%;
    height: 50%;
    object-fit: contain
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut i svg path,
.reportbox-sec2 .cont .f_jt .more_cont .item .list .f_nut i img path {
    fill: #999999;
    transition: all .4s
}

.reportbox-sec2 .cont .f_jt .more_cont .item .list:hover i svg path {
    fill: #1a78d2
}

.reportbox-sec2 .cont .f_but {
    display: flex;
    justify-content: center;
    margin-top: .35rem
}

.reportbox-sec2 .cont .f_but .f_bin {
    display: inline-flex;
    display: -webkit-inline-flex;
    background-color: #3066d0;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: .13rem .36rem;
    transition: all .4s
}

.reportbox-sec2 .cont .f_but .f_bin span:nth-child(2) {
    display: none
}

.reportbox-sec2 .cont .f_but .f_bin i {
    display: flex;
    align-items: center;
    width: 14px;
    height: 9px;
    transition: all .4s;
    margin-left: .12rem
}

@media (max-width: 1580px) {
    .reportbox-sec2 .cont .f_but .f_bin i {
        width: 12px;
        height: 7px
    }
}

.reportbox-sec2 .cont .f_but .f_bin i svg,
.reportbox-sec2 .cont .f_but .f_bin i img {
    width: 100%;
    max-height: 100%
}

.reportbox-sec2 .cont .f_but .f_bin i svg path,
.reportbox-sec2 .cont .f_but .f_bin i img path {
    fill: #fff
}

.reportbox-sec2 .cont .f_but .f_bin:hover {
    opacity: .8
}

.reportbox-sec2 .cont .f_but .f_bin.on span {
    display: none
}

.reportbox-sec2 .cont .f_but .f_bin.on span:nth-child(2) {
    display: block
}

.reportbox-sec2 .cont .f_but .f_bin.on i {
    transform: rotate(180deg)
}

.base_prev,
.base_next {
    position: relative;
    width: .56rem;
    height: .56rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border-radius: 50%;
    opacity: 1;
    border: 1px solid #dadada;
    left: 0;
    right: 0;
    top: 0;
    margin: 0
}

@media (max-width: 1580px) {

    .base_prev,
    .base_next {
        width: .6rem;
        height: .6rem
    }
}

.base_prev img,
.base_next img,
.base_prev svg,
.base_next svg {
    width: 26.78571429%;
    height: 26.78571429%;
    object-fit: contain
}

.base_prev img path,
.base_next img path,
.base_prev svg path,
.base_next svg path {
    fill: #999999;
    transition: all .4s
}

.base_prev.swiper-button-lock,
.base_next.swiper-button-lock {
    display: none
}

.base_prev.swiper-button-disabled,
.base_next.swiper-button-disabled {
    pointer-events: auto;
    cursor: pointer;
    display: flex
}

.base_prev:hover,
.base_next:hover {
    border-color: #0c7dfc
}

.base_prev:hover svg path,
.base_next:hover svg path {
    fill: #0c7dfc
}

.honourbox_but {
    display: inline-flex;
    display: -webkit-inline-flex;
    border-radius: 20px;
    border: solid 1px #c9c9c9;
    padding: .08rem .28rem;
    color: #666666;
    transition: all .4s
}

.honourbox_but:hover {
    background-color: #3066d0;
    color: #ffffff;
    border-color: #3066d0
}

.honourbox-sec1 {
    padding: .38rem 0 .76rem
}

@media (max-width: 767px) {
    .honourbox-sec1 {
        padding: 1.1rem 0
    }
}

.honourbox-sec1 .f_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .48rem
}

.honourbox-sec1 .f_title .f_tit {
    font-weight: bold;
    color: #333333
}

.honourbox-sec1 .f_title .qie {
    position: relative
}

.honourbox-sec1 .f_title .qie .honourbox_prev {
    margin-right: .2rem
}

.honourbox-sec1 .honourbox1_cont .swiper-slide {
    height: auto
}

.honourbox-sec1 .honourbox1_cont .swiper-slide .item {
    height: 100%;
    display: block
}

.honourbox-sec1 .honourbox1_cont .swiper-slide .item .list {
    height: 100%;
    width: 100%;
    background-color: #f7f7f7;
    cursor: pointer;
    padding: .36rem .32rem .34rem
}

.honourbox-sec1 .honourbox1_cont .swiper-slide .item .list .f_img {
    height: 1.94rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .58rem
}

.honourbox-sec1 .honourbox1_cont .swiper-slide .item .list .f_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain
}

.honourbox-sec1 .honourbox1_cont .swiper-slide .item .list .font {
    text-align: center
}

.honourbox-sec1 .honourbox1_cont .swiper-slide .item .list .font .f_tit {
    color: #222222;
    line-height: 1.45454545
}

.honourbox-sec2 {
    background-color: #f7f7f7;
    padding: .78rem 0 1.3rem
}

@media (max-width: 767px) {
    .honourbox-sec2 {
        padding: 1.2rem 0 1.3rem
    }
}

.honourbox-sec2 .f_title {
    color: #333333;
    margin-bottom: .48rem;
    font-weight: bold
}

.honourbox-sec2 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem
}

.honourbox-sec2 .cont .item {
    width: 33.333%;
    padding: 0 .1rem;
    margin-bottom: .25rem
}

@media (max-width: 991px) {
    .honourbox-sec2 .cont .item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .honourbox-sec2 .cont .item {
        width: 100%;
        margin-bottom: .6rem
    }
}

.honourbox-sec2 .cont .item .list {
    width: 100%;
    display: block;
    background: #ffffff;
    padding: 12px
}

@media (max-width: 1580px) {
    .honourbox-sec2 .cont .item .list {
        padding: 8px
    }
}

@media (max-width: 767px) {
    .honourbox-sec2 .cont .item .list {
        padding: 0
    }
}

.honourbox-sec2 .cont .item .list .img {
    overflow: hidden
}

.honourbox-sec2 .cont .item .list .img:before {
    padding-top: 59.53488372%
}

.honourbox-sec2 .cont .item .list .font {
    padding: .34rem .2rem
}

.honourbox-sec2 .cont .item .list .font .f_time {
    display: block;
    color: #666666;
    margin-bottom: .08rem
}

.honourbox-sec2 .cont .item .list .font .f_tit {
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.36363636;
    overflow: hidden;
    margin-bottom: .36rem
}

@media (max-width: 767px) {
    .honourbox-sec2 .cont .item .list .font .honourbox_but {
        padding: .13rem .5rem
    }
}

.honourbox-sec2 .cont .item .list:hover .img img {
    transform: scale(1.08)
}

.honourbox-sec2 .cont .item .list:hover .font .f_tit {
    font-weight: bold
}

.honourbox-sec2 .cont .item .list:hover .font .honourbox_but {
    background-color: #3066d0;
    color: #ffffff;
    border-color: #3066d0
}

.honourbox-sec2 .page {
    margin-top: .6rem
}

@media (max-width: 767px) {
    .technobanner .txt {
        padding: 0 5%
    }
}

.technobanner .txt h2 {
    display: block
}

.technobanner .txt .f_text {
    color: #ffffff;
    text-align: center;
    line-height: 1.54545455
}

@media (max-width: 767px) {
    .technobanner .txt .f_text {
        font-size: .28rem
    }
}

.technobanner .txt .f_text p {
    margin: 0;
    text-align: center
}

.technobanner .txt .f_jt {
    margin-top: .36rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.technobanner .txt .f_jt .li {
    width: .48rem;
    margin: 0 .12rem
}

@media (max-width: 767px) {
    .technobanner .txt .f_jt .li {
        width: .66rem
    }
}

.technobanner .txt .f_jt .li:before {
    padding-top: 100%
}

.technobox-sec1 {
    background-color: #f7f7f7;
    padding: 1.1rem 0 1.5rem
}

@media (max-width: 767px) {
    .technobox-sec1 {
        padding: 1.2rem 0
    }
}

.technobox-sec1 .item {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1rem
}

.technobox-sec1 .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.technobox-sec1 .item .list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.technobox-sec1 .item .list .img,
.technobox-sec1 .item .list .font {
    width: 50%
}

@media (max-width: 767px) {

    .technobox-sec1 .item .list .img,
    .technobox-sec1 .item .list .font {
        width: 100%
    }
}

@media (max-width: 767px) {
    .technobox-sec1 .item .list .img {
        margin-bottom: .3rem
    }
}

.technobox-sec1 .item .list .img:before {
    padding-top: 59.14285714%
}

.technobox-sec1 .item .list .font {
    padding-left: 1.72rem
}

@media (max-width: 1580px) {
    .technobox-sec1 .item .list .font {
        padding-left: 1.2rem
    }
}

@media (max-width: 1260px) {
    .technobox-sec1 .item .list .font {
        padding-left: .6rem
    }
}

@media (max-width: 767px) {
    .technobox-sec1 .item .list .font {
        padding-left: 0
    }
}

.technobox-sec1 .item .list .font .f_tit {
    font-weight: bold;
    color: #222222;
    margin-bottom: .12rem
}

.technobox-sec1 .item .list .font .f_text {
    color: #666666;
    line-height: 1.625;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 6.5em;
    margin-bottom: .38rem
}

.technobox-sec1 .item .list .font .honourbox_but {
    min-width: 1.6rem;
    border-radius: 30px;
    padding: .13rem .5rem
}

.technobox-sec1 .item .list .font .f_jt {
    display: block;
    margin-bottom: .24rem
}

.technobox-sec1 .item .list .font .f_jt:last-child {
    margin-bottom: 0
}

.technobox-sec1 .item .list .font .f_jt .f_text {
    margin-bottom: .06rem
}

.technobox-sec1 .item .list:hover .img img {
    transform: scale(1.06)
}

@media (min-width: 768px) {
    .technobox-sec1 .item:nth-child(2n) .list .img {
        order: 1
    }

    .technobox-sec1 .item:nth-child(2n) .list .font {
        padding-left: 0;
        padding-right: 1.8rem
    }
}

@media (min-width: 768px) and (max-width: 1580px) {
    .technobox-sec1 .item:nth-child(2n) .list .font {
        padding-right: 1.2rem
    }
}

@media (min-width: 768px) and (max-width: 1260px) {
    .technobox-sec1 .item:nth-child(2n) .list .font {
        padding-right: .6rem
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .technobox-sec1 .item:nth-child(2n) .list .font {
        padding-right: 0
    }
}

.moralsbox-sec1 {
    background-color: #f7f7f7;
    padding: 1rem 0 1.4rem
}

@media (max-width: 767px) {
    .moralsbox-sec1 {
        padding: 1.2rem 0
    }
}

.moralsbox-sec1 .f_jt {
    padding-bottom: .72rem;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1rem
}

.moralsbox-sec1 .f_jt .font {
    margin-bottom: 1.12rem
}

@media (max-width: 767px) {
    .moralsbox-sec1 .f_jt .font {
        margin-bottom: .4rem
    }
}

.moralsbox-sec1 .f_jt .font .f_tit {
    color: #222222;
    font-weight: bold;
    margin-bottom: .22rem
}

.moralsbox-sec1 .f_jt .font .f_text {
    color: #666666;
    line-height: 1.625
}

.moralsbox-sec1 .f_jt .f_way .f_title {
    background-color: #3167d1;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: .12rem .3rem;
    margin-bottom: 10px
}

.moralsbox-sec1 .f_jt .f_way .f_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

@media (max-width: 1580px) {
    .moralsbox-sec1 .f_jt .f_way .f_list {
        margin: 0 -7px
    }
}

@media (max-width: 767px) {
    .moralsbox-sec1 .f_jt .f_way .f_list {
        margin: 0 -0.1rem
    }
}

.moralsbox-sec1 .f_jt .f_way .f_list .item {
    width: 20%;
    padding: 0 9px;
    margin-bottom: 18px
}

@media (max-width: 1580px) {
    .moralsbox-sec1 .f_jt .f_way .f_list .item {
        padding: 0 7px;
        margin-bottom: 14px
    }
}

@media (max-width: 767px) {
    .moralsbox-sec1 .f_jt .f_way .f_list .item {
        padding: 0 .1rem;
        margin-bottom: .2rem;
        width: 50%
    }
}

.moralsbox-sec1 .f_jt .f_way .f_list .item .li {
    background-color: #ffffff;
    box-shadow: 0 3px 18px 0 rgba(49, 103, 209, 0.06);
    padding: .55rem .24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1.4;
    color: #222222;
    text-align: center
}

@media (max-width: 767px) {
    .moralsbox-sec1 .f_jt .f_way .f_list .item .li {
        padding: .4rem .1rem
    }
}

.moralsbox-sec1 .f_jt .f_way .f_list .item .li .f_tit {
    font-weight: bold
}

@media (max-width: 767px) {
    .moralsbox-sec1 .f_jt .f_way .f_list .item .li .f_tit {
        font-size: .24rem
    }
}

.moralsbox-sec1 .cont .item {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1rem
}

.moralsbox-sec1 .cont .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.moralsbox-sec1 .cont .item .list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.moralsbox-sec1 .cont .item .list .img,
.moralsbox-sec1 .cont .item .list .font {
    width: 50%
}

@media (max-width: 767px) {

    .moralsbox-sec1 .cont .item .list .img,
    .moralsbox-sec1 .cont .item .list .font {
        width: 100%
    }
}

@media (max-width: 767px) {
    .moralsbox-sec1 .cont .item .list .img {
        margin-bottom: .3rem
    }
}

.moralsbox-sec1 .cont .item .list .img:before {
    padding-top: 59.14285714%
}

.moralsbox-sec1 .cont .item .list .font {
    padding-right: 2rem
}

@media (max-width: 1580px) {
    .moralsbox-sec1 .cont .item .list .font {
        padding-right: 1.6rem
    }
}

@media (max-width: 1260px) {
    .moralsbox-sec1 .cont .item .list .font {
        padding-right: .6rem
    }
}

@media (max-width: 767px) {
    .moralsbox-sec1 .cont .item .list .font {
        padding-right: 0;
        order: 1
    }
}

.moralsbox-sec1 .cont .item .list .font .f_tit {
    font-weight: bold;
    color: #222222;
    margin-bottom: .2rem
}

.moralsbox-sec1 .cont .item .list .font .f_text {
    color: #666666;
    line-height: 1.625
}

.moralsbox-sec1 .cont .item .list .font .honourbox_but {
    min-width: 1.6rem;
    border-radius: 30px;
    padding: .13rem .5rem;
    margin-top: .38rem
}

.moralsbox-sec1 .cont .item .list .font .f_er {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem
}

@media (max-width: 767px) {
    .moralsbox-sec1 .cont .item .list .font .f_er {
        margin-top: .2rem
    }
}

.moralsbox-sec1 .cont .item .list .font .f_er .f_wen {
    width: 56.818%;
    padding-right: .2rem
}

@media (max-width: 767px) {
    .moralsbox-sec1 .cont .item .list .font .f_er .f_wen {
        padding-right: 0;
        width: 100%
    }
}

.moralsbox-sec1 .cont .item .list .font .f_er .f_wen .f_t1 {
    font-weight: bold;
    color: #222222;
    margin-bottom: .14rem
}

@media (max-width: 767px) {
    .moralsbox-sec1 .cont .item .list .font .f_er .f_wen .f_t1 {
        font-size: .3rem
    }
}

.moralsbox-sec1 .cont .item .list .font .f_er .f_wen .f_tx1 {
    color: #666666;
    line-height: 1.625
}

.moralsbox-sec1 .cont .item .list .font .f_er .f_tu {
    width: 104px
}

@media (max-width: 1580px) {
    .moralsbox-sec1 .cont .item .list .font .f_er .f_tu {
        width: 90px
    }
}

.moralsbox-sec1 .cont .item .list .font .f_er .f_tu img {
    width: 100%
}

.moralsbox-sec1 .cont .item .list:hover .img img {
    transform: scale(1.06)
}

@media (min-width: 768px) {
    .moralsbox-sec1 .cont .item:nth-child(2n) .list .font {
        order: 1;
        padding-right: 0;
        padding-left: 1.72rem
    }
}

@media (min-width: 768px) and (max-width: 1580px) {
    .moralsbox-sec1 .cont .item:nth-child(2n) .list .font {
        padding-left: 1.2rem
    }
}

@media (min-width: 768px) and (max-width: 1260px) {
    .moralsbox-sec1 .cont .item:nth-child(2n) .list .font {
        padding-left: .6rem
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .moralsbox-sec1 .cont .item:nth-child(2n) .list .font {
        padding-left: 0
    }
}

.steadybox-sec1 {
    padding: .78rem 0 1rem
}

@media (max-width: 767px) {
    .steadybox-sec1 {
        padding: 1.1rem 0
    }
}

.steadybox-sec1 .font {
    text-align: center;
    max-width: 9.25rem;
    margin: 0 auto
}

@media (max-width: 1580px) {
    .steadybox-sec1 .font {
        max-width: 57%
    }
}

@media (max-width: 991px) {
    .steadybox-sec1 .font {
        max-width: 100%
    }
}

.steadybox-sec1 .font .f_title {
    font-weight: bold;
    color: #333333
}

.steadybox-sec1 .font .f_text {
    margin-top: .18rem;
    color: #666666;
    line-height: 1.625
}

.steadybox-sec1 .cont {
    margin: 0 -0.8rem;
    margin-top: .88rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width: 1260px) {
    .steadybox-sec1 .cont {
        margin: .66rem -0.6rem 0
    }
}

@media (max-width: 767px) {
    .steadybox-sec1 .cont {
        margin: .4rem 0 0;
        justify-content: flex-start
    }
}

.steadybox-sec1 .cont .li {
    width: 25%;
    border-right: 1px solid #d2d2d2;
    padding: 0 .8rem
}

@media (max-width: 1260px) {
    .steadybox-sec1 .cont .li {
        padding: 0 .6rem
    }
}

@media (max-width: 767px) {
    .steadybox-sec1 .cont .li {
        padding: 0 .3rem;
        width: 50%;
        margin-bottom: .4rem;
        text-align: center
    }

    .steadybox-sec1 .cont .li:nth-child(2n) {
        border-right: none
    }
}

.steadybox-sec1 .cont .li:last-child {
    border-right: none
}

.steadybox-sec1 .cont .li .shu {
    color: #444444;
    display: flex;
    align-items: flex-start;
    line-height: 2;
    margin-bottom: .15rem
}

@media (max-width: 767px) {
    .steadybox-sec1 .cont .li .shu {
        justify-content: center
    }
}

.steadybox-sec1 .cont .li .shu .count {
    color: #3066d0;
    font-size: .7rem;
    line-height: 1
}

.steadybox-sec1 .cont .li .f_text {
    color: #444444
}

@media (max-width: 767px) {
    .steadybox-sec1 .cont .li .f_text {
        text-align: center
    }
}

.steadybox-sec2 .cont .item .list .font .f_tit {
    margin-bottom: .25rem
}

.steadybox-sec2 .cont .item .list .font .f_text {
    color: #444444
}

.steadybox-sec2 .cont .item .list .font .f_dian {
    margin-top: .28rem;
    line-height: 1.875;
    color: #838383
}

.steadybox-sec2 .cont .item .list .font .f_dian p {
    padding-left: 14px;
    position: relative
}

@media (max-width: 1580px) {
    .steadybox-sec2 .cont .item .list .font .f_dian p {
        padding-left: 10px
    }
}

.steadybox-sec2 .cont .item .list .font .f_dian p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .9375em;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #838383;
    border-radius: 50%
}

.developbox-sec1 {
    background-color: #f9f9f9;
    padding: .96rem 0 1.3rem
}

.developbox-sec1 .f_title {
    color: #222222;
    font-weight: bold;
    margin-bottom: .33rem
}

.developbox-sec1 .f_jt,
.developbox-sec1 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.13rem
}

.developbox-sec1 .f_jt .item,
.developbox-sec1 .cont .item {
    width: 50%;
    padding: 0 .13rem;
    margin-bottom: .3rem
}

@media (max-width: 767px) {

    .developbox-sec1 .f_jt .item,
    .developbox-sec1 .cont .item {
        width: 100%
    }
}

.developbox-sec1 .f_jt .item .list,
.developbox-sec1 .cont .item .list {
    position: relative;
    display: block;
    height: 100%
}

.developbox-sec1 .f_jt .item .list .bag,
.developbox-sec1 .cont .item .list .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s
}

.developbox-sec1 .f_jt .item .list .bag img,
.developbox-sec1 .cont .item .list .bag img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.developbox-sec1 .f_jt .item .list .bag:after,
.developbox-sec1 .cont .item .list .bag:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .35
}

.developbox-sec1 .f_jt .item .list .font,
.developbox-sec1 .cont .item .list .font {
    background: #ffffff;
    position: relative;
    transition: all .4s;
    padding: .4rem .4rem .32rem
}

.developbox-sec1 .f_jt .item .list .font .f_tit,
.developbox-sec1 .cont .item .list .font .f_tit {
    color: #222222;
    font-weight: bold;
    padding-bottom: .28rem;
    margin-bottom: .22rem;
    transition: all .4s;
    border-bottom: 1px solid #ececec
}

.developbox-sec1 .f_jt .item .list .font .f_text,
.developbox-sec1 .cont .item .list .font .f_text {
    color: #444444;
    transition: all .4s
}

.developbox-sec1 .f_jt .item .list:hover .bag,
.developbox-sec1 .cont .item .list:hover .bag {
    opacity: 1
}

.developbox-sec1 .f_jt .item .list:hover .font,
.developbox-sec1 .cont .item .list:hover .font {
    background: transparent
}

.developbox-sec1 .f_jt .item .list:hover .font .f_tit,
.developbox-sec1 .cont .item .list:hover .font .f_tit {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.5)
}

.developbox-sec1 .f_jt .item .list:hover .font .f_text,
.developbox-sec1 .cont .item .list:hover .font .f_text {
    color: #ffffff
}

.developbox-sec1 .cont .item {
    width: 25%
}

@media (max-width: 991px) {
    .developbox-sec1 .cont .item {
        width: 50%
    }
}

.developbox-sec1 .cont .item .list {
    min-height: 3.3rem
}

.developbox-sec1 .cont .item .list .font {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: .42rem .4rem .48rem
}

@media (max-width: 767px) {
    .developbox-sec1 .cont .item .list .font {
        padding: .4rem .3rem
    }
}

.developbox-sec1 .cont .item .list .font .f_tit {
    padding-bottom: 0;
    border-bottom: none
}

.developbox-sec1 .cont .item .list .font .f_text {
    margin-top: auto;
    color: #666666;
    line-height: 1.625;
    min-height: 4.875em
}

@media (max-width: 767px) {
    .developbox-sec1 .cont .item .list .font .f_text {
        font-size: .24rem;
        margin-top: 0
    }
}

.developbox-sec2 {
    background-color: #ffffff
}

.developbox-sec2 .cont .item .list .font .honourbox_but {
    padding: .13rem .26rem
}

.cleanbox-sec1 {
    padding: .74rem 0 1.6rem;
    background-color: #f9f9f9
}

@media (max-width: 767px) {
    .cleanbox-sec1 {
        padding: 1rem 0 .8rem
    }
}

.cleanbox-sec1 .f_title {
    font-weight: bold;
    color: #333333;
    margin-bottom: .7rem
}

.cleanbox-sec1 .cont {
    overflow: hidden
}

.cleanbox-sec1 .cont .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem
}

@media (max-width: 1260px) {
    .cleanbox-sec1 .cont .f_jt {
        margin: 0 -0.5rem
    }
}

@media (max-width: 767px) {
    .cleanbox-sec1 .cont .f_jt {
        margin: 0
    }
}

.cleanbox-sec1 .cont .f_jt .item {
    width: 50%;
    padding: 0 1rem 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eaeaea
}

.cleanbox-sec1 .cont .f_jt .item:after,
.cleanbox-sec1 .cont .f_jt .item:before {
    content: "";
    display: block;
    position: absolute;
    background: #eaeaea
}

.cleanbox-sec1 .cont .f_jt .item:after {
    right: 0;
    top: 0;
    width: 1px;
    height: 80%;
    height: calc(100% - .76rem)
}

@media (max-width: 1260px) {
    .cleanbox-sec1 .cont .f_jt .item {
        padding: 0 .5rem .5rem;
        margin-bottom: .5rem
    }
}

@media (max-width: 767px) {
    .cleanbox-sec1 .cont .f_jt .item {
        padding: 0;
        width: 100%;
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }

    .cleanbox-sec1 .cont .f_jt .item:after,
    .cleanbox-sec1 .cont .f_jt .item:before {
        display: none
    }
}

@media (min-width: 768px) {
    .cleanbox-sec1 .cont .f_jt .item:nth-child(2n):after {
        display: none
    }

    .cleanbox-sec1 .cont .f_jt .item:nth-last-child(1),
    .cleanbox-sec1 .cont .f_jt .item:nth-last-child(2) {
        margin-bottom: 0;
        border-bottom: none
    }

    .cleanbox-sec1 .cont .f_jt .item:nth-last-child(1):before,
    .cleanbox-sec1 .cont .f_jt .item:nth-last-child(2):before {
        display: none
    }
}

.cleanbox-sec1 .cont .f_jt .item .list {
    display: block
}

.cleanbox-sec1 .cont .f_jt .item .list .img {
    width: 100%;
    padding-top: 56.73876872%;
    margin-bottom: .47rem
}

@media (min-width: 768px) {
    .cleanbox-sec1 .cont .f_jt .item .list .font {
        padding-right: .4rem
    }
}

.cleanbox-sec1 .cont .f_jt .item .list .font .f_tit {
    color: #222222;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .21rem
}

.cleanbox-sec1 .cont .f_jt .item .list .font .f_text {
    color: #444444;
    margin-bottom: .53rem;
    line-height: 1.625
}

.cleanbox-sec1 .cont .f_jt .item .list .font .f_text p {
    margin-bottom: .16rem
}

.cleanbox-sec1 .cont .f_jt .item .list .font .f_text p:last-child {
    margin-bottom: 0
}

.cleanbox-sec1 .cont .f_jt .item .list:hover .img img {
    transform: scale(1.08)
}

.cleanbox-sec1 .cont .f_jt .item .list:hover .font .honourbox_but {
    background-color: #3066d0;
    border-color: #3066d0;
    color: #ffffff
}

.sustainbox-sec1 .font {
    text-align: center
}

.sustainbox-sec1 .font p {
    text-align: center
}

.sustainbox-sec2 {
    background-color: #f9f9f9;
    padding: .24rem 0 1rem
}

@media (max-width: 767px) {
    .sustainbox-sec2 {
        padding: 1.2rem 0
    }
}

.sustainbox-sec2 .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .96rem
}

@media (max-width: 767px) {
    .sustainbox-sec2 .f_jt {
        margin-bottom: .6rem
    }
}

.sustainbox-sec2 .f_jt .font {
    width: 44.14%;
    padding-right: .5rem;
    padding-top: .7rem
}

@media (max-width: 767px) {
    .sustainbox-sec2 .f_jt .font {
        width: 100%;
        padding-top: 0;
        margin-bottom: .4rem;
        padding-right: 0
    }
}

.sustainbox-sec2 .f_jt .font .f_tit {
    color: #222222;
    font-weight: bold;
    margin-bottom: .25rem
}

.sustainbox-sec2 .f_jt .font .f_text {
    color: #444444;
    line-height: 1.625
}

.sustainbox-sec2 .f_jt .img {
    width: 55.86%
}

@media (max-width: 767px) {
    .sustainbox-sec2 .f_jt .img {
        width: 100%
    }
}

.sustainbox-sec2 .f_jt .img img {
    width: 100%
}

.sustainbox-sec2 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.14rem
}

.sustainbox-sec2 .cont .item {
    width: 25%;
    padding: 0 .14rem;
    margin-bottom: .28rem
}

@media (max-width: 767px) {
    .sustainbox-sec2 .cont .item {
        width: 50%
    }
}

.sustainbox-sec2 .cont .item .list {
    display: block;
    position: relative;
    overflow: hidden
}

.sustainbox-sec2 .cont .item .list .img {
    padding-top: 100%;
    position: relative
}

.sustainbox-sec2 .cont .item .list .img:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/jinafbagw1.png) no-repeat left bottom / 100% auto;
    z-index: 1
}

@media (max-width: 991px) {
    .sustainbox-sec2 .cont .item .list .img:after {
        background: #000000;
        opacity: .4
    }
}

.sustainbox-sec2 .cont .item .list .f_nei {
    position: absolute;
    left: 0;
    bottom: .22rem;
    width: 100%;
    color: #ffffff;
    z-index: 1;
    overflow: hidden;
    padding: 0 .3rem
}

.sustainbox-sec2 .cont .item .list .f_nei .font {
    transition: all .4s
}

@media (min-width: 992px) {
    .sustainbox-sec2 .cont .item .list .f_nei .font {
        transform: translateY(70%);
        transform: translateY(calc(100% - 1.5em))
    }
}

.sustainbox-sec2 .cont .item .list .f_nei .font i {
    display: flex;
    align-items: center;
    width: .27rem
}

.sustainbox-sec2 .cont .item .list .f_nei .font i img {
    width: 100%
}

.sustainbox-sec2 .cont .item .list .f_nei .font .f_title1 {
    display: flex;
    align-items: center
}

.sustainbox-sec2 .cont .item .list .f_nei .font .f_title1 .f_tit {
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
    font-weight: bold;
    text-overflow: ellipsis;
    max-width: calc(100% - .27rem);
    padding-right: .16rem;
    margin-bottom: 3px
}

@media (max-width: 1260px) {
    .sustainbox-sec2 .cont .item .list .f_nei .font .f_title1 .f_tit {
        padding-right: 0;
        width: 100%
    }
}

@media (max-width: 1260px) {
    .sustainbox-sec2 .cont .item .list .f_nei .font .f_title1 i {
        display: none
    }
}

.sustainbox-sec2 .cont .item .list .f_nei .font .f_text {
    line-height: 1.625;
    margin-bottom: .2rem;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 4.875em
}

@media (max-width: 1580px) {
    .sustainbox-sec2 .cont .item .list .f_nei .font .f_text {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .sustainbox-sec2 .cont .item .list .f_nei .font .f_text {
        font-size: .24rem
    }
}

@media (min-width: 992px) {
    .sustainbox-sec2 .cont .item .list:hover .img img {
        transform: scale(1.06)
    }

    .sustainbox-sec2 .cont .item .list:hover .f_nei .font {
        transform: translateY(0)
    }

    .sustainbox-sec2 .cont .item .list:hover .f_nei .font .f_title1 i {
        opacity: 0
    }
}

.sustainbox-sec3 {
    padding: 1.1rem 0 .6rem
}

.sustainbox-sec3 .font {
    margin: 0 auto .36rem;
    text-align: center;
    max-width: 9.25rem
}

@media (max-width: 1580px) {
    .sustainbox-sec3 .font {
        max-width: 57%
    }
}

@media (max-width: 991px) {
    .sustainbox-sec3 .font {
        max-width: 100%
    }
}

.sustainbox-sec3 .font p {
    text-align: center
}

.sustainbox-sec3 .font .f_tit {
    color: #333333;
    font-weight: bold;
    margin-bottom: .12rem
}

.sustainbox-sec3 .font .f_text {
    color: #444444;
    line-height: 1.625
}

.sustainbox-sec3 .img {
    text-align: center;
    height: 5.6rem
}

.sustainbox-sec3 .img img {
    max-width: 100%;
    width: auto
}

.sustainbox-sec4 {
    padding: .6rem 0 .6rem
}

.sustainbox-sec4 .f_title {
    color: #222222;
    font-weight: bold;
    margin-bottom: .64rem
}

.sustainbox-sec4 .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.32rem
}

@media (max-width: 1260px) {
    .sustainbox-sec4 .f_jt {
        margin: 0 -0.2rem
    }
}

@media (max-width: 767px) {
    .sustainbox-sec4 .f_jt {
        margin: 0 -0.15rem
    }
}

.sustainbox-sec4 .f_jt .item {
    width: 50%;
    padding: 0 .32rem;
    margin-bottom: .64rem
}

@media (max-width: 1260px) {
    .sustainbox-sec4 .f_jt .item {
        padding: 0 .2rem;
        margin-bottom: .4rem
    }
}

@media (max-width: 767px) {
    .sustainbox-sec4 .f_jt .item {
        padding: 0 .15rem;
        width: 50%
    }
}

.sustainbox-sec4 .f_jt .item .list {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    background: url(../images/zhiximbag1.png) no-repeat center / cover
}

@media (max-width: 767px) {
    .sustainbox-sec4 .f_jt .item .list {
        padding: .4rem .3rem;
        background: #f9f9f9
    }
}

.sustainbox-sec4 .f_jt .item .list .font {
    
    padding: .7rem .4rem .72rem;
    position: relative
}

@media (max-width: 767px) {
    .sustainbox-sec4 .f_jt .item .list .font {
        width: 100%;
        padding: 0;
        order: 1;
        margin-top: .4rem
    }
}

.sustainbox-sec4 .f_jt .item .list .font .f_had {
    width: 100%;
    display: flex;
    padding-bottom: 5px;
    border-bottom: 2px solid #eff3f6;
    margin-bottom: .32rem
}

.sustainbox-sec4 .f_jt .item .list .font .f_had .f_name {
    flex: 1 1 auto;
    color: #444444
}

.sustainbox-sec4 .f_jt .item .list .font .f_had .f_tit {
    flex: 0 0 auto;
    margin-left: .14rem;
    color: #666666
}

@media (max-width: 767px) {
    .sustainbox-sec4 .f_jt .item .list .font .f_had {
        font-size: .24rem;
        flex-wrap: wrap;
        border-width: 1px
    }

    .sustainbox-sec4 .f_jt .item .list .font .f_had .f_name {
        width: 100%
    }

    .sustainbox-sec4 .f_jt .item .list .font .f_had .f_tit {
        margin-left: 0;
        font-weight: bold;
        font-size: .34rem
    }
}

.sustainbox-sec4 .f_jt .item .list .font .f_text {
    color: #666666;
    line-height: 1.375
}

@media (max-width: 767px) {
    .sustainbox-sec4 .f_jt .item .list .font .f_text {
        font-size: .24rem
    }
}

@media (min-width: 768px) {
    .sustainbox-sec4 .f_jt .item .list .img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 41.6168%;
        display: flex;
        justify-content: center
    }
}

.sustainbox-sec4 .f_jt .item .list .img img {
    width: 1.8rem
}

.sustainbox-sec4 .cont {
    margin-top: .3rem
}

.sustainbox-sec4 .cont .sustainbox4_cont {
    width: auto;
    margin: 0 -0.3rem
}

@media (max-width: 767px) {
    .sustainbox-sec4 .cont .sustainbox4_cont {
        margin: 0 -0.15rem
    }
}

.sustainbox-sec4 .cont .sustainbox4_cont .sustainbox4_page {
    position: relative;
    bottom: 0;
    margin-top: .4rem
}

.sustainbox-sec4 .cont .sustainbox4_cont .sustainbox4_page .swiper-pagination-bullet-active {
    background: #3066d0
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide {
    width: 20%;
    height: auto;
    padding: 0 .3rem
}

@media (max-width: 1260px) {
    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide {
        width: 25%
    }
}

@media (max-width: 991px) {
    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide {
        width: 33.333%
    }
}

@media (max-width: 767px) {
    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide {
        width: 50%;
        padding: 0 .15rem
    }
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item {
    border-bottom: 2px solid #eff3f6;
    padding-bottom: .16rem;
    height: 100%
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .img {
    width: 100%;
    padding-top: 100%
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font {
    margin-top: .23rem
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had {
    width: 100%;
    display: flex;
    padding-bottom: 5px;
    border-bottom: 2px solid #eff3f6;
    margin-bottom: .16rem
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had .f_name {
    flex: 1 1 auto;
    color: #444444
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had .f_tit {
    flex: 0 0 auto;
    margin-left: .14rem;
    color: #666666
}

@media (max-width: 767px) {
    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had {
        font-size: .24rem;
        flex-wrap: wrap
    }

    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had .f_name {
        width: 100%
    }

    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had .f_tit {
        margin-left: 0;
        font-weight: bold;
        font-size: .34rem
    }
}

.sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_text {
    color: #666666;
    line-height: 1.375
}

@media (max-width: 767px) {
    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_text {
        font-size: .24rem
    }
}

@media (max-width: 991px) {
    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item {
        border-width: 1px
    }

    .sustainbox-sec4 .cont .sustainbox4_cont .swiper-slide .item .font .f_had {
        border-width: 1px
    }
}

.sustainbox-sec5 {
    padding: .6rem 0 1rem
}

.sustainbox-sec5 .font {
    max-width: 9.25rem
}

@media (max-width: 1580px) {
    .sustainbox-sec5 .font {
        max-width: 57%
    }
}

@media (max-width: 991px) {
    .sustainbox-sec5 .font {
        max-width: 100%
    }
}

.sustainbox-sec6 {
    padding: 1.3rem 0;
    background-color: #f9f9f9
}

.sustainbox-sec6 .cont {
    display: flex;
    align-items: flex-start;
    position: relative
}

.sustainbox-sec6 .cont .lt {
    width: 48.71%
}

@media (max-width: 767px) {
    .sustainbox-sec6 .cont .lt {
        display: none
    }
}

.sustainbox-sec6 .cont .lt .img {
    width: 100%;
    margin-bottom: .7rem
}

.sustainbox-sec6 .cont .lt .img:last-child {
    margin-bottom: 0
}

.sustainbox-sec6 .cont .lt .img:before {
    padding-top: 100%
}

.sustainbox-sec6 .cont .gt {
    width: 100%;
    padding-left: 0
}

@media (min-width: 768px) {
    .sustainbox-sec6 .cont .gt {
        padding-top: .9rem;
        padding-left: 1.66rem;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        width: 51.29%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }
}

@media (min-width: 768px) and (max-width: 1580px) {
    .sustainbox-sec6 .cont .gt {
        padding-left: 1.2rem
    }
}

@media (min-width: 768px) and (max-width: 1260px) {
    .sustainbox-sec6 .cont .gt {
        padding-left: .6rem
    }
}

.sustainbox-sec6 .cont .gt .f_title {
    width: 100%;
    color: #333333;
    font-weight: bold;
    margin-bottom: .53rem
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont {
    width: 100%;
    height: auto
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide {
    height: auto
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .img {
    padding-top: 100%;
    margin-bottom: .3rem
}

@media (min-width: 768px) {
    .sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .img {
        display: none
    }
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_tit {
    color: #222222;
    font-weight: bold;
    margin-bottom: .1rem
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_text {
    line-height: 1.875;
    color: #444444
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_text p {
    position: relative;
    padding-left: 12px
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_text p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .9375em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #838383
}

@media (max-width: 1580px) {
    .sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_text p {
        padding-left: 10px
    }
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin-top: .36rem
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_jt .li {
    width: .4rem;
    margin-right: .16rem;
    margin-top: .16rem
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide .f_jt .li:before {
    padding-top: 100%
}

@media (min-width: 768px) {
    .sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide {
        transition: all .9s ease-out
    }

    .sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide-prev,
    .sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide-next {
        opacity: 0
    }

    .sustainbox-sec6 .cont .gt .sustainbox6_cont .swiper-slide-activ {
        opacity: 1
    }
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .sustainbox6_page {
    position: relative;
    bottom: 0;
    margin-top: .4rem
}

@media (min-width: 768px) {
    .sustainbox-sec6 .cont .gt .sustainbox6_cont .sustainbox6_page {
        display: none
    }
}

.sustainbox-sec6 .cont .gt .sustainbox6_cont .sustainbox6_page .swiper-pagination-bullet-active {
    background: #3066d0
}

.sup_cg2 {
    display: none
}