@charset "utf-8";
/*
* title:fuke;
* Author:luochou
* Date:2024.9.9
*/
body{background-color: #f9f9f9;}
.container{min-width: 320px;width: 100%;max-width: 750px;margin: 0 auto; background-color: #fff;}
.container img{max-width: 100%; display: block;}
.container .tit{display: flex; display: -webkit-flex;flex-direction: column;align-items: center;}
.container .tit span{padding-bottom: .16rem; font-size: .6rem; line-height: .68rem; background: -webkit-linear-gradient(#cb1015,#91070b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.container .tit small{width: 3.1rem; height: .48rem; border: 1px solid #dfb491; border-radius: .24rem; color: #a20000; font-size: .3rem;display: flex; display: -webkit-flex;justify-content: center;align-items: center;background-image: -webkit-linear-gradient(to top, #f3bf81, #ffebc7);background-image: linear-gradient(to top, #f3bf81, #ffebc7);}
.item{padding: 0 .3rem;}
.bannerSwiper{position: relative;}
.bannerSwiper .swiper-slide,.bannerSwiper .swiper-slide img{width:100%;}
.bannerSwiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.1rem;z-index:1;}
.bannerSwiper .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .12rem;display:inline-block;vertical-align:top;}
.bannerSwiper .pagination .swiper-pagination-bullet-active{background-color:#f7bf24;}
/*f1Box*/
.f1Bg{height: 8.76rem; padding: 0 .3rem; background:#8c0003 url(../images/f1Bg.jpg) no-repeat; background-size: 100% 100%;}
.f1Box{background-color: #fff; padding: .4rem 0 .5rem; border:.12rem solid #8c0200; border-radius: .24rem;}
.f1Box ul{padding:.52rem .14rem .3rem; display: flex; display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.f1Box li{width:33.33%; padding-bottom: .22rem;}
.f1Box li img{width: 1.5rem; margin: 0 auto;}
.f1Box li p{color: #333; font-size: .24rem; font-weight: bold; text-align: center; line-height: .44rem;}
.f1Box .btn{width:2.9rem; height: .68rem; margin:0 auto; border: .04rem solid #ffdbd1; border-radius: .38rem;background-image: -webkit-linear-gradient(to top, #ff3000, #ff6c00);background-image: linear-gradient(to top, #ff3000, #ff6c00); color: #fff; font-size: .3rem; font-weight: bold;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
/*f2Box*/
.f2Bg{height: 8.22rem; padding: 0 .3rem; background:#8c0003 url(../images/f2Bg.jpg) no-repeat; background-size: 100% 100%;}
.f2Box{height: 7.73rem; padding: .4rem 0 0; background:#fff url(../images/f2Bg_con.jpg) no-repeat; background-size: 100% 100%; border:.12rem solid #8c0200; border-radius: .24rem;box-sizing: border-box;}
.f2Box ul{padding: .52rem .3rem 0 0; display: flex; display: -webkit-flex;flex-direction: column;align-items: end;}
.f2Box li{width: 3.28rem; margin-bottom: .2rem; padding:.12rem .16rem .16rem .2rem; border: 1px solid #707070; border-radius: .08rem; box-sizing: border-box;}
.f2Box li h3{color: #8c0101; font-size: .24rem; line-height: .36rem;}
.f2Box li p{color: #777; font-size: .24rem; line-height: .36rem; text-align: justify;}
/*f3Box*/
.f3Bg{height: 10.73rem;padding: 0 .3rem;background:#8c0003 url(../images/f3Bg.jpg) no-repeat; background-size: 100% 100%;}
.f3Box{height: 10rem; padding: .4rem 0 0; background:#fff url(../images/f3Bg_con.jpg) no-repeat center bottom; background-size: 100% 6.5rem; border:.12rem solid #8c0200; border-radius: .24rem;box-sizing: border-box;}
.f3Box .tit span{padding-bottom: 0;}
.f3Box .tit em{color: #fff; font-size: .52rem;font-weight: bold;text-transform: uppercase;-webkit-text-stroke: 1px #f3d8bb;text-stroke: 1px #f3d8bb; line-height: .78rem;}
.f3Con{padding:.1rem .3rem 0;}
.f3Con p{padding-bottom: .12rem; color: #777; font-size: .24rem; line-height: .36rem;}
.f3Con p i{padding-right: .12rem; color: #b70005;}
/*f4Box*/
.f4Bg{height: 13.42rem;padding: 0 .3rem;background:#8c0003 url(../images/f4Bg.jpg) no-repeat; background-size: 100% 100%;}
.f4Box{padding: .4rem 0 0; background-color:#fff; border:.12rem solid #8c0200; border-radius: .24rem;box-sizing: border-box;}
.f4Con{padding:.52rem .24rem .32rem; display: flex; display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;gap:.16rem 0;}
.f4Con dl{width: 2.95rem; padding-bottom: .16rem; background-color: #f3f3f3; border: 1px solid #dfb4b3;}
.f4Con dt{padding:.12rem; background-color: #fff;}
.f4Con dt span{position: absolute; left: 0; bottom: 0; width: 100%; height: .55rem; background-color: #4282d9; color: #fff; font-size: .32rem;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f4Con dd{padding: .14rem .12rem 0; background-color: #f3f3f3;}
.f4Con dd h3{color: #9f0003; font-size: .24rem; text-align: center; line-height: .36rem;}
.f4Con dd p{color: #777; font-size: .24rem; line-height: .32rem; text-align: justify;}
/*f5Box*/
.f5Bg{height: 9.12rem;padding: 0 .3rem;background:#8c0003 url(../images/f5Bg.jpg) no-repeat; background-size: 100% 100%;}
.f5Box{height: 8.54rem; padding-top: .4rem; background:#fff url(../images/f5Bg_con.jpg) no-repeat center bottom; background-size: 100% 6.95rem; border:.12rem solid #8c0200; border-radius: .24rem;box-sizing: border-box;}
.f5Swiper{position: relative; width: 4.8rem; height: 4.4rem; background-color: #f2f2f2; margin: .7rem 0 0 1.8rem; box-shadow: 0 .06rem .24rem rgba(0,0,0,.16);}
.f5Swiper .swiper-slide,.f5Swiper .swiper-slide img{width:100%;}
.f5Swiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.28rem;z-index:1;}
.f5Swiper .pagination span{width:.18rem;height:.18rem;font-size:0;background-color:#bebebe;border-radius:50%;opacity:1;margin:0 .06rem;display:inline-block;vertical-align:top;}
.f5Swiper .pagination .swiper-pagination-bullet-active{background-color:#a20d10;}
.f5Box .btn{width:2.9rem; height: .68rem; margin:.32rem auto 0; border: .04rem solid #ffdbd1; border-radius: .38rem;background-image: -webkit-linear-gradient(to top, #ff3000, #ff6c00);background-image: linear-gradient(to top, #ff3000, #ff6c00); color: #fff; font-size: .3rem; font-weight: bold;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
/*f6Box*/
.f6Bg{height: 9.85rem;padding: 0 .3rem;background:#8c0003 url(../images/f6Bg.jpg) no-repeat; background-size: 100% 100%;}
.f6Box{padding: .4rem 0; background-color:#fff; border:.12rem solid #8c0200; border-radius: .24rem;box-sizing: border-box;}
.f6Table{padding:.38rem .22rem .3rem;}
.f6Table ul{border: 1px solid #ebcbcb;}
.f6Table li{display: flex; display: -webkit-flex;align-items: center;}
.f6Table li:nth-child(odd){background-color: #fff4f4;}
.f6Table li:first-child{background-color: #a20000;}
.f6Table li:first-child span{height: .56rem; color: #fff; text-align: center; line-height: .55rem;}
.f6Table li span{height: .46rem; color: #333; font-size: .24rem; text-align: center; line-height: .46rem;}
.f6Table li span:nth-child(1){width:42%; text-align: center;}
.f6Table li span:nth-child(2){width:29%; border-left:1px solid #fff; border-right: 1px solid #fff;box-sizing: border-box;}
.f6Table li span:nth-child(3){width:29%; font-weight: bold;}
.f6Box .btn{width:2.9rem; height: .68rem; margin:0 auto; border: .04rem solid #ffdbd1; border-radius: .38rem;background-image: -webkit-linear-gradient(to top, #ff3000, #ff6c00);background-image: linear-gradient(to top, #ff3000, #ff6c00); color: #fff; font-size: .3rem; font-weight: bold;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
/*f7Box*/
.f7Bg{height: 11rem;padding: 0 .3rem;background:#8c0003 url(../images/f7Bg.jpg) no-repeat; background-size: 100% 100%;}
.f7Box{padding: .4rem 0 .24rem; background-color:#fff; border:.12rem solid #8c0200; border-radius: .24rem;box-sizing: border-box;}
.f7Box .tit span{font-size: .58rem;}
.f7Box .tit small{width: 3.75rem;}
.f7Con{padding:.32rem .2rem 0;}
.f7Con dl{height:3.84rem; margin-bottom: .24rem; padding:.62rem .32rem 0; background-color: #fff5f4; border-radius: .16rem;box-sizing: border-box;}
.f7Con dt{display: flex; display: -webkit-flex;align-items: center;}
.f7Con dt img{width: .76rem; height: .76rem; border-radius: 50%; overflow: hidden;}
.f7Con dt .desc{padding-left: .24rem;}
.f7Con dt h3{color: #e20a02; font-size: .32rem; line-height: .4rem;}
.f7Con dt p{color: #333; font-size: .2rem;display: flex; display: -webkit-flex;align-items: center;}
.f7Con dt .star{padding-right: .12rem; display: flex; display: -webkit-flex;}
.f7Con dt .star i{width: .24rem; height: .24rem; margin-right: .06rem;background: url(../images/icon_star.png) no-repeat; background-size: 100% 100%;}
.f7Con dd{padding-top: .16rem; color: #333; font-size: .24rem; line-height: .4rem; text-align: justify;}
.f7Box ul{padding-top: 1.1rem; display: flex; display: -webkit-flex;flex-wrap: wrap;justify-content: space-between; gap:1.18rem 0;}
.f7Box li{position: relative; width: 1.5rem;}
.f7Box li img{position: absolute; top:-.6rem; left: 50%; margin-left: -.62rem; width: 1.23rem; height: 1.08rem;}
.f7Box li h3{width: 100%; height: 1.3rem; padding-top: .35rem; background-color: #4282d9; border-radius: .08rem; color: #fff; font-size: .28rem; font-weight: normal; line-height: .36rem; text-align: center; display: flex; display: -webkit-flex;justify-content: center;align-items: center;box-sizing: border-box;}