*{padding: 0;margin: 0;}
li{list-style: none;}
a{text-decoration: none;}

.header{height: 1rem;display: flex;align-items: center;position: fixed;left: 0;right: 0;top: 0;margin: 0 auto;z-index: 99;}
.headerContent{width: 100%; padding:0 0.2rem;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.headerContent .logo{display: flex;align-items: center;justify-content: flex-start;cursor: pointer;}
.headerContent .logo span{color: #333333;font-size: 0.28rem;line-height: 0.4rem;padding-left: 0.1rem;font-weight: bold;}
.headerContent .logo img{width: 0.68rem;height: 0.68rem;display: block;}
.headerContent .itembox{display: none;}

/* banner */
.banner{position: relative;}
.banner .bg01{width: auto;height: 10.8rem;position: absolute;left: 0;right: 0;bottom: -0.88rem;margin: 0 auto;z-index: -1;background: url(../images/mbg.png) no-repeat;background-size: cover;}
.banner .bg02{display: none;}
.banner .bannerContent .left{width: 90%;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 0 auto;}
.banner .bannerContent .left h2{color: #323232;font-size: 0.44rem;line-height: 0.44rem;font-weight: bold;padding-top: 1.8rem;text-align: center;}
.banner .bannerContent .left p{color: #666666;font-size: 0.28rem;line-height: 0.42rem;padding: 0.26rem 0 0.48rem 0;text-align: center;}
.banner .bannerContent .left .btn{width: 5.8rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.banner .bannerContent .left .btn a{width: 2.8rem;height: 0.78rem;display: flex;justify-content: center;align-items: center;}
.banner .bannerContent .left .btn a:nth-of-type(1){color: #FFFFFF;font-weight: bold;font-size: 0.24rem;line-height: 0.24rem;border-radius: 0.39rem;background-image: linear-gradient(to right,#17D796,#1777FF);}
.banner .bannerContent .left .btn a:nth-of-type(1) img{width: 0.32rem;height: 0.32rem;margin-right: 0.1rem;display: block;}
.banner .bannerContent .left .btn a:nth-of-type(2){color: #1778FE;font-weight: bold;font-size: 0.24rem;line-height: 0.24rem;border-radius: 0.39rem;border: 1px solid #1778FE;}
.banner .bannerContent .left .btn a:nth-of-type(2) img{width: 0.32rem;height: 0.32rem;margin-right: 0.13rem;display: block;}
.banner .bannerContent .right{margin: 0 auto;margin-top: 0.78rem;margin-bottom: 0.88rem;}
.banner .bannerContent .right img{width: 5.3rem;height: 7rem;display: block;margin: 0 auto;}

/* 菜单 */
.headerRight{display: flex;align-items: center;justify-content: flex-start;}
.menumask{position: fixed;width: 100%;height: 100%;background-color: #000000;opacity: 0.8;left: 0;top: 0;z-index: 98;display: none;}
.languagemask{position: fixed;width: 100%;height: 100%;background-color: #000000;opacity: 0.8;left: 0;top: 0;z-index: 98;display: none;}
.menu .menubox {width: 100%;position: absolute;left: 0;top: 1rem;background-color: #FFFFFF;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;z-index: 99;display: none;}
.menu .menubox .menuwrapper{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 0 0.2rem;}
.menu .menubox span{color: #666666;font-size: 0.34rem;height: 0.99rem;border-bottom: 1px solid #F2F2F2;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.menu .menubox span:nth-last-of-type(1){border-bottom: none;}
.menu img{width: 0.48rem;height: 0.48rem;display: block;}

.changelanduage{display: flex;align-items: center;margin-right: 0.2rem;}
.changelanduage span{color: #333333;font-size: 0.26rem;}
.changelanduage  .mtjt{width: 0.16rem;height: 0.16rem;transition: all 0.4s;}
.changelanduage .changgebox{display: none; width: 100%;position: absolute;left: 0;top: 1rem;background-color: #FFFFFF;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;z-index: 99;}
.changelanduage .changgebox .changgeboxwrapper{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 0 0.2rem;}
.changelanduage .changgebox .changgeboxwrapper a{color: #666666;font-size: 0.34rem;height: 0.99rem;border-bottom: 1px solid #F2F2F2;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.changelanduage .changgebox .changgeboxwrapper a:nth-last-of-type(1){border-bottom: none;}
.turn{transform: rotate(180deg);}

/* 功能 */
.gn{background-color: #F4F7FA;}
.gncontent h2{color: #333333;font-size: 0.44rem;line-height: 0.44rem;padding: 0.8rem 0 0.26rem;font-weight: bold;text-align: center;}
.gncontent p{color: #666666;font-size: 0.28rem;line-height: 0.28rem;text-align: center;padding-bottom: 0.2rem;}
.gncontent .content{margin: 0 auto;display: flex;justify-content: center;align-items: center;padding: 0.5rem 0.2rem;}
.gncontent .content .left img{width: 3.4rem;height: 3.4rem;display: block;}
.gncontent:nth-of-type(1) .content .right{width: auto;height: 1.43rem;background: url(../images/gnbg01.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.gncontent .content .right .title{display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}
.gncontent .content .right .title div{display: flex;width: 100%;justify-content: flex-start;align-items: center;}
.gncontent .content .right .title div img{width: 0.28rem;height: 0.28rem;display: block;}
.gncontent .content .right .title div span{color: #000000;font-size: 0.32rem;line-height: 0.32rem;font-weight: bold;padding-left: 0.13rem;}
.gncontent .content .right .title p{color: #333333;font-size: 0.22rem;line-height: 0.28rem !important;padding-top: 0.2rem;}

.gncontent:nth-of-type(2) .content .right{width: 4.3rem;height: 2.08rem;background: url(../images/gnbg02.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.gncontent:nth-of-type(3) .content .right{height: 1.43rem;background: url(../images/gnbg01.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}


/* APP特色 */
.ts{background-color: #FFFFFF;}
.tscontent{padding: 0 0.32rem 0.5rem 0.32rem;}
.tscontent h2{color: #333333;font-size: 0.4rem;line-height: 0.4rem;padding: 0.8rem 0 0.2rem;font-weight: bold;text-align: center;}
.tscontent p{color: #333333;font-size: 0.28rem;line-height: 0.48rem;text-align: center;padding-bottom: 0.2rem;}
.tscontent .content{width: 100%;display: flex;justify-content: center;align-items: center;margin: 0 auto;flex-direction: column;}
.tscontent .content .itembox{width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.tscontent .content .itembox .item{width:2.28rem;height: 0.78rem;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.tscontent .content .itembox .item span{color: #333333;font-size: 0.32rem !important;line-height: 0.32rem;font-weight: bold;}
.tscontent .content .itembox .item span:nth-of-type(1){display: none;}
.tscontent .content .itembox .item span:nth-of-type(3){display: none;}
.tscontent .content .picbox .pic{display: flex;justify-content: center;align-items: center;}
.tscontent .content .picbox img{width: 4.6rem;height: 4.38rem;margin: 0 auto;display: block;}
.itemActived{background: linear-gradient(266deg, rgba(36, 98, 234, 0.06) 0%, rgba(23, 211, 155, 0.06) 100%);}
.itemSpanActived{background: linear-gradient(180deg, #18D29D 0%, #1778FD 100%);-webkit-background-clip: text;color: transparent !important;display: inline-block;}
.itemSpanActived2{color: #1777FF !important;}
.tips{color: #323232;font-size: 0.28rem;line-height: 0.38rem;text-align: center;padding: 0.5rem 0;}

/* 界面欣赏 */
.xs{background: linear-gradient(314deg, #F2F6FE 0%, #F1FDF9 100%);}
.xscontent{padding: 0 0.32rem;}
.xscontent h2{color: #333333;font-size: 0.44rem;line-height: 0.44rem;padding: 0.8rem 0 0.2rem;font-weight: bold;text-align: center;}
.xscontent p{color: #333333;font-size: 0.28rem;line-height: 0.48rem;text-align: center;}

.swiper1{display: none;}
.slidewrapper{height: 4.72rem;margin: 0 auto;position: relative;display: flex;align-items: center;padding: 0.75rem 0.18rem 1.1rem 0.18rem;}
.swiper-wrapper .swiper-slide{width: 2.15rem !important;height: 4.42rem;transition:  all 0.4s;margin-right: 0.18rem;}
/* .swiper-wrapper .swiper-slide:nth-of-type(1){margin-left: 1.1rem;} */
.swiper-wrapper .swiper-slide img{width: 100%;height:100%;display: block;}


.swiper-button-prev{display: none;}
.swiper-button-next{display: none;}
.swiper-pagination{position: absolute;left: 0;right: 0;margin: 0;bottom: 0.3rem;width: 2rem;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.swiperpoint .swiper-pagination-bullet-active{background: #1777FF !important;opacity: 1 !important;width: 0.2rem !important;height: 0.2rem !important;}
.swiperpoint .swiper-pagination-bullet{background-color: #1777FF !important;width: 0.14rem;height: 0.14rem;}
/* .swiper-pagination-bullet-active{background: #1777FF !important;} */
/* .swiper-pagination-bullet{background: #BAD6FD ;opacity: 1 !important;} */

/* .slidebox{width: 6.9rem;margin: 0 auto;display: flex;justify-content: flex-start;align-items: center;overflow-x: hidden;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 2;}
.slidebox .slide{transition:  all 0.4s;}
.slidebox .slide:nth-of-type(1) img{}
.slidebox .slide img{width: 2.18rem;height: 4.72rem;} */
.slidebg{display: none;}

.jt01{position: absolute;right: 0;cursor: pointer;}
.jt02{position: absolute;left: 0;cursor: pointer;}

/* 关于我们 */
.about{background-color: #FFFFFF;}
.aboutcontent{padding: 0 0.32rem 0.8rem 0.32rem;}
.aboutcontent h2{color: #333333;font-size: 0.44rem;line-height: 0.44rem;padding: 0.8rem 0 0.26rem;font-weight: bold;text-align: center;}
.aboutcontent .pcp{display: none;}
.aboutcontent .mp{color: #333333;font-size: 0.28rem;line-height: 0.48rem;text-align: center;}

.download{background: url(../images/download.svg) no-repeat center;background-size: cover;padding-bottom: 0.24rem;}
.download h2{color: #FFFFFF;font-size: 0.32rem;line-height: 0.48rem !important;padding: 0.2rem 0.3rem;text-align: center;}
.download p{display: none;}
.download .btn{width: 2.4rem;height: 0.68rem;border-radius: 0.39rem;background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.download .btn a{color: #1777FF;font-size: 0.24rem;line-height: 0.24rem;font-weight: bold;}

/* 底部 */
.footer{margin: 0 auto;background-color: #F4F7FA;padding-top: 0.3rem;}
.footer .footerContent{margin: 0 0.32rem 0.3rem 0.32rem;background-color: #FFFFFF;border-radius: 0.2rem;}
.footer .pcul{display: none;}
.footer .mul{padding: 0.4rem 0.53rem 0.51rem 0.38rem;position: relative;}
.footer .mul .phone p:nth-of-type(1){color: #666666;font-size: 0.28rem;line-height: 0.28rem;}
.footer .mul .phone p:nth-of-type(2){color: #12141C;font-size: 0.32rem;line-height: 0.32rem;font-weight: bold;padding-top: 0.17rem;}
.footer .mul .youxiang p{color: #12141C;font-size: 0.24rem;line-height: 0.24rem;padding-top: 0.4rem;font-weight: bold;}
.footer .mul .youxiang p span{color: #666666;font-size: 0.24rem;line-height: 0.24rem;padding-left: 0.1rem;font-weight: normal;}
.footer .mul .dizhi p{color: #12141C;font-size: 0.24rem;line-height: 0.36rem;padding-top: 0.2rem;font-weight: bold;}
.footer .mul .dizhi p span{color: #666666;font-size: 0.24rem;line-height: 0.36rem;padding-left: 0.1rem;font-weight: normal;}
.brand{position: absolute;right: 0.21rem;top: 0.13rem;}
.brand img{width: 1.6rem;height: 1.6rem;display: block;}

.footerlanguage{background-color: #FFFFFF;padding-bottom: 1.26rem;}
.footerlanguage .ftl{padding-top: 0.5rem;padding-bottom: 0.11rem;width: 2.8rem;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.footerlanguage .ftl span{display: block;border-radius: 0.2rem;background-color: #1777FF;margin: 0 0.3rem;width: 0.02rem;height: 0.22rem;}
.footerlanguage .ftl a{color: #1777FF;font-size: 0.22rem;line-height: 0.22rem;}
.footerlanguage .ftt{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 0.2rem;text-align: center;}
.footerlanguage .ftt p{color: #282828;font-size: 0.18rem;line-height: 0.32rem;padding-top: 0.1rem;}
.footerlanguage .ftt p span{color: #1777FF;}

.code{display: none;}
.footerText{display: none;}