@charset "utf-8";
/* CSS Document */

.scale-inner {background: linear-gradient(#ffeed0, #fffffe, #fff0d7, #fff8ed, #ffefd4);}

/*头部*/
.header {position: relative; z-index: 90;}
.header-img {width: 100%; position: absolute; left: 0; top: 0; font-size: 0;}
.header-img img {width: 100%;}
.header-box {padding-top: 928px;}
.header-relative {width: 1200px; margin: 0 auto; height: auto; min-height: 210px; position: relative;}
.header-relative .t,
.header-relative .b {width: 1232px; height: 40px; position: absolute; left: -16px; top: -10px; display: flex; justify-content: space-between;}
.header-relative .t:before,
.header-relative .t:after,
.header-relative .b:before,
.header-relative .b:after {content: ''; display: block; width: 40px; height: 40px; background: #ec6e67;}
.header-relative .b {top: auto; bottom: -10px;}
.header-relative .b:before,
.header-relative .b:after {background: #b91911;}


.header-content {background: linear-gradient(#fffdef, #fff2d4); box-shadow: 0 5px 10px rgba(238, 176, 83, 0.5); position: relative; z-index: 20;}
.header-content {padding: 20px 30px; font-size: 22px; line-height: 1.5; color: #282828; letter-spacing: calc(1em / 1000 * 180); text-align: justify;}
.header-content p {text-indent: 2em;}



/*底部*/
.footer {background: #b91911; font-size: 18px; color: #fff; letter-spacing: calc(1em / 1000 * 150); line-height: 2; text-align: center; padding: 40px 0 60px 0;}
.footer .center {width: 1200px; margin: 0 auto;}



/*分组*/
.wrapper {background: url("../images/bg2.png") no-repeat center bottom / 100% auto; position: relative; padding: 70px 0 180px 0; display: grid; gap: 80px;}
.wrapper:before {content: ''; display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 600px; background: url("../images/bg1.png") no-repeat center top / 100% auto;}
.wrap-row {display: grid; gap: 30px; position: relative; z-index: 20;}
.wrap-main {display: grid; gap: 40px;}
.wrap-group {display: grid; gap: 30px;}
.group-main {width: 1200px; margin: 0 auto;}


.wrap-title {text-align: center; font-size: 0;}
.wrap-title img {height: 160px;}

.group-title {width: 900px; height: 80px; background: url("../images/tit-background.png") no-repeat center / 100% 100%; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 auto; font-size: 36px; font-weight: bold; color: #b91911; letter-spacing: calc(1em / 1000 * 100);}

/**/
.swiper-pagination.yee-swiper-pagination {font-size: 0; display: flex; justify-content: center; align-items: center; gap: 12px; bottom: 0;}
.swiper-pagination.yee-swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background: rgba(0, 0, 0, 0.3); opacity: 1; border-radius: 6px; margin: 0;}
.swiper-pagination.yee-swiper-pagination .swiper-pagination-bullet-active {width: 32px; background: #b91911;}


/**/
.yee-button-prev,
.yee-button-next {width: 20px; height: 32px; position: absolute; top: 50%; margin-top: -16px; cursor: pointer;}
.yee-button-prev,
.yee-button-next {background-size: 200% 100%; background-image: url("../images/control1.png");}
.yee-button-prev.swiper-button-disabled,
.yee-button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.yee-button-prev {background-position-x: left; left: 0;}
.yee-button-next {background-position-x: right; right: 0;}

/*环形图表*/
.progress-circle {
    --percent: 0; /* 百分数 */
    --size: 225px; /* 尺寸大小 */
    --border-width: 15px; /* 环形宽度（粗细） */
}
/* 容器 */
.progress-circle {
    width: var(--size);
    height: var(--size);
    transform: rotate(-90deg);
    border-radius: 50%;
}

/* 进度条环形图形 */
.progress-circle > circle {
    cx: calc(var(--size) / 2);
    cy: calc(var(--size) / 2);
    r: calc((var(--size) - var(--border-width)) / 2);
    fill: none;
    stroke-width: var(--border-width);
    /*stroke-linecap: round;*/
    stroke-dasharray: calc(2 * 3.1415 * (var(--size) - var(--border-width)) / 2 * (var(--percent) / 100) ), 1000
}



/**/
.r1f1 {width: 906px; height: 518px; box-sizing: border-box; border: 3px solid #b91911; position: relative; box-shadow: 0 6px 25px #bda182; padding: 6px;}
.r1f1 .btn {font-size: 0; position: absolute; left: 34px; bottom: 34px; z-index: 2;}
.r1f1 .btn a {display: block;}
.r1f1 .btn img {width: 80px; height: 80px;}
.r1f1 .img {font-size: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ffe3c5;}
.r1f1 .img a {display: block; width: 100%; height: 100%;}
.r1f1 .img img {width: 100%; height: 100%; object-fit: cover;}


/**/
.r1f2 {width: 1600px; position: relative;}
.r1f2 .img {font-size: 0;}
.r1f2 .img img {width: 100%;}
.r1f2 .txt {font-size: 18px; color: #282828; line-height: 1.667; position: absolute; z-index: 2;}
.r1f2 .txt span {font-weight: bold; font-size: 20px;}


/**/
.r1f3 {display: flex; justify-content: space-between; align-items: flex-start;}
.r1f3-main {width: 899px;}
.r1f3-tops {width: auto; height: 294px; position: relative;}
.r1f3-tops .yee-button-prev {left: -30px;}
.r1f3-tops .yee-button-next {right: -30px;}
.r1f3-tops .box {display: block; font-size: 0; border: 2px solid #b82524;}
.r1f3-tops .box img {width: 100%; height: 290px; object-fit: cover;}
.r1f3-content {width: auto;}
.r1f3-content .title {font-size: 26px; font-weight: bold; color: #282828; padding: 10px 0; border-bottom: 1px dashed #b21211; text-align: center; letter-spacing: calc(1em / 1000 * 150);}
.r1f3-content .text {font-size: 18px; color: #282828; line-height: 1.7223; padding-top: 10px; letter-spacing: calc(1em / 1000 * 180);}
.r1f3-content .text p {text-indent: 2em;}
.r1f3-list {width: 260px; position: relative;}
.r1f3-list .group {display: flex; flex-direction: column; gap: 10px; padding-bottom: 30px;}
.r1f3-list .group .item {display: block; font-size: 0;}
.r1f3-list .group .item img {width: 100%; height: 142px; object-fit: cover;}


/**/
.r1f4 {display: flex; justify-content: space-between;}
.r1f4 .group {width: 570px; display: flex;}
.r1f4 .group .title {width: 110px; font-size: 0;}
.r1f4 .group .title img {width: 100px;}
.r1f4 .group .main {flex: 1; min-width: 0;}
.r1f4 .group .main .content {font-size: 18px; color: #282828; line-height: 1.834; min-height: 9.17em; letter-spacing: calc(1em / 1000 * 230); padding-bottom: 15px;}
.r1f4 .group .main .content p {text-indent: 2em;}
.r1f4 .group .main .list {width: 425px; position: relative;}
.r1f4 .group .main .list .yee-button-prev {left: -30px;}
.r1f4 .group .main .list .yee-button-next {right: -30px;}
.r1f4 .group .main .list .box {font-size: 0; display: block;}
.r1f4 .group .main .list .box img {width: 100%; height: 135px; object-fit: cover;}



/**/
.r2f1-link {display: flex; justify-content: center; align-items: center; font-size: 0;}
.r2f1-link a {display: block;}
.r2f1-link img {width: 256px; height: 200px;}


/**/
.r2f1-ff {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 20px;}
.r2f1-news {width: 636px; background: #f5d49d;}
.r2f1-news-img {font-size: 0; padding: 15px;}
.r2f1-news-img .box {display: block;}
.r2f1-news-img img {width: 100%; height: 290px; object-fit: cover;}
.r2f1-news-img .swiper-pagination {bottom: 15px;}
.r2f1-news-img .swiper-pagination .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.5);}
.r2f1-news-img .swiper-pagination .swiper-pagination-bullet-active {background: #b91911;}
.r2f1-news-con {padding: 0 15px;}
.r2f1-news-con .tit {font-size: 24px; font-weight: bold; color: #282828; line-height: 1.5; text-align: center; letter-spacing: calc(1em / 1000 * 75);}
.r2f1-news-con .tit a {color: #282828;}
.r2f1-news-con .txt {font-size: 18px; color: #282828; padding: 10px 0 15px 0; line-height: 1.556; letter-spacing: calc(1em / 1000 * 75);}
.r2f1-news-con .txt p {text-indent: 2em;}
.r2f1-news-con .txt span {font-weight: bold; color: #b91911; font-size: 20px; font-family: Arial, sans-serif;}
.r2f1-photo {width: 540px; position: relative;}
.r2f1-photo .list {padding-bottom: 30px; display: flex; flex-wrap: wrap; gap: 10px; font-size: 0;}
.r2f1-photo .list .item {display: block;}
.r2f1-photo .list .item img {width: 265px; height: 157px; object-fit: cover; cursor: pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.r2f1-photo .list .item:first-child img {width: 540px; height: 170px;}


/**/
.r2f1-cc {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 35px;}
.r2f1-total {width: 726px; display: grid; grid-gap: 5px;}
.r2f1-total .title {padding: 13px 20px; font-size: 24px; color: #fff; font-weight: bold; line-height: 1; background: #b91911; border-radius: 12px; text-align: center;}
.r2f1-total .title span {font-size: 28px; color: #f5d49d; font-family: Arial, sans-serif;}
.r2f1-total .mark {height: 36px; display: flex; align-items: center; justify-content: space-between; background: url("../images/r2f1-total-mark.png") no-repeat center / 100% 100%;}
.r2f1-total .mark .group {width: 346px; text-align: center; font-size: 20px; font-weight: bold; color: #b91911;}
.r2f1-total .list {display: flex; justify-content: space-between;}
.r2f1-total .list .group {width: 346px; display: flex; flex-wrap: wrap; gap: 10px;}
.r2f1-total .list .group .item {position: relative; display: block; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
.r2f1-total .list .group .item .img {font-size: 0;}
.r2f1-total .list .group .item .img a {display: block;}
.r2f1-total .list .group .item .img img {width: 168px; height: 130px;}
.r2f1-total .list .group .item .txt {width: 100%; box-sizing: border-box; padding: 0 5px; position: absolute; left: 0; bottom: 0; z-index: 2; font-size: 18px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5);}
.r2f1-total .list .group .item .txt a {color: #fff;}
.r2f1-imc {width: 450px; border: 2px solid #f6d6a1; position: relative; font-size: 0;}
.r2f1-imc .yee-swiper-pagination {bottom: 15px;}
.r2f1-imc .swiper-slide a {display: block;}
.r2f1-imc .swiper-slide img {width: 100%; height: 506px;}



/**/
.r2f1-foot {padding-top: 25px;}
.r2f1-foot .title {text-align: center; font-size: 34px; font-weight: bold; color: #282828;}
.r2f1-foot .button {display: flex; gap: 12px; padding-top: 15px;}
.r2f1-foot .button .item {flex: 1; min-width: 0;}
.r2f1-foot .button .item a {display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; background: linear-gradient(to right bottom, #eb1735, #b91911); font-size: 34px; font-weight: bold; color: #fff; border-radius: 23px; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);}




/**/
.r3f1 {display: grid; gap: 40px; flex: 1; min-width: 0;}
.r3f1-tops {font-size: 0; text-align: center;}
.r3f1-tops img {width: 1000px;}



/**/
.r3f1-main {flex: 1; min-width: 0; display: flex; justify-content: space-between; align-items: flex-start;}
.r3f1-total {width: 490px;}
.r3f1-total .title {text-align: center; font-size: 32px; font-weight: bold; color: #282828; padding-top: 50px;}
.r3f1-total .title span {font-size: 46px; color: #b91911; font-family: Arial, sans-serif;}
.r3f1-total .mark {text-align: center; font-size: 22px; color: #282828; padding-top: 5px;}
.r3f1-total .mark span {color: #b91911; font-family: Arial, sans-serif;}
.r3f1-total .main {display: flex; justify-content: space-between; padding-top: 30px;}
.r3f1-total .main .item {width: 225px;}
.r3f1-total .main .item .box {width: 225px; height: 225px; border-radius: 50%; position: relative; background: radial-gradient(circle at center, #fff1d8, #f5deb4);}
.r3f1-total .main .item .box .num {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 36px; font-weight: bold; color: #b91911; font-family: Arial, sans-serif; position: absolute; left: 0; top: 0; z-index: 2;}
.r3f1-total .main .item .box .num span {font-size: 72px;}
.r3f1-total .main .item .txt {font-size: 22px; color: #282828; line-height: 36px; text-align: center; padding-top: 25px;}
.r3f1-total .main .item .txt span {font-size: 28px; color: #b91911; font-weight: bold; font-family: Arial, sans-serif;}


.r3f1-photo {width: 660px; background: #f5d49d; padding: 15px; box-sizing: border-box;}
.r3f1-photo .title {padding: 15px 0; line-height: 35px; text-align: center; font-size: 24px; color: #282828; font-weight: bold;}
.r3f1-photo .title span {color: #b91911; font-size: 28px;}
.r3f1-photo .list {display: flex; gap: 10px; font-size: 0; padding-bottom: 30px;}
.r3f1-photo .list .col {display: flex; flex-direction: column; gap: 10px;}
.r3f1-photo .list .col .item a {display: block;}
.r3f1-photo .list .col .item img {width: 270px; height: 144px; object-fit: cover; cursor: pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}
.r3f1-photo .list .col:first-child .item img {width: 350px; height: 220px;}

/**/
.r3f1-list {flex: 1; min-width: 0; position: relative;}
.r3f1-list .yee-button-prev {margin-top: -36px; left: -30px;}
.r3f1-list .yee-button-next {margin-top: -36px; right: -30px;}
.r3f1-list .group {display: flex; gap: 25px;}
.r3f1-list .group .item {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px;}
.r3f1-list .group .item .img {font-size: 0;}
.r3f1-list .group .item .img a {display: block;}
.r3f1-list .group .item .img img {width: 100%; height: 170px; object-fit: cover; cursor: pointer; border-radius: 10px;}
.r3f1-list .group .item .txt {font-size: 18px; font-weight: bold; color: #282828; text-align: center;}
.r3f1-list .group .item:nth-child(even) .img {order: 1;}
.r3f1-list .group .item:nth-child(even) .txt {order: 0;}


/**/
.r3f2 {width: 1220px; position: relative;}
.r3f2 .button-prev,
.r3f2 .button-next {width: 34px; height: 68px; position: absolute; top: 50%; margin-top: -34px; cursor: pointer; z-index: 20;}
.r3f2 .button-prev,
.r3f2 .button-next {background-size: 200% 100%; background-image: url("../images/control2.png");}
.r3f2 .button-prev.swiper-button-disabled,
.r3f2 .button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.r3f2 .button-prev {background-position-x: left; left: -39px;}
.r3f2 .button-next {background-position-x: right; right: -39px;}
.r3f2 .swiper {width: 1220px; box-sizing: border-box; padding: 10px;}
.r3f2 .list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px;}
.r3f2 .list .item {background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); min-width: 0;}
.r3f2 .list .item .img {position: relative;}
.r3f2 .list .item .img .img-box {font-size: 0;}
.r3f2 .list .item .img .img-box a {display: block;}
.r3f2 .list .item .img .img-box img {width: 100%; height: 230px; object-fit: cover; border-radius: 8px 8px 0 0;}
.r3f2 .list .item .img .txt-box {width: 100%; box-sizing: border-box; padding: 8px 20px; font-size: 20px; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 10;}
.r3f2 .list .item .con {padding: 10px 20px;}
.r3f2 .list .item .con .tit {font-size: 25px; color: #000000;}
.r3f2 .list .item .con .tit a {color: #000000;}
.r3f2 .list .item .con .txt {font-size: 20px; color: #b6b6b6;}




/**/
.r4f1 {display: flex; gap: 15px;}
.r4f1 .item {display: flex; justify-content: center; align-items: center; text-align: center; flex: 1; min-width: 0; height: 156px; font-size: 34px; font-weight: bold; color: #b91911; border-radius: 17px; line-height: 1.382; text-shadow: 1px 1px 2px #fff; background: url("../images/r4f1-background.jpg") no-repeat center / cover;}

/**/
.r4f2 {width: 100%; display: grid; gap: 40px;}

/**/
.r4f2-head {width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start;}
.r4f2-book {width: 810px; font-size: 0;}
.r4f2-book .swiper {padding-bottom: 30px;}
.r4f2-book .box {display: block; border: 2px solid #ba1e16;}
.r4f2-book .box img {width: 100%; height: 266px; cursor: pointer;}

/**/
.r4f2-list {width: 360px;}
.r4f2-list .title {height: 48px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 34px; font-weight: bold; color: #fff; text-shadow: 2px 2px 2px #a92523; background: url("../images/r4f2-title.png") no-repeat center / 100% 100%;}
.r4f2-list .main {display: grid; gap: 10px; padding-top: 15px;}
.r4f2-list .main .item {position: relative; font-size: 18px; color: #282828; padding-left: 25px; min-width: 0;}
.r4f2-list .main .item:before {content: ''; display: block; width: 8px; height: 8px; background: #b43a32; position: absolute; left: 5px; top: 50%; margin-top: -4px;}
.r4f2-list .main .item a {color: #282828;}
.r4f2-list .main .item a:hover {text-decoration: underline;}

/**/
.r4f2-total {width: 1200px; height: 315px; margin: 0 auto; box-sizing: border-box; padding-left: 70px; background: url("../images/r4f2-background.png") no-repeat center / 100% 100%;}
.r4f2-total .con {width: 720px; height: 100%; display: grid; grid-template-columns: repeat(2, 1fr);}
.r4f2-total .con .item {display: flex; justify-content: center; align-items: center; position: relative;}
.r4f2-total .con .item .box {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; cursor: pointer;}
.r4f2-total .con .item:after {content: ''; display: block; height: 100px; border-right: 2px dotted #bd564f; position: absolute; right: 0; top: 50%; margin-top: -50px;}
.r4f2-total .con .item:nth-child(even):after {display: none;}
.r4f2-total .con .item .num {display: flex; justify-content: center; align-items: flex-end; font-size: 22px; color: #282828; gap: 5px;}
.r4f2-total .con .item .num span {line-height: 1;}
.r4f2-total .con .item .num .n {font-size: 68px; font-weight: bold; color: #b43c36; font-family: Arial, sans-serif;}
.r4f2-total .con .item .num .u {padding-bottom: 12px;}
.r4f2-total .con .item .txt {font-size: 22px; color: #282828;}





/**/
.r4f2-mm {width: 1516px; margin: 0 auto; display: flex; align-items: center;}
.r4f2-mm .img {width: 1176px; box-sizing: border-box; border: 4px solid #e4b66a; font-size: 0;}
.r4f2-mm .img img {width: 100%; height: 554px;}
.r4f2-mm .con {width: 340px; display: flex; flex-direction: column; gap: 10px;}
.r4f2-mm .con .item {width: 100%; height: 120px; display: flex; gap: 5px; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: linear-gradient(to right, rgba(245, 212, 157, 0),rgba(245, 212, 157, 1));}
.r4f2-mm .con .item .txt {font-size: 22px; color: #272727;}
.r4f2-mm .con .item .num {font-size: 22px; color: #272727; display: flex; align-items: flex-end; gap: 5px;}
.r4f2-mm .con .item .num span {line-height: 1;}
.r4f2-mm .con .item .num span.n {color: #b43c36; font-size: 46px; font-weight: bold; font-family: Arial, sans-serif;padding-right: 5px;}
.r4f2-mm .con .item .num span.u {padding-bottom: 7px;}



/**/
.r4f2-foot {width: 1494px; margin: 0 auto;}
.r4f2-foot .swiper {padding-bottom: 30px;}
.r4f2-foot .box {display: block; font-size: 0;}
.r4f2-foot .box img {width: 100%; height: 210px; object-fit: cover; cursor: pointer; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}








/**/
.header-detail {font-size: 0;}
.header-detail img {width: 100%;}



.wrapper-detail {background: url("../images/bg2.png") no-repeat center bottom / 100% auto, linear-gradient(#fff8ec, #fff0d4);}


.detail-wrap {padding: 40px 0 150px 0; width: 1200px; margin: 0 auto;}


.wrap-location {display: flex; align-items: center; gap: 10px; padding-bottom: 28px;}
.wrap-location .icon {font-size: 0;}
.wrap-location .icon img {width: 20px; height: 20px;}
.wrap-location .text {flex: 1; min-width: 0; font-size: 20px; color: #282828;}



.detail-main {background: #fff; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); padding: 50px 40px;}
.detail-title {text-align: center; font-size: 26px; font-weight: bold; color: #282828;}
.detail-mark {text-align: center; font-size: 16px; color: #b1b1b1; padding-top: 15px;}
.detail-content {font-size: 20px; color: #282828; padding-top: 25px; line-height: 1.6;}