.public .public_title {
    position: relative;
    margin-bottom: 0.72rem;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.36rem;
    color: #222222;
    line-height: 0.48rem;
    text-align: center;
}

.public .public_title::after {
    content: "";
    position: absolute;
    top: 0.68rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.6rem;
    height: 0.02rem;
    background: #FFA600;
}

.public {
    width: 100%;
}

.public .top {
    width: 14.4rem;
    margin: 0 auto;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.top .top_card1 {
    display: flex;
    width: 100%;
}

.top .top_card1 .card1_item {
    position: relative;
    display: block;
    width: 4.4rem;
    height: 4.8rem;
    background: linear-gradient(166deg, #FFFFFF 0%, #FFFFFF 75%, #FFDEA1 150%);
    box-shadow: 0 0 0.09rem 0.01rem rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    padding: 0.5rem 0.3rem 0;
    margin-right: 0.6rem;
    transition: all 0.1s;
}

.top .top_card1 .card1_item:last-child {
    margin-right: 0;
}

.top .top_card1 .card1_item:hover {
    transform: translateY(-0.1rem);
}

.card1_item .card1_num {
    font-family: OPPOSans;
    font-weight: 600;
    font-size: 0.84rem;
    color: #FFA600;
    line-height: 1.11rem;
    text-align: center;
    opacity: 0.25;
}

.card1_item .card1_title {
    position: relative;
    z-index: 1;
    margin-top: -0.34rem;
    width: 100%;
    margin-bottom: 0.4rem;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.2rem;
    color: #222222;
    line-height: 0.26rem;
    text-align: center;
}

.card1_item .card1_text {
    width: 3.2rem;
    margin: 0 auto;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #5F5D5D;
    line-height: 0.24rem;
    text-align: center;
}

.card1_item .card1_bot {
    position: absolute;
    left: 0.3rem;
    bottom: 0.5rem;
    width: 3.8rem;
    height: 1.4rem;
    background: rgba(249, 246, 241, 0.19);
    border-radius: 0.08rem;
    border: 0.01rem dashed #FFA600;
    box-sizing: border-box;
    padding: 0.22rem 0.3rem 0;
}

.card1_item .card1_bot .card1_bot_title {
    margin-bottom: 0.18rem;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFA600;
    line-height: 0.26rem;
}

.card1_item .card1_bot .card1_bot_text {
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.2rem;
    color: #222222;
    line-height: 0.28rem;
}

.public .public_img1 {
    position: relative;
    width: 100%;
    height: 6.5rem;
    box-sizing: border-box;
}

.public .public_img2 {
    position: relative;
    width: 100%;
    height: 6.8rem;
}

.public .public_img1 .img1_bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public .public_img2 .img2_bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.public .public_img2 .img2_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 1.6rem;
    box-sizing: border-box;
}

.img2_title .img2_small {
    font-family: OPPOSans;
    font-weight: 600;
    font-size: 0.36rem;
    color: #FFFFFF;
    text-align: center;
}

.img2_title .img2_big {
    margin-bottom: 0.4rem;
    font-family: OPPOSans;
    font-weight: 600;
    font-size: 0.45rem;
    color: #FFFFFF;
    text-align: center;
}

.img2_title .img2_text {
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.32rem;
    text-align: center;
}

.img2_title .img2_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 0.4rem;
    border: 0.01rem solid #FFA600;
    background: rgba(255, 255, 255, 0.17);
    cursor: pointer;
    transition: all 0.3s;
    box-sizing: border-box;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin: 1.21rem auto 0;
}

.img2_title .img2_btn img {
    margin-left: 0.1rem;
    width: 0.08rem;
    height: 0.14rem;
}

.img2_title .img2_btn:hover {
    background: #FFA600;
}

.public .public_img1 .mod {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.39) 100%);
    padding-top: 1rem;
    box-sizing: border-box;
}

.public_img1 .mod .mod_title {
    position: relative;
    margin-bottom: 0.77rem;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.36rem;
    color: #FFFFFF;
    line-height: 0.48rem;
    text-align: center;
}

.public_img1 .mod .mod_title::after {
    content: "";
    position: absolute;
    top: 0.68rem;
    left: 50%;
    transform: translateX(-50%);
    background: #FFA600;
    width: 0.6rem;
    height: 0.02rem;
}

.public_img1 .mod .mod_title1 {
    margin-bottom: 0.2rem;
    font-family: OPPOSans;
    font-weight: bold;
    font-size: 0.68rem;
    line-height: 0.89rem;
    color: #FFA600;
    text-align: center;
}

.public_img1 .mod.sc .mod_title1{
    margin-bottom: 0.3rem;
    font-weight: 400;
    font-size: 0.45rem;
    line-height: 0.65rem;
    color: #FFFFFF;
}

.public_img1 .mod .mod_title1 span {
    font-weight: 400;
    font-size: 0.45rem;
    line-height: 0.65rem;
    color: #FFFFFF;
}

.public_img1 .mod .mod_title2 {
    margin-bottom: 0.65rem;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.43rem;
    text-align: center;
}

.public_img1 .mod .mod_title2 span {
    font-weight: bold;
}

.public_img1 .mod .mod_text {
    margin-bottom: 0.12rem;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 0.29rem;
    text-align: center;
}

.public_case {
    padding-top: 1.15rem;
}
.top#case>.public_case{
    padding-top: 0.8rem;
}
.public_case .case_list {
    display: flex;
    flex-wrap: wrap;
    width: 14.4rem;
    margin: 0 auto;
}

.public_case .case_list .case_item {
    position: relative;
    display: block;
    margin-right: 0.3rem;
    margin-bottom: 0.46rem;
    width: 4.6rem;
    height: 3.4rem;
}

.public_case .case_list .case_item:nth-child(3n) {
    margin-right: 0;
}

.case_item img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.case_item .case_item_title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0.2rem;
    height: 0.46rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.46rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 43%, rgba(0, 0, 0, 0.79) 100%);
}

.public_case .case_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 0.4rem;
    background: #FFA600;
    cursor: pointer;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin: -0.11rem auto 0;
}

.public_case .case_btn img {
    margin-left: 0.1rem;
    width: 0.08rem;
    height: 0.14rem;
}


.img2_title .img2_btn:hover {
    background: #FFA600;
}

.public_mul {
    padding-top: 0.8rem;
    width: 14.4rem;
    margin: 0 auto;
}

.public_mul .mul_nav {
    display: flex;
    margin-bottom: 0.4rem;
}

.public_mul .mul_nav .nav_item {
    display: flex;
    margin-left: -.1rem;
    position: relative;
}

.public_mul .mul_nav .nav_item:first-child{
    margin-left: 0rem;
}

.public_mul .mul_nav .nav_item.active{
    z-index: 1;
}

.mul_nav .nav_item .nav_item_left {
    position: relative;
    width: 3.68rem;
    height: 0.54rem;
}

.mul_nav .nav_item .nav_item_left .bg1,
.mul_nav .nav_item .nav_item_left .bg2 {
    display: flex;
    width: 100%;
    height: 100%;
}

.mul_nav .nav_item .nav_item_left .bg2 {
    display: none;
}

.mul_nav .nav_item:hover .nav_item_left .bg1 {
    display: none;
}

.mul_nav .nav_item:hover .nav_item_left .bg2 {
    display: block;
}

.mul_nav .nav_item.active .nav_item_left .bg1 {
    display: none;
}

.mul_nav .nav_item.active .nav_item_left .bg2 {
    display: block;
}

.nav_item_left .left_con {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 0.25rem;
    box-sizing: border-box;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.2rem;
    color: #333333;
}

.nav_item_left .left_con .img1,
.nav_item_left .left_con .img2 {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.2rem;
}

.nav_item_left .left_con .img2 {
    display: none;
}

.mul_nav .nav_item:hover .nav_item_left .left_con .img1 {
    display: none;
}

.mul_nav .nav_item:hover .nav_item_left .left_con .img2 {
    display: block;
}

.mul_nav .nav_item:hover .nav_item_left .left_con {
    color: #FFFFFF;
}

.mul_nav .nav_item.active .nav_item_left .left_con .img1 {
    display: none;
}

.mul_nav .nav_item.active .nav_item_left .left_con .img2 {
    display: block;
}

.mul_nav .nav_item.active .nav_item_left .left_con {
    color: #FFFFFF;
}

.mul_nav .nav_item .nav_item_right {
    display: flex;
    align-items: center;
    width: 3.62rem;
    padding-left: 0.43rem;
    box-sizing: border-box;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.2rem;
    color: #959595;
    background: #F8F8F8;
    border-radius: 0rem 0rem 0rem 0rem;
    border: 0.01rem solid #E5E5E5;
    border-left: 0;
    margin-left: -.1rem;
    display: none;
}

.mul_nav .nav_item:hover .nav_item_right {
    color: #FFA600;
}

.mul_nav .nav_item.active .nav_item_right {
    background: #fff;
    color: #FFA600;
    border: 0.01rem solid #FFA600;
    border-left: 0;
}

.public_mul .mul_con {
    width: 14.4rem;
    margin: 0 auto;
    display: flex;
}

.public_mul .mul_con .mul_con_left {
    width: 11.25rem;
    margin-right: 0.15rem;
}

.mul_con_left .mul_con_top {
    display: flex;
    margin-bottom: 0.15rem;
}

.mul_con_left .mul_con_top .mul_con_top_item {
    position: relative;
    width: 5.55rem;
    height: 2.7rem;
    margin-right: 0.15rem;
    overflow: hidden;
}

.mul_con_left .mul_con_top .mul_con_top_item:last-child {
    margin-right: 0;
}

.mul_con_top_item img {
    display: flex;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.mul_con_top_item:hover img {
    transform: scale(1.1);
}

.mul_con .mul_con_text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 0.46rem;
    padding-top: 0.06rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.3s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 43%, rgba(0, 0, 0, 0.79) 100%);
}

.mul_con .mul_con_text .mul_con_title1 {
    margin-bottom: 0.02rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.24rem;
}

.mul_con .mul_con_text .mul_con_title2 {
    opacity: 0;
    transition: all 0.3s;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    line-height: 0.19rem;
}

.mul_con a:hover .mul_con_text {
    padding-top: 0.14rem;
    height: 0.75rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 43%, rgba(0, 0, 0, 0.79) 100%);
}

.mul_con a:hover .mul_con_text .mul_con_title2 {
    opacity: 0.8;
}

.mul_con_left .mul_con_bot {
    display: flex;
    width: 11.25rem;
    margin-right: 0.15rem;
}

.mul_con_left .mul_con_bot .mul_con_bot_item {
    position: relative;
    display: block;
    width: 3.65rem;
    height: 2.65rem;
    margin-right: 0.15rem;
    overflow: hidden;
}

.mul_con_left .mul_con_bot .mul_con_bot_item:last-child {
    margin-right: 0;
}

.mul_con_left .mul_con_bot .mul_con_bot_item img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.mul_con_left .mul_con_bot .mul_con_bot_item:hover img {
    transform: scale(1.1);
}

.public_mul .mul_con .mul_con_right {
    width: 3.3rem;
    height: 5.5rem;
}

.mul_con_right .mul_con_right_item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mul_con_right .mul_con_right_item img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.mul_con_right .mul_con_right_item:hover img {
    transform: scale(1.1);
}

.public_mul .mul_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 0.4rem;
    background: #FFA600;
    cursor: pointer;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin: 0.35rem auto 0;
}

.public_mul .mul_btn img {
    margin-left: 0.1rem;
    width: 0.08rem;
    height: 0.14rem;
}

.public_str {
    padding-top: 0.8rem;
    padding-bottom: 0.9rem;
    background: url('../img/contact/bg2.png') no-repeat bottom;
    background-size: 100% auto;
}

.public_str .str_nav {
    display: flex;
    justify-content: center;
}

.public_str .str_nav .str_nav_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 0.46rem;
    background: #FFFFFF;
    border: 0.01rem solid #FFA600;
    box-sizing: border-box;
    margin-right: 0.6rem;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.2rem;
    color: #333333;
    transition: all 0.3s;
}

.public_str .str_nav .str_nav_item:last-child {
    margin-right: 0;
}

.public_str .str_nav .str_nav_item:hover {
    background: #FFA600;
    color: #FFFFFF;
}

.public_str .str_nav .str_nav_item.active {
    background: #FFA600;
    color: #FFFFFF;
}

.public_str .str_awards {
    position: relative;
    width: 14.5rem;
    margin: -0.02rem auto 0;
}

.public_str .str_awards .awards-swiper {
    padding-bottom: 0.3rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

.public_str .str_awards .swiper-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.public_str .str_awards .awards_item {
    width: 3.36rem;
    height: 3.4rem;
    background: #FFFFFF;
    border: 0.01rem solid #DFDFDF;
    box-sizing: border-box;
    margin-right: 0.32rem;
    margin-top: 0.32rem;
    padding: 0.18rem 0.18rem 0;
    transition: all 0.3s;
}

.public_str .str_awards .awards_item:hover {
    box-shadow: 0 0 0.12rem 0.01rem rgba(0, 0, 0, 0.16);
    border: 0.01rem solid #FFFFFF;
}

.public_str .str_awards .awards_item:nth-child(4n) {
    margin-right: 0;
}

.awards_item img {
    display: block;
    width: 3rem !important;
    height: 2rem !important;
    min-height: fit-content !important;
    margin: 0 auto 0.71rem;
}

.awards_item .awards_title {
    width: 100%;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.21rem;
    text-align: center;
    transition: all 0.3s;
}

.public_str .str_awards .awards_item:hover .awards_title {
    color: #FFA600;
}

.public_str .str_awards .awards-swiper-button-next,
.public_str .str_awards .awards-swiper-button-prev {
    position: absolute;
    bottom: 3.61rem;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.5rem;
    height: 0.5rem;
    background: #FFFFFF;
    border: 0.01rem solid #FFA600;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}

.public_str .str_awards .awards-swiper-button-next {
    right: -0.7rem;
}

.public_str .str_awards .awards-swiper-button-prev {
    left: -0.7rem;
}

.public_str .str_awards .awards-swiper-button-next::after,
.public_str .str_awards .awards-swiper-button-prev::after {
    display: none;
}

.public_str .str_awards .awards-swiper-button-next img,
.public_str .str_awards .awards-swiper-button-prev img {
    width: 0.08rem;
    height: 0.16rem;
}

.public_str .str_awards .awards-swiper-button-next .img2,
.public_str .str_awards .awards-swiper-button-prev .img2 {
    display: none;
}

.public_str .str_awards .awards-swiper-button-prev:hover,
.public_str .str_awards .awards-swiper-button-next:hover {
    background: #FFA600
}

.public_str .str_awards .awards-swiper-button-next:hover .img2,
.public_str .str_awards .awards-swiper-button-prev:hover .img2 {
    display: block;
}

.public_str .str_awards .awards-swiper-button-next:hover .img1,
.public_str .str_awards .awards-swiper-button-prev:hover .img1 {
    display: none;
}

.public_str .str_awards .awards-swiper-button-prev .img2 {
    transform: rotate(180deg);
}

.public_str .str_awards .awards-swiper-button-next .img1 {
    transform: rotate(180deg);
}

.public_str .str_team {
    width: 14.4rem;
    height: 5.6rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin: 0 auto;
}

.public_str .str_team img {
    display: block;
    width: 100%;
    height: 100%;

}

.public_process {
    padding-top: 1.06rem;
    width: 100%;
    height: 8.1rem;
    background: url('../img/public/bg3.png') no-repeat;
    background-size: 100% 100%;
}

.public_process .public_title {
    margin-bottom: 0.92rem;
}

.public_process .pro_con {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 14.4rem;
    margin: 0 auto;
}

.public_process .pro_con .pro_con_item {
    position: relative;
    display: block;
    width: 1.96rem;
    height: 1.96rem;
    background: #FFFFFF;
    border: 0.01rem solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 50%;
    padding-top: 0.45rem;
    transition: all 0.3s;
    margin-bottom: 0.5rem;
}

.public_process .pro_con .pro_con_item.active {
    box-shadow: 0 0 0.11rem 0.01rem rgba(251, 163, 0, 0.41);
    border: 0.01rem solid #FFFFFF;
}

.public_process .pro_con .pro_con_item img {
    display: block;
    width: 0.62rem;
    height: 0.62rem;
    margin: 0 auto 0.12rem;
}

.public_process .pro_con .pro_con_item .pro_item_title {
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 20px;
    color: #222222;
    line-height: 0.26rem;
    text-align: center;
}

.public_process .pro_con .pro_con_item .pro_con_pos {
    position: absolute;
    right: 0.08rem;
    bottom: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.4rem;
    height: 0.4rem;
    background: #FFFFFF;
    border-radius: 50%;
    transition: all 0.3s;
    border: 0.01rem solid #D9D9D9;
    box-sizing: border-box;
    font-family: MiSans, MiSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
}

.public_process .pro_con .proarr {
    width: 0.18rem;
    height: 0.32rem;
    margin-left: 0.48rem;
    margin-right: 0.49rem;
    margin-top: -0.5rem;
}

.public_process .pro_con .pro_con_item.active .pro_con_pos {
    background: #FFA600;
    color: #FFFFFF;
}

.public_coop {
    padding-top: 0.8rem;
    height: 7.66rem;
    background: #F5F5F5;
    box-sizing: border-box;
}

.public_coop .coop_con {
    display: flex;
    flex-wrap: wrap;
    width: 14.4rem;
    margin: 0 auto;
}

.public_coop .coop_con .coop_item {
    width: 2.6rem;
    height: 1.25rem;
    background: rgba(255, 255, 255, 0.4);
    border: 0.01rem solid #FFFFFF;
    padding: 0.1rem;
    box-sizing: border-box;
    margin-right: 0.35rem;
    margin-bottom: 0.35rem;
    transition: all 0.3s;
}

.public_coop .coop_con .coop_item:hover {
    box-shadow: 0 0.02rem 0.08rem 0.01rem rgba(119, 119, 119, 0.18);
    background: rgba(255, 255, 255, 1);
}

.public_coop .coop_con .coop_item:nth-child(5n) {
    margin-right: 0;
}

.public_coop .coop_con .coop_item img {
    display: block;
    width: 2.4rem;
    height: 1.05rem;
}

.public .top .top_card2 {
    display: flex;
    width: 14.4rem;
}

.top_card2 .card2_item {
    display: block;
    position: relative;
    width: 4.4rem;
    height: 5.3rem;
    background: linear-gradient(180deg, #FFFCF5 0%, #FEFEFE 100%);
    box-shadow: 0 0 0.09rem 0.01rem rgba(0, 0, 0, 0.12);
    border: 0.01rem solid #FFFFFF;
    box-sizing: border-box;
    padding-top: 0.3rem;
    margin-right: 0.6rem;
    transition: all 0.3s;
}

.top_card2 .card2_item:last-child {
    margin-right: 0;
}

.top_card2 .card2_item:hover {
    transform: translateY(-0.1rem);
}

.top_card2 .card2_item .card2_num {
    width: 100%;
    padding: 0 0.5rem;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    font-family: OPPOSans;
    font-weight: 600;
    font-size: 0.6rem;
    color: #FFA600;
    line-height: 0.79rem;
    opacity: .25;
}

.top_card2 .card2_item .card2_title {
    width: 100%;
    padding: 0 0.5rem;
    margin-bottom: 0.2rem;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.2rem;
    color: #222222;
    line-height: 0.26rem;
}

.top_card2 .card2_item .card2_title2 {
    width: 100%;
    padding: 0 0.5rem;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #5F5D5D;
    line-height: 0.28rem;
}

.top_card2 .card2_item .card2_bot {
    width: 3.6rem;
    position: absolute;
    bottom: 0.35rem;
    left: 0.4rem;
}

.card2_bot .card2_bot_title {
    width: 3.6rem;
    height: 0.4rem;
    background: linear-gradient(180deg, #FFB62E 0%, #FFA600 100%);
    border-radius: 0.1rem 0.1rem 0 0;
    padding: 0 0.24rem;
    box-sizing: border-box;
    font-family: OPPOSans;
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.4rem;
}

.card2_bot .card2_bot_con {
    width: 3.6rem;
    height: 2rem;
    background: #F9F9F9;
    border-radius: 0 0 0.1rem 0.1rem;
    border: 0.01rem dashed #FFA600;
    padding: 0.19rem 0.2rem 0;
    box-sizing: border-box;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #5F5D5D;
    line-height: 0.28rem;
    border-top: 0;
}

.public_str .str_designer {
    position: relative;
    width: 14.5rem;
}

.public_str .str_designer {
    position: relative;
    width: 14.5rem;
    margin: -0.02rem auto 0;
}

.public_str .str_designer .designer-swiper-button-next,
.public_str .str_designer .designer-swiper-button-prev {
    position: absolute;
    bottom: 4.4rem;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.5rem;
    height: 0.5rem;
    background: #FFFFFF;
    border: 0.01rem solid #FFA600;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
}

.public_str .str_designer .designer-swiper-button-next {
    right: -0.7rem;
}

.public_str .str_designer .designer-swiper-button-prev {
    left: -0.7rem;
}

.public_str .str_designer .designer-swiper-button-next::after,
.public_str .str_designer .designer-swiper-button-prev::after {
    display: none;
}

.public_str .str_designer .designer-swiper-button-next img,
.public_str .str_designer .designer-swiper-button-prev img {
    width: 0.08rem;
    height: 0.16rem;
}

.public_str .str_designer .designer-swiper-button-next .img2,
.public_str .str_designer .designer-swiper-button-prev .img2 {
    display: none;
}

.public_str .str_designer .designer-swiper-button-prev:hover,
.public_str .str_designer .designer-swiper-button-next:hover {
    background: #FFA600
}

.public_str .str_designer .designer-swiper-button-next:hover .img2,
.public_str .str_designer .designer-swiper-button-prev:hover .img2 {
    display: block;
}

.public_str .str_designer .designer-swiper-button-next:hover .img1,
.public_str .str_designer .designer-swiper-button-prev:hover .img1 {
    display: none;
}

.public_str .str_designer .designer-swiper-button-prev .img2 {
    transform: rotate(180deg);
}

.public_str .str_designer .designer-swiper-button-next .img1 {
    transform: rotate(180deg);
}

.public_str .str_designer .designer-swiper {
    padding-bottom: 0.3rem;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

.public_str .str_designer .swiper-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.public_str .str_designer .designer_item {
    display: block;
    position: relative;
    width: 3.36rem;
    height: 4.1rem;
    background: #FFFFFF;
    border: 0.01rem solid #DFDFDF;
    margin-top: 0.32rem;
    margin-right: 0.32rem;
    box-sizing: border-box;
    padding: 0.18rem;
    transition: all 0.3s;
}

.public_str .str_designer .designer_item:hover {
    box-shadow: 0 0 0.12rem 0.01rem rgba(0, 0, 0, 0.16);
    border: 0.01rem solid #FFFFFF;
}

.public_str .str_designer .designer_item:nth-child(4n) {
    margin-right: 0;
}

.designer_item .des_img {
    display: block;
    width: 3rem !important;
    height: 3.6rem !important;
    min-height: 0 !important;
}

.designer_item .des_bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.36rem;
    height: 0.7rem;
}

.designer_item .des_bot img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    transition: all 0.3s;
}

.designer_item .des_bot .img2 {
    opacity: 0;
}

.designer_item:hover .des_bot .img1 {
    opacity: 0;
}

.designer_item:hover .des_bot .img2 {
    opacity: 1;
}

.designer_item .des_bot .des_bot_title {
    position: relative;
    z-index: 1;
    padding-top: 0.25rem;
    transition: all 0.3s;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.21rem;
    text-align: center;
}

.designer_item:hover .des_bot .des_bot_title {
    color: #FFFFFF;
}

.srt_right_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.3rem;
    width: 1.5rem;
    height: 0.4rem;
    margin-top: 0.19rem;
    background: rgba(255, 255, 255, 0.17);
    border: 0.01rem solid #CCCCCC;
    box-sizing: border-box;
    transition: all 0.3s;
    font-family: OPPOSans;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFA600;
}

.srt_right_btn:hover {
    background: #FFA600;
    border: 0.01rem solid #FFA600;
    color: #FFFFFF;
}

.srt_right_btn img {
    display: block;
    width: 0.08rem;
    height: 0.14rem;
    margin-left: 0.11rem;
}

.srt_right_btn .img1 {
    display: none;
}

.srt_right_btn:hover .img1 {
    display: block;
}

.srt_right_btn:hover .img2 {
    display: none;
}

.public_case .srt_right_btn {
    margin: -0.11rem auto 0;
}

.public_mul .srt_right_btn {
    margin: 0.35rem auto 0;
}