:root {
    --max: 1200px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size24: 24px;
    --size30: 30px;
    --size36: 36px;
    --size40: 40px;
    --size46: 46px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;

    --top20: 20px;
    --top30: 30px;
    --top40: 40px;
    --top50: 50px;
    --top60: 60px;
    --top80: 80px;
    --top100: 100px;
    --top120: 120px;
}

@font-face {
    font-family: "m";
  
}

@font-face {
    font-family: "bold";
   
}

@font-face {
    font-family: "zitidi";
   
}

body {
    font-family: "m";
    padding-top: 70px;
}

.Hertre {
    width: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
    box-shadow: 0px 2px 3px rgba(4, 0, 0, 0.05);
    background: #fff;
}

.Hertre_cen {
    width: var(--max);
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
    position: relative;
}

.Hertre_cen>p {
    font-size: var(--size20);
    color: rgb(51, 51, 51);
    line-height: 1;
    font-family: 'zitidi';
    display: block;
    height: 33px;
    background: url(https://www.kbrc.cn/images/img-slogn.png) no-repeat;
    background-size: cover;
    width: 163px;
    text-indent: -200px;
    overflow: hidden;
}

.Logo {
    width: 200px;
    overflow: hidden;

}

.Logo img {
    width: 100%;
    height: auto;
}

.Nav {
    width: max-content;
    margin: auto;
}

.Nav>ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--top60);
}

.Nav>ul>li {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.Nav>ul>li>a{
    position: relative;
    display: block;
    width: max-content;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    text-align: center;
    line-height: 70px;
}

.Nav>ul>li>svg{
    width: 12px;
    height: auto; 
}
.Nav>ul>li>svg path{
    fill: rgba(51, 51, 51, 1);
}

.Nav>ul>li.Nav_cen>a {
    color: rgba(218, 37, 29, 1);
}

.Nav>ul>li:hover>a {
    color: rgba(218, 37, 29, 1);
}

.Nav>ul>li>a::after {
    content: "";
    width: 0%;
    height: 3px;
    background: rgba(218, 37, 29, 1);
    position: absolute;
    bottom: 0px;
    left: 0%;
    transition: all 0.3s;
}

.Nav>ul>li.Nav_cen>a::after {
    width: 100%;
}

.Nav>ul>li:hover>a::after {
    width: 100%;
}

.Nav_ul {
    width: 860px;
    max-width: 100%;
    display: none;
    position: absolute;
    overflow: hidden;
    top: 100%;
    transition: auto;
    box-shadow: 0px 0px 15px  rgba(4, 0, 0, 0.1);
    left: 50%;
    transform: translateX(-50%);
}

.Nav_ul{

}
.Hertre_cen form {
    width: 240px;
    height: 40px;
    border: 1px solid rgba(218, 37, 29, 1);
    border-radius: 40px;
    position: relative;
}

.Hertre_cen form input {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    font-size: var(--size14);
    color: rgba(153, 153, 153, 1);
    padding: 0 var(--top20);
}

.Hertre_cen form input:focus {
    color: rgba(218, 37, 29, 1);
}

.Hertre_cen form button {
    width: 18px;
    height: 18px;
    border: transparent;
    background: transparent;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: var(--top20);
    transform: translateY(-50%);
}

.Hertre_cen form button svg {
    width: 100%;
    height: 100%;
}

.An {
    width: 30px;
    display: none;
}

.menu_button {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.menu_button:focus {
    outline: none;
}

.menu_button .line {
    fill: none;
    stroke: rgb(218, 37, 29);
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button .line1 {
    stroke-dasharray: 60 207;
}

.menu_button .line2 {
    stroke-dasharray: 60 60;
}

.menu_button .line3 {
    stroke-dasharray: 60 207;
}

.menu_button.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.menu_button.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.menu_button.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.Banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Banner img {
    width: 100%;
    height: auto;
}

.Banner_text {
    width: var(--max);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Max {
    width: var(--max);
    margin: var(--top80) auto;
}

.Mianbao {
    width: var(--max);
    margin: var(--top30) auto;
    font-size: var(--size14);
    color: rgb(153, 153, 153);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Redian {
    width: var(--max);
    margin: var(--top30) auto var(--top80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top40);
}

.Redian_swiper {
    width: 68%;
}

.Redian_swiper li a{
    width: 100%;
    height: 100%;
}

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

.Redian_swiper_text {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(0, 0, 0, 0.5);
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 100px 0px var(--top30);
}

.Redian_swiper_text h2 {
    flex: 1;
    font-size: var(--size20);
    color: rgb(255, 255, 255);
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}


.Redian_swiper ul li:hover .Redian_swiper_text h2 {
    color: rgba(218, 37, 29, 1);
}

.pager1 {
    width: max-content;
    height: 70px;
    top: auto;
    bottom: 0;
    left: auto;
    right: var(--top30);
    transform: translateX(0%);
}

.pager1 .zhenshangyin-pager-bullets-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid rgb(218, 37, 29);
    background: transparent;
}

.pager1 .zhenshangyin-pager-bullets-bullet.active {
    background: rgb(218, 37, 29);

}

.prev,
.next {
    width: 50px;
    height: 80px;
    background: rgb(0, 0, 0, 0.1);
}

.prev:hover,
.next:hover {
    background: rgba(218, 37, 29, 0.5);
}

.prev svg,
.next svg {
    width: 40%;
}

.Redian_right {
    flex: 1;
    background: rgb(250, 250, 250);
    padding: var(--top30);
    border-radius: 10px;
}

.Redian_right>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.Redian_right>h2 a{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
}

.Redian_right>h2::before {
    content: '';
    width: 5px;
    height: 100%;
    background: rgb(218, 37, 29);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.Redian_right ul {
    width: 100%;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
}

.Redian_right ul li {
    width: 100%;
}

.Redian_right ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.Redian_right ul li img {
    width: 40%;
    aspect-ratio: 150 / 110;
    object-fit: contain;
}

.Redian_text {
    flex: 1;
}

.Redian_text h2 {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'bold';
}

.Redian_text p {
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-top: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.Redian_right ul li:hover .Redian_text h2 {
    color: rgba(218, 37, 29, 1);
}

.Hui {
    width: 100%;
    overflow: hidden;
    background: #fafafa;
}


.Show {
    width: var(--max);
    overflow: hidden;
    margin: var(--top30) auto var(--top80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top30);
}



.Show_left {
    width: 60%;
    overflow: hidden;
    background: rgba(255, 255, 255, 1);
    padding: var(--top30);
    border-radius: 10px;
}

.Show_left>h2 {
    font-size: var(--size30);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}

.Show_left>p {
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
    margin-top: var(--top20);
}

.Show_text {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(238, 238, 238, 1);
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: var(--top30) 0;
    margin-top: var(--top30);
    font-size: var(--size14);
    color: rgba(51, 51, 51, 1);
    line-height: 2;
}

.Show_text img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.Prev {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.Prev a {
    width: 100%;
    display: block;
    font-size: var(--size14);
    color: #000000;
}

.Show .Redian_right {
    background: #ffffff;
}


.page {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--top60);
    gap: 5px;
}

.page .active,
.page .total {
    font-size: 12px;
    padding: 8px 10px;
    color: #999898;
    border: 1px solid #999898;
    line-height: 1;
}

.page .active {
    background: #da3536;
    border: 1px solid #da3536;
    color: #fff;
}

.page .active:nth-child(1),
.page .active:nth-child(2),
.page .total:nth-child(1),
.page .total:nth-child(2),
.page .active:last-child,
.page .total:last-child {
    color: #999898;
    border: 1px solid #999898;
    background: transparent;
}

.Footer {
    width: 100%;
    overflow: hidden;
    background: rgb(93, 101, 105);
}

.Footer_max {
    width: var(--max);
    overflow: hidden;
    margin: var(--top80) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top80);
}

.Footer_left {
    width: max-content;
    margin-right: auto;
}

.Footer_left img {
    width: 200px;
    height: auto;
}

.Footer_left ul {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top50);
    margin-top: var(--top40);
}

.Footer_left ul li {
    font-size: var(--size16);
    color: rgb(255, 255, 255);
}

.Footer_left ul li:hover {
    color: rgba(218, 37, 29, 1);
}

.Footer_cen {
    width: max-content;
}

.Footer_cen ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top20);
}

.Footer_cen ul li {
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
}

.Footer_cen ul li img {
    width: 25px;
    height: auto;
}

.Footer_cen ul li p {
    font-size: var(--size16);
    color: rgb(238, 238, 238);
}

.Footer_right {
    width: 30%;
}

.Footer_right ul {
    width: 100%;
    display: grid;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.Footer_right ul li {
    width: 100%;
}

.Footer_right ul li img {
    width: 100%;
    background: #fff;
    padding: 3px;
    border-radius: 5px;
    height: auto;
}

.Footer_right ul li h3 {
    text-align: center;
    font-size: var(--size14);
    color: rgb(255, 255, 255);
    margin-top: 10px;
}

.Beian {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgb(166, 166, 166);
}

.Beian_max {
    width: var(--max);
    overflow: hidden;
    margin: var(--top20) auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.Beian_max p {
    font-size: var(--size14);
    color: rgb(255, 255, 255);
}

.Pinpai {
    width: 100%;
    overflow: hidden;
}

.Pinpai_max {
    width: var(--max);
    margin: var(--top80) auto;
}

.Pinpai_title {
    width: 100%;
    margin-bottom: 20px;
}

.Pinpai_title span {
    display: block;
    font-size: var(--size40);
    color: rgba(218, 37, 29, 0.1);
    line-height: 1;
    text-align: center;
}

.Pinpai_title h2 {
    text-align: center;
    font-size: var(--size36);
    color: rgba(218, 37, 29, 1);
    line-height: 1;
    margin-top: calc(-1 * var(--size40) / 2);
    font-family: 'bold';
}

.Pinpai_title p {
    text-align: center;
    font-size: var(--size18);
    color: rgba(51, 51, 51, 1);
    margin-top: 10px
}

.Pinpai_swiper_box {
    width: 100%;
    margin-top: var(--top40);
    position: relative;
}
.Pinpai_swiper{
    width: 100%;
}
.Pinpai_swiper li {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.Pinpai_swiper_img {
    width: 100%;
    aspect-ratio: 220 / 130;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(238, 238, 238, 1);
}

.Pinpai_swiper_img a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Pinpai_swiper_img img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.prev3,
.next3{
    width: 34px;
    height: 86px;
    border-radius: 5px;
    background: #f16c6c;
    transition: all 0.3s ease;
}
.prev3{
    left: -50px;
}

.next3{
    right: -50px;
}

.pager2 {
    width: 100%;
    position: static;
    inset: 0;
    margin-top: var(--top40);
    transform: translateX(0%);
    gap: var(--top20);
}

.pager2 .zhenshangyin-pager-bullets-bullet {
    width: 10px;
    height: 10px;
    background: rgb(97, 97, 97);
}

.pager2 .zhenshangyin-pager-bullets-bullet.active {
    background: rgb(218, 37, 29);
}

.Zuizixun {
    width: var(--max);
    margin: var(--top80) auto;
    background: rgba(250, 250, 250, 1);
    padding: var(--top30);
    border-radius: 10px;
}

.Zuizixun>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Zuizixun>h2::before {
    content: '';
    width: 5px;
    height: 100%;
    background: rgb(218, 37, 29);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.Zuizixun ul {
    width: 100%;
    margin-top: var(--top30);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--top30) var(--top60);

}

.Zuizixun ul li {
    width: 100%;
}

.Zuizixun ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.Zuizixun ul li img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
}

.Zuizixun_text {
    flex: 1;
}

.Zuizixun_text h2 {
    font-size: var(--size20);
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'bold';
    line-height: 1.3;
}

.Zuizixun_text p {
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
}

.Zuizixun_text span {
    display: block;
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
    margin-top: 10px;
}

.Zuizixun ul li:hover {
    transform: translateY(-5px);
}

.Zuizixun ul li:hover .Zuizixun_text h2 {
    color: rgba(218, 37, 29, 1);
}

.Zuizi {
    width: var(--max);
    margin: var(--top80) auto;
    background: rgba(250, 250, 250, 1);
    padding: var(--top30);
    border-radius: 10px;
}

.Zuizi>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.Zuizi>h2 a{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
}

.Zuizi>h2::before {
    content: '';
    width: 5px;
    height: 100%;
    background: rgb(218, 37, 29);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.Zuizi_max {
    width: 100%;
    margin-top: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top30);
}

.Zuizi_cen {
    flex: 1;
    border-left: 1px solid rgba(238, 238, 238, 1);
    padding-left: var(--top30);
}

.Zuizi_cen ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top30);
}

.Zuizi_cen ul li {
    width: 100%;
}

.Zuizi_cen ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.Zuizi_cen ul li img {
    width: 45%;
    aspect-ratio: 150 / 110;
    object-fit: cover;
}

.Zuizi_text {
    flex: 1;
}

.Zuizi_text h2 {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'bold';
}

.Zuizi_text p {
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.Zuizi_cen ul li:hover .Zuizi_text h2 {
    color: rgba(218, 37, 29, 1);
}

.Zuizi_left {
    flex: 1;
}

.Zuizi_left_img {
    width: 100%;
}

.Zuizi_left_img img {
    width: 100%;
    aspect-ratio: 100 / 73;
    object-fit: cover;
}

.Zuizi_left_img h2 {
    font-size: var(--size16);
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'bold';
    margin-top: var(--top20);
}

.Zuizi_left_img p {
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.Zuizi_left_img:hover h2 {
    color: rgba(218, 37, 29, 1);
}

.Zuizi_left ul {
    width: 100%;
    border-top: 1px solid rgba(238, 238, 238, 1);
    padding-top: 25px;
    margin-top: 25px;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top20);
}

.Zuizi_left ul li {
    width: 100%;
}

.Zuizi_left ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.Zuizi_left ul li a h2 {
    flex: 1;
    font-size: var(--size16);
    color: rgba(84, 84, 84, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    line-height: 1;
}

.Zuizi_left ul li a h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background: rgba(156, 156, 156, 1);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Zuizi_left ul li a p {
    width: max-content;
    font-size: var(--size16);
    color: rgba(84, 84, 84, 1);
}

.Zuizi_left ul li:hover a h2 {
    color: rgba(218, 37, 29, 1);
}


.Pinpailist {
    width: var(--max);
    margin: var(--top30) auto var(--top80);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top60);
}

.Pinpailist_item {
    width: 100%;
    background: rgba(248, 248, 248, 1);
}

.Pinpailist_item>h2 {
    width: 100%;
    font-size: var(--size20);
    color: rgba(51, 51, 51, 1);
    padding: var(--top20) var(--top30);
    font-family: 'bold';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.Pinpailist_item>h2 img {
    width: 20px;
    height: auto;
}

.Pinpailist_item>h2 ul{
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    gap: 10px;
}
.Pinpailist_item>h2 ul li{
    width: max-content;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    font-family: 'm';
}

.Pinpailist_item_cen {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.Pinpailist_item_cen_left {
    width: 200px;
}

.Pinpailist_item_cen_left ul {
    width: 100%;
    border-right: 1px solid rgba(221, 221, 221, 1);
}

.Pinpailist_item_cen_left ul li {
    width: 100%;
    border-top: 1px solid rgba(221, 221, 221, 1);
    padding: 10px var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    gap: 5px;
    cursor: pointer;
}

.Pinpailist_item_cen_left ul li span {
    flex: 1;
}

.Pinpailist_item_cen_left ul li svg {
    width: 7px;
    height: auto;
}

.Pinpailist_item_cen_left ul li.active {
    background: rgba(218, 37, 29, 1);
    color: #fff;
}

.Pinpailist_item_cen_left ul li.active svg path {
    stroke: #fff;
}

.Pinpailist_item_cen_right {
    flex: 1;
    transform: translateX(-1px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Pinpailist_item_cen_ul{
    flex: 1;
}
.Pinpailist_item_cen_right ul {
   width: 100%;
    display: grid;
    overflow: hidden;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-top: 1px solid rgba(221, 221, 221, 1);
    border-left: 1px solid rgba(221, 221, 221, 1);
}

.Pinpailist_item_cen_right ul li {
    width: 100%;
    grid-column: 1 span;
    background: #fff;
    aspect-ratio: 200 / 110;
    border-right: 1px solid rgba(221, 221, 221, 1);
    border-bottom: 1px solid rgba(221, 221, 221, 1);
}

/* .Pinpailist_item_cen_right ul li:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
} */

.Pinpailist_item_cen_right ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Pinpailist_item_cen_right ul li a img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.Pinpailist_item_cen_right ul li:hover a img {
    transform: scale(1.1);
}
.Pinpailist_swiper_container{
    width: 350px;
}
.Pinpailist_swiper {
    width: 100%;
    height: 100%;
}

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

.pager3 {
    justify-content: flex-end;
    bottom: 10px;
    padding: 0 var(--top30);
}

.pager3 .zhenshangyin-pager-bullets-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid rgb(218, 37, 29);
    background: transparent;
}

.pager3 .zhenshangyin-pager-bullets-bullet.active {
    background: rgb(218, 37, 29);
}

.Pinpaiku {
    width: 100%;
    overflow: hidden;
    background: url(../images/beijing2.png) no-repeat center center / cover;
}

.Pinpaiku_A {
    width: 100%;
    margin-top: var(--top30);
}

.Pinpaiku_A ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top30);
}

.Pinpaiku_A ul li {
    width: 40px;
    height: 40px;
    border-radius: 10px 0px, 10px, 0px;
    background: rgba(238, 238, 238, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--size20);
    color: rgba(218, 37, 29, 1);
    line-height: 1;
    font-family: 'bold';
    border-radius: 10px 0px 10px 0px;
    cursor: pointer;
}

.Pinpaiku_A ul li.active {
    background: rgba(218, 37, 29, 1);
    color: #fff;
}

.Pinpaiku_B {
    width: 100%;
    margin-top: var(--top50);
}

.Pinpaiku_B ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}

.Pinpaiku_B ul li {
    width: 100%;
}

.Pinpaiku_B ul li img {
    width: 100%;
    aspect-ratio: 220 / 100;
    object-fit: contain;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.Pinpaiku_B ul li h2 {
    text-align: center;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    margin-top: var(--top20);
}

.Pinpaiku_B ul li:hover {
    transform: translateY(-3px);
}

.Pinpaiku_B ul li:hover h2 {
    color: rgba(218, 37, 29, 1);
}

.Pinshow {
    width: 100%;
    overflow: hidden;
    background: hsla(0,0%,94%,.6);
    backdrop-filter: blur(12px);
    position: sticky;
    top: 70px;
    z-index: 99;
}

.Pinshow ul {
    width: var(--max);
    margin: auto;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.Pinshow ul li {
    width: max-content;
    
    line-height: 60px;
    padding: 0 var(--top80);
    font-size: var(--size20);
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.Pinshow ul li.active {
    background: rgba(218, 37, 29, 1);
    color: #fff;
}

.Qiye {
    width: var(--max);
    margin: var(--top30) auto;
    background: rgba(248, 248, 248, 1);
    box-shadow: 0px 0px 6px rgba(4, 0, 0, 0.12);
    padding: var(--top20);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top30);
}

.Qiye>img {
    width: 300px;
    height: auto;
}

.Qiye_text {
    flex: 1;
}

.Qiye_text_title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
}

.Qiye_text_title h2 {
    font-size: var(--size24);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}

.Qiye_text_title p {
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
}

.Qiye_text_title span{
    display: block;
    width: max-content;
    background: rgba(139, 139, 139, 0.2);
    border-radius: var(--top30);
    font-size: var(--size14);
    color: rgb(0, 0, 0);
    line-height: 2;
    border-radius: 30px;
    padding: 0 15px;
}

.Qiye_text_product {
    width: 100%;
    margin-top: var(--top20);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.Qiye_text_product h2 {
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}

.Auto{
    
    flex: 1;
}

.Qiye_text_product ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.Qiye_text_product ul li {
    width: max-content;
    line-height: 30px;
    background: rgba(218, 37, 29, 0.2);
    padding: 0 var(--top20);
    border-radius: var(--top30);
    font-size: var(--size14);
    color: rgba(51, 51, 51, 1);
    padding: 0 15px;
}

.Qiye_text_info {
    width: 100%;
    margin-top: var(--top20);
}

.Qiye_text_info ul {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px var(--top50);
}

.Qiye_text_info ul li {
    width: 100%;
    border-radius: 5px;
    background: rgba(238, 238, 238, 1);
    padding: 8px;
}

.Qiye_text_info ul li h2 {
    text-align: center;
    font-size: var(--size14);
    color: rgba(102, 102, 102, 1);
}

.Qiye_text_info ul li p {
    text-align: center;
    font-size: var(--size14);
    color: rgba(51, 51, 51, 1);
    margin-top: 5px;
    white-space: pre-wrap;
}

.Qiye_text_info ul li a {
    text-align: center;
    font-size: var(--size14);
    color: rgba(57, 99, 183, 1);
    margin-top: 5px;
    display: block;
    white-space: pre-wrap;
}


.Pinpaijie {
    width: var(--max);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top30);
}

.Pinpaijie_left {
    width: 77%;
    overflow: hidden;
    background: rgba(248, 248, 248, 1);
    padding: var(--top30);
    border-radius: 10px;
}

.Pinpaijie_left_img {
    width: 50%;
    height: auto;
    background: rgba(248, 248, 248, 1);
    float: left;
    margin-right: var(--top20);
    margin-bottom: var(--top20);
}

.Pinpaijie_left_img img {
    width: 100%;
    height: auto;
}

.Pinpaijie_left>h2 {
    font-size: var(--size24);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}

.Pinpaijie_left_text {
    font-size: var(--size16);
    color: rgba(102, 102, 102, 1);
    line-height: 2;
    margin-top: var(--top20);
}

.Pinpaijie_right {
    flex: 1;
    background: rgb(250, 250, 250);
    padding: var(--top30);
    border-radius: 10px;
}

.Pinpaijie_right>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Pinpaijie_right>h2::before {
    content: '';
    width: 5px;
    height: 100%;
    background: rgb(218, 37, 29);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.Pinpaijie_right ul {
    width: 100%;
    margin-top: var(--top20);
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.Pinpaijie_right ul li {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 200 / 110;
    border: 1px solid rgba(238, 238, 238, 1);
    background: rgba(255, 255, 255, 1);
}

.Pinpaijie_right ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Pinpaijie_right ul li a img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.Pinpaijie_right ul li:hover a img {
    transform: scale(1.05);
}

.Paihang {
    width: var(--max);
    margin: var(--top30) auto var(--top80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top30);
}

.Paihang_left {
    width: 77%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top60);
}

.Paihang_left .Pinpailist_item {
    border: 1px solid rgba(221, 221, 221, 1);
}

.Paihang_left .Pinpailist_item_cen {
    border-top: 1px solid rgba(221, 221, 221, 1);
}

.Paihang_left .Pinpailist_item_cen_left ul li:nth-child(1) {
    border-top: none;
}

.Paihang_right {
    flex: 1;
}

.Paihang_right ul {
    width: 100%;
    padding: var(--top30);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.Paihang_right ul li {
    width: 100%;
}

.Paihang_right ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.Paihang_right ul li img {
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.Paihang_right ul li p {
    flex: 1;
    font-size: var(--size14);
    color: rgba(102, 102, 102, 1);
}

.Paihang_right ul li:hover p {
    color: rgba(218, 37, 29, 1);
}

.Pai_color {
    width: 100%;
    overflow: hidden;
    background: #fff5f5;
}

.Shipin {
    width: var(--max);
    overflow: hidden;
    margin: var(--top30) auto var(--top80);
    background: linear-gradient(0deg, rgba(218, 37, 29, 0) 0%, rgba(245, 174, 174, 1) 100%);
    border-radius: var(--top30);
}

.Shipin_top {
    width: 100%;
    padding: var(--top60) var(--top50);
    padding-bottom: 0px;
}

.Shipin_top h2 {
    text-align: center;
    font-size: var(--size36);
    color: rgba(51, 51, 51, 1);
}

.Shipin_top p {
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    margin-top: var(--top30);
}

.Shipin_top ul {
    width: 100%;
    margin-top: var(--top50);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}

.Shipin_top ul li {
    width: 100%;
    line-height: 60px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    cursor: pointer;
    font-size: var(--size20);
    color: rgba(218, 37, 29, 1);
}

.Shipin_top ul li.active {
    background: rgba(218, 37, 29, 1);
    color: #fff;
}

.Shipin_bott {
    width: 100%;
    margin-top: var(--top30);
}

.Shipin_bott ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top40);
}

.Shipin_bott ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: var(--top60) var(--top30);
    background: rgba(255, 255, 255, 1);
    gap: var(--top40);
}

.Paixu {
    width: 68px;
    aspect-ratio: 4 / 4;
    background: url(../images/xing.png) no-repeat center center / 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--size36);
    color: rgba(238, 238, 238, 1);
    font-family: 'bold';
    line-height: 1;
}

.Shipin_bott_img {
    width: 280px;
    overflow: hidden;
    border-radius: 10px;
}

.Shipin_bott_img img {
    width: 100%;
    height: auto;
}

.Shipin_bott_text {
    flex: 1;
}

.Shipin_bott_text h2 {
    font-size: var(--size30);
    color: rgba(51, 51, 51, 1);
}

.Shipin_bott_text p {
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    line-height: 1.5;
    margin-top: 10px;
}

.Shipin_bott ul li>a {
    width: max-content;
    line-height: 40px;
    border-radius: 20px;
    background: rgba(218, 37, 29, 1);
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
    display: block;
    padding: 0 var(--top30);
}

.Shipin_bott ul li:hover {
    transform: translateY(-3px);
}

.Shipin_bott ul li:hover .Shipin_bott_text h2 {
    color: rgba(218, 37, 29, 1);
}

.Shipin_cen {
    width: 100%;
    margin-top: var(--top60);
    padding: 0 var(--top50);
}

.Shipin_cen ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
}

.Shipin_cen ul li {
    width: 100%;
    margin-top: var(--top40);
}

.Shipin_cen ul li:nth-child(1) {
    order: 2;

    margin-top: 0px;
}

.Shipin_cen ul li:nth-child(2) {
    order: 1;
}

.Shipin_cen ul li:nth-child(n+3) {
    order: 3;
}

.Shipin_cen_n {
    width: 150px;
    max-width: 30%;
    aspect-ratio: 4 / 4;
    margin: auto;
    position: relative;
    z-index: 5;
}

.Shipin_cen_n img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.Shipin_cen_img {
    width: 170px;
    max-width: 50%;
    aspect-ratio: 170 / 100;
    overflow: hidden;
    margin: auto;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
    z-index: 5;
}

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

.Shipin_cen_text {
    width: 100%;
    margin-top: var(--top30);
    background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.55) 69.48%, rgba(245, 245, 245, 0.7) 82.08%, rgba(245, 245, 245, 0.7) 100%);
    padding: var(--top20) var(--top30);
    position: relative;
}

.Shipin_cen_text::after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 100%;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%);
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.55) 69.48%, rgba(245, 245, 245, 0.7) 82.08%, rgba(245, 245, 245, 0.7) 100%);
}

.Shipin_cen_text h2 {
    text-align: center;
    font-size: var(--size24);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}

.Shipin_cen_text p {
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    line-height: 1.5;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.Shipin_cen_text a {
    width: max-content;
    margin: auto;
    line-height: 40px;
    border-radius: 20px;
    background: rgba(218, 37, 29, 1);
    font-size: var(--size16);
    color: rgba(255, 255, 255, 1);
    display: block;
    padding: 0 var(--top30);
    margin-top: 10px;
}

.Shipin_cen ul li:nth-child(1) .Shipin_cen_text {
    background: linear-gradient(0deg, rgba(242, 196, 142, 0) 0%, rgba(242, 196, 142, 0.85) 69.48%, rgba(242, 196, 142, 1) 82.08%, rgba(242, 196, 142, 1) 100%);
}

.Shipin_cen ul li:nth-child(1) .Shipin_cen_text::after {
    border-bottom: 1px solid rgba(194, 141, 39, 1);
    background: linear-gradient(180deg, rgba(242, 196, 142, 0) 0%, rgba(242, 196, 142, 0.85) 69.48%, rgba(242, 196, 142, 1) 82.08%, rgba(242, 196, 142, 1) 100%);
}

.Rruzhu {
    width: 100%;
    overflow: hidden;
    background: rgba(242, 242, 242, 1);
}

.Rruzhu_max {
    width: var(--max);
    overflow: hidden;
    margin: 15px auto;
    background: rgba(250, 250, 250, 1);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top30);
}

.Rruzhu_max p {
    width: max-content;
    font-size: var(--size16);
    color: rgba(218, 37, 29, 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.Rruzhu_max img {
    width: 40px;
    height: auto;
}

#downScroll {
    flex: 1;
    display: flex;
}

#downScroll>div{
    display: flex;
}
.scroll_item {
    width: max-content;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
}

.scroll_item:hover {
    color: rgba(218, 37, 29, 1);
}
.Banner_swiperin{
    width: 100%;
    position: relative;
}
.Banner_swiper {
    width: 100%;
    overflow: hidden;
}

.Banner_swiper img {
    width: 100%;
    min-height: 200px;
    object-fit: cover;
}

.pager4 {
    gap: var(--top20);
    bottom: var(--top20);
}

.pager4 .zhenshangyin-pager-bullets-bullet {
    width: 10px;
    height: 10px;
    background: rgba(251, 221, 221, 1);
}

.pager4 .zhenshangyin-pager-bullets-bullet.active {
    background: rgb(218, 37, 29);
}

.Banner_swiperin form {
    width: 1000px;
    max-width: 95%;
    position: absolute;
    bottom: var(--top60);
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(218, 37, 29, 0.7);
    border-radius: 40px;
}

.Banner_swiperin form input {
    flex: 1;
    height: 56px;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    padding: 0 var(--top30);
}

.Banner_swiperin form button {
    width: 190px;
    height: 56px;
    border-radius: 35px;
    background: rgba(218, 37, 29, 1);
    border: 1px solid rgba(218, 37, 29, 1);
    font-size: var(--size20);
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}

.Zixinin>.Zuizixun {
    width: 100%;
}

.Zixinin>.Zuizixun ul {
    margin: 0;
}


.Zixinin_cen {
    width: 100%;
    margin-top: var(--top40);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top50);
}

.Zixinin_cen_img {
    width: 48%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.Zixinin_cen_img a {
    width: 100%;
    height: 100%;
}

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

.Zixinin_cen_right {
    flex: 1;
}

.Zixinin_cen_right_top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #dedede;
    padding-bottom: 15px;
}

.Zixinin_cen_right_top>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Zixinin_cen_right_top>h2::before {
    content: '';
    width: 5px;
    height: 100%;
    background: rgb(218, 37, 29);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.Zixinin_cen_right_top a {
    font-size: var(--size14);
    color: rgba(218, 37, 29, 1);
}

.Zixinin_cen_right ul {
    width: 100%;
    margin-top: var(--top20);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top20);
}

.Zixinin_cen_right ul li {
    width: 100%;
}

.Zixinin_cen_right ul li a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.Zixinin_cen_right ul li a h2 {
    flex: 1;
    font-size: var(--size16);
    color: rgba(84, 84, 84, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    line-height: 1;
}

.Zixinin_cen_right ul li a h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background: rgba(156, 156, 156, 1);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.Zixinin_cen_right ul li a p {
    width: max-content;
    font-size: var(--size16);
    color: rgba(84, 84, 84, 1);
}

.Zixinin_cen_right ul li:hover a h2 {
    color: rgba(218, 37, 29, 1);
}

.Remen {
    width: var(--max);
    margin: var(--top100) auto;
}

.Remen_top {
    width: 100%;
    margin-top: var(--top40);
}

.Remen_top_title {
    width: 100%;
}

.Remen_top_title ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: var(--top20);
}

.Remen_top_title ul li {
    width: 100%;
    line-height: 36px;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 35px;
    text-align: center;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.Remen_top_title ul li.active {
    background: rgba(218, 37, 29, 1);
    color: rgba(255, 255, 255, 1);
}
.Remen_list{
    width: 100%;
    
    margin-top: var(--top30);
}
.Remen_list_item{
    width: 100%;
    transition: auto;
    display: none;
}
.Remen_list_item:nth-child(1){
    display: block;
}
.Remen_top_cen {
    width: 100%;
    background: rgba(250, 250, 250, 1);
    padding: var(--top30);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top30);
}

.Remen_swiper {
    flex: 1;
}

.Remen_swiper li {
    width: 100%;
}

.Remen_swiper li img {
    width: 100%;
    aspect-ratio: 4 / 4;
    border-radius: 50%;
    object-fit: cover;
}

.Remen_swiper li h2 {
    text-align: center;
    font-size: var(--size14);
    color: rgba(51, 51, 51, 1);
    margin-top: 10px;
}

.prev1,
.next1 {
    width: 17px;
    overflow: hidden;
    position: static;
    inset: 0;
    transform: translate(0, 0);
    cursor: pointer;
    background: transparent;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.prev1 svg,
.next1 svg {
    width: 100%;
    height: auto;
}

.prev1:hover,
.next1:hover {
    opacity: 1;
}

.Remen_cen {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
}

.Remen_cen ul li {
    border-radius: 5px;
    background: rgba(250, 250, 250, 1);
    padding: 10px;
}

.Remen_cen ul li>h2 {
    width: 100%;
    font-size: var(--size20);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.Remen_cen ul li>h2 img {
    width: 20px;
    height: auto;
}

.Remen_cen_list {
    width: 100%;
    margin-top: var(--top20);
    border-radius: 5px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 4px rgba(4, 0, 0, 0.07);
    padding: var(--top20);
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
.Remen_cen_itme{
    width: 100%;
}
.Remen_cen_itme a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.Remen_cen_itme_n{
    width: 20px;
    position: relative;
}

.Remen_cen_itme_n span{
    font-size: 12px;
    color: #ffffff;
    font-family: 'bold';
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
}

.Remen_cen_itme_img{
    width: 90px;
    aspect-ratio: 90 / 50;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(238, 238, 238, 1);
}

.Remen_cen_itme_img img{
    width: 80%;
    height: 80%;
    object-fit: cover;
}
.Remen_cen_itme h2{
    flex: 1;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.Remen_cen_itme h2:hover{
    color: red;
}
.Remen_cen_itme p{
    width: max-content;
    font-size: var(--size16);
    color: rgba(218, 37, 29, 1);
    font-family: 'bold';
}

.prev2,
.next2{
    width: 34px;
    height: 86px;
    border-radius: 5px;
    background: #f16c6c;
    transition: all 0.3s ease;
}

.prev2{
    left: -50px;
}

.next2{
    right: -50px;
}

.Remen_cen:hover .prev2{
    left: 0;
}

.Remen_cen:hover .next2{
    right: 0;
}

.Remen_cen2{
    width: 100%;
    margin-top: var(--top20);
}

.Remen_cen2 ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: var(--top20);
}
.Remen_cen2 ul li{
    width: 100%;
    box-shadow: 0px 0px 4px rgba(4, 0, 0, 0.07);
}
.Remen_cen2 ul li img{
    width: 100%;
    aspect-ratio: 220 /100;
    object-fit: contain;
    border-radius: 10px;
}

.Sousuo{
    width: var(--max);
    margin: var(--top30) auto var(--top80);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--top30);
}
.Sousuo_left{
    width: 100%;
    overflow: hidden;
    background: rgba(250, 250, 250, 1);
    border-radius: 10px;
    padding: var(--top30);
}
.Sousuo_left .Zuizi_cen ul li img{
    width: 200px;
    object-fit: contain;
}
.Sousuo_left .Zuizi_cen{
    padding: 0;
}

.Sousuo_left_title{
    width: 100%;
    overflow: hidden;
    background: #ececec;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 20px ;
}
.Sousuo_left_title h2{
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}

.search_type {
    display: flex;
    gap: 20px;
}

.search_type a {
    font-size: var(--size16);
    color: #333;
    padding: 5px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.search_type a.active {
    background: rgba(218, 37, 29, 1);
    color: #fff;
}

.search_type a:hover {
    color: rgba(218, 37, 29, 1);
}

.search_type a.active:hover {
    color: #fff;
}



.cate_paihang_box{
    width: var(--max);
    margin: var(--top60) auto;
}
.cate_paihang_box>h2{
    text-align: center;
    font-size: var(--size30);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
}
.cate_paihang_tabs{
    width: 100%;
    margin-top: var(--top30);
    display: flex;
    justify-content: space-between;
    gap: 2px;
}
.cate_paihang_tabs a{
    width: 100%;
    line-height: 56px;
    background: #ececec;
    text-align: center;
    font-size: var(--size16);
    color: rgba(51, 51, 51, 1);
}
.cate_paihang_tabs a.active{
    background: rgba(218, 37, 29, 1);
    color: #fff;
}

.cate_paihang_content{
    width: 100%;
    margin-top: var(--top20);
}

.paihang_tab_content{
    width: 100%;
    display: none;
    transition: auto;
}
.paihang_tab_content.active{
    display: block;
}

.paihang_tab_content ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.paihang_tab_content ul li{
    width: 100%;
    border: 1px solid #00000010;
    padding: var(--top20);
}

.paihang_tab_content ul li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--top50);
}

.paihang_tab_content ul li span{
    width: max-content;
    display: block;
    padding: 2px 10px;
    background: #cacaca;
    border-radius: 3px;
    color: #fff;
}
.paihang_tab_content ul li img{
    width: 200px;
    aspect-ratio: 5 / 3;
    border: 1px solid #00000015;
    padding: 10px;
    object-fit: contain;
    border-radius: 5px;
}
.paihang_tab_content ul li h2{
    width: max-content;
    max-width: 150px;
    font-size: var(--size18);
    color: #000000;;
}
.paihang_tab_content ul li p{
    flex: 1;
    font-size: var(--size16);
    color: #00000070;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.paihang_tab_content ul li:nth-child(1) span{
    background: #de000e;
}
.paihang_tab_content ul li:nth-child(2) span{
    background: #ff5f24;
}
.paihang_tab_content ul li:nth-child(3) span{
    background: #ffa539;
}

.paihang_tab_content ul li:nth-child(1) h2{
    color: #de000e;
}
.paihang_tab_content ul li:nth-child(2) h2{
    color: #ff5f24;
}
.paihang_tab_content ul li:nth-child(3) h2{
    color: #ffa539;
}

.paihang_tab_content ul li:hover{
    transform: translateY(-3px);
    box-shadow: 0px 0px 4px rgba(4, 0, 0, 0.07);
}


.Rongyua {
    width: var(--max);
    margin: var(--top60) auto;
    background: rgba(250, 250, 250, 1);
    padding: var(--top30);
    border-radius: 10px;
}

.Rongyua>h2 {
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    font-family: 'bold';
    line-height: 1;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Rongyua>h2::before {
    content: '';
    width: 5px;
    height: 100%;
    background: rgb(218, 37, 29);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.Rongyua ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: var(--top30);
    position: relative;
}
.Rongyua ul li{
    width: max-content;
    border-radius: 5px;
    padding: 7px 10px;
    color: #6A0D13;
    font-family: "bold";
    font-size: var(--size16);
    background-image: linear-gradient(270deg, #FFEFEF 0%, #FFD4D4 100%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.Rongyua ul li::after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #6A0D13;
    display: block;
}

.Zhankai{
    width: max-content;
    margin: auto;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #707070;
    margin-top: 20px;
}
.Xiangqing{
    width: var(--max);
    margin: var(--top30) auto;
    height: 500px;
}
.Xiangqing img{
    width: 100%;
    height: auto;
}

.wap{
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.wap ul{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.wap ul li{
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wap ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.wap ul li a img{
    width: 20px;
    aspect-ratio: 4 / 4;
    object-fit: contain;
    margin: auto;
    display: none;
}
.wap ul li a img:nth-child(1){
    display: block;
}
.wap ul li p{
    width: 100%;
    font-size: 14px;
    color: #707070;
    margin-top: 2px;
    text-align: center;
}

.wap ul li.Nav_cen p{
    color: #de000e;
}

.wap ul li.Nav_cen a img:nth-child(1){
    display: none;
    
}

.wap ul li.Nav_cen a img:nth-child(2){
    display: block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.Redian_text span{
    display: block;
    font-size: 12px;
    color: rgb(102, 102, 102);
    margin-top: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.Paihangtui{
    width: 100%;
    margin-top: var(--top40);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--top30);
}
.Paihangtui_list{
    width: 100%;
    overflow: hidden;
    background: rgba(248, 248, 248, 1);
    border: 1px solid rgba(221, 221, 221, 1);
}
.Paihangtui_list_top{
    width: 100%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
}
.Paihangtui_list_top>h2 {
    width: max-content;
    font-size: var(--size20);
    color: rgba(51, 51, 51, 1);
    font-family: 'bold';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
}

.Paihangtui_list_top>h2 img {
    width: 20px;
    height: auto;
    border-radius: 100px;
}
.Paihangtui_list_top ul{
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
}
.Paihangtui_list_top ul li{
    width: max-content;
    font-size: var(--size16);
    color: #000000;
    cursor: pointer;
    line-height: 4.2;
    position: relative;
}
.Paihangtui_list_top ul li::after{
    content: "";
    width: 0%;
    height: 2px;
    background: rgba(218, 37, 29, 1);
    position: absolute;
    bottom: 0;
    left: 0;
}
.Paihangtui_list_top ul li.active{
    color: rgba(218, 37, 29, 1);
}
.Paihangtui_list_top ul li.active::after{
    width: 100%;
}
.Paihangtui_list_content{
    width: 100%;
    padding: 15px;
}
.Paihangtui_list_content ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    padding: 30px;
}
.Paihangtui_list_content ul li{
    width: 100%;
}
.Paihangtui_list_content ul li  a{
    width: 100%;
    aspect-ratio: 5 / 3;
}
.Paihangtui_list_content ul li img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 5px;
}