@charset "utf-8";
/*
* Author:luochou
* Date:2024.9.10
*/
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{position: relative; height: .72rem; padding-left: .22rem; color: #3676bf; font-size: .42rem; line-height: .72rem;display: flex; display: -webkit-flex;align-items: center;}
.container .tit i{position: absolute; left: 0; top:50%; margin-top: -.22rem; width: .05rem; height: .44rem; background-color: #f7bf24;}
.container .tit i::after{position: absolute; top:0; left: 0; content: ''; width: .05rem; height: .22rem; background-color: #3676bf;}
.container .tit b{width: .1rem; height: .1rem; margin: 0 .16rem;background-color: #3676bf; border-radius: 50%;}
.item{padding: 0 .36rem;}
.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;}
/*introduce*/
.introduce{padding:.45rem .36rem;}
.introduce ul{display: flex; display: -webkit-flex;justify-content: space-between;}
.introduce li{width: 2.14rem; height: .96rem; background-color: #efefef; border-radius: .1rem;display: flex; display: -webkit-flex;align-items: center;}
.introduce li i{width: .55rem; height: .55rem; margin-left: .18rem; background:url(../images/index/icon_01.png) no-repeat; background-size: 100% 100%;}
.introduce li:nth-child(2) i{background:url(../images/index/icon_02.png) no-repeat; background-size: 100% 100%;}
.introduce li:nth-child(3) i{background:url(../images/index/icon_03.png) no-repeat; background-size: 100% 100%;}
.introduce li p{padding-left: .05rem; color: #333; font-size: .25rem; line-height: .3rem;}
.introduce li p b{display: block; font-weight: bold;}
/*f1Box*/
.f1Bg{background-color: #f5f5f5;}
.f1Box{padding: .58rem 0 .45rem;}
.f1Tab{height: .68rem; margin-bottom: .6rem; display: flex; display: -webkit-flex;justify-content: space-between;}
.f1Tab span{width: 50%; height: .68rem; background-color: #f7bf24; color: #262626; font-size:.34rem;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f1Tab span.active{background-color: #387ac1; color: #fff;}
.f1Swiper ul{display: flex; display: -webkit-flex;justify-content: space-between;flex-wrap:wrap;}
.f1Swiper li{width:33.33%; height: 2.2rem; border-right: 1px solid #a5a5a5; display: flex; display: -webkit-flex;flex-direction: column;align-items: center;box-sizing: border-box;}
.f1Swiper li:nth-child(3),.f1Swiper li:nth-child(6){border-right: none;}
.f1Swiper li:nth-child(1),.f1Swiper li:nth-child(2),.f1Swiper li:nth-child(3){border-bottom: 1px solid #a5a5a5;}
.f1Swiper li:nth-child(4),.f1Swiper li:nth-child(5),.f1Swiper li:nth-child(6){justify-content: flex-end;}
.f1Swiper li img{width: 1.14rem; height: 1.14rem;}
.f1Swiper li p{padding-top: .12rem; color: #1a1a1a; font-size: .25rem; line-height: .3rem; text-align: center;}
.f1Swiper .list2 li:nth-child(4),.f1Swiper .list2 li:nth-child(5),.f1Swiper .list2 li:nth-child(6){padding-bottom: .2rem;}
.f1Box .btn{width: 3.94rem; height: .68rem; margin: .45rem auto 0; background-color: #f7bf24; border-radius:.34rem; color:#262626; font-size: .3rem; display: flex; display: -webkit-flex;justify-content:center;align-items: center;}
/*f2Box*/
.f2Box{padding-top: .6rem;}
.f2Box .imgBox{margin-top: .2rem; border-radius:.16rem; overflow: hidden;}
.f2Box ul{padding: .42rem 0 .28rem; display: flex; display: -webkit-flex;justify-content: space-between;}
.f2Box li{width: 2rem;}
.f2Box li img{width: 1.98rem; height: 1.98rem; margin: 0 auto;}
.f2Box li h3{padding-top: .08rem; color: #3676bf; font-size: .34rem; font-weight: normal; text-align: center; line-height:.5rem;}
.f2Box li .btn{width:100%; height: .44rem; border-radius: .22rem; background-color: #f7bf24; color: #262626; font-size: .3rem;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f2Box .tips{color: #666; font-size: .24rem; text-align: center; line-height: .4rem;}
/*f3Box*/
.f3Box{padding:.68rem 0 .58rem;}
.f3Box .imgBox{margin-top: .24rem; padding: .2rem .18rem; border-radius:.16rem; border: 2px solid #3676bf; overflow: hidden;}
.f3Box .imgBox img{}
/*f4Box*/
.f4Bg{height:8.8rem; background: #e5effb url(../images/index/f4Bg.jpg) no-repeat; background-size: 100% 8.8rem;}
.f4Box{padding-top: .52rem}
.f4Info{padding:.4rem 2.64rem 0 0;}
.f4Info p{color: #262626; font-size: .24rem; line-height: .34rem; text-align: justify;}
.f4Box ul{padding-top: .32rem; display: flex; display: -webkit-flex;justify-content: space-between;}
.f4Box li{width: 2.11rem;}
/*f5Box*/
.f5Box{padding: .62rem 0 .8rem;}
.f5Tab{height: .68rem; padding: .22rem 0 .18rem;display: flex; display: -webkit-flex;justify-content: space-between;}
.f5Tab span{width: 2.22rem; height: .68rem; background-color: #f5f5f5; color: #262626; font-size:.34rem;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f5Tab span.active{background-color: #f7bf24;}
.f5Swiper{position: relative;}
.f5Swiper ul{display: flex; display: -webkit-flex;justify-content: space-between;}
.f5Swiper li{width: 3.3rem;}