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

body{overflow-x: hidden;}
/* header */
.header{height: 76px;display: flex;align-items: center;position: fixed;left: 0;right: 0;top: 0;margin: 0 auto;z-index: 99;}
.headerContent{width: 1190px;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 img{width: 58px;height: 58px;display: block;}
.headerContent .logo span{color: #333333;font-size: 18px;line-height: 18px;padding-left: 10px;font-weight: bold;}
.headerContent .itembox{display: flex;justify-content: flex-start;align-items: center;}
.headerContent .itembox a{color: #6C6B6B;font-size: 16px;line-height: 16px;margin-left: 70px;position: relative;}
.headerContent .itembox .language{margin-left: 70px;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;position: relative;padding-bottom: 30px;margin-top: 30px;}
.headerContent .itembox .language span:nth-of-type(1) img{width: 21px;height: 14px;display: block;}
.headerContent .itembox .language span:nth-of-type(2){color: #6C6B6B;font-size: 16px;line-height: 16px;padding: 0 10px;}
.headerContent .itembox .language span:nth-of-type(3) img{width: 10px;height: 10px;display: block;transition: all 0.4s;}
.turn{transform: rotate(180deg);}
.headerActived{color: #333333;font-size: 16px;font-weight: bold;line-height: 16px;}
.headerActived::after{content: '';position: absolute;border: 1px solid #1777FF;left: 0;right: 0;bottom: -20px;}

.changelanduage{display: none;}

.language ul{background-color: rgb(255, 255, 255);display: none;border-radius: 10px;padding: 10px 0;border-radius: 8pxpx;box-shadow: rgb(0 0 0 / 28%) 0px 0px 13px 0px;left: -8px;overflow-x: hidden;min-width: 100%;position: absolute;top: 30px;z-index: 999;}
.language ul li{display: flex;-webkit-box-pack: start;justify-content: center;flex-direction: column;}
.language ul li a{color:#666666;font-size: 16px;transition: all 0.15s ease 0s;margin-left: 0 !important;text-decoration: none;font-size: 16px;line-height: 22px;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;margin: 4px;padding: 8px;border-radius: 4px;background-color: transparent;font-weight: 400;height: auto;color: rgb(34, 34, 34);white-space: nowrap;width: 100%;-webkit-box-pack: start;justify-content: center;}
/* .language ul li a:nth-of-type(1){padding-left: 34px;} */
.language ul li a:hover{color: #333333;background-color: #FEF7E7;}
.language ul li img{margin-right: 5px;}

.menu{display: none !important;}

/* banner */
.banner{height: 100vh;display: flex;justify-content: center;align-items: center;position: relative;}
.banner .bg01{position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;height: 664px;z-index: -1;background: url(../images/bg01.png) no-repeat;background-size: cover;display: none;}
.banner .bg02{position: absolute;right: 0;top: 0;width: auto;height: 100vh;z-index: -1;}
.banner .bannerContent{display: flex;align-items: center;justify-content: center;}
.banner .bannerContent .left{margin-bottom: 40px;}
.banner .bannerContent .left h2{color: #323232;font-size: 44px;line-height: 44px;font-weight: bold;padding-bottom: 26px;}
.banner .bannerContent .left p{color: #323232;font-size: 28px;line-height: 42px;padding-bottom: 89px;}
.banner .bannerContent .left .btn{width: 374px;display: flex;justify-content: space-between;align-items: center;}
.banner .bannerContent .left .btn a{width: 170px;height: 48px;display: flex;justify-content: center;align-items: center;}
.banner .bannerContent .left .btn a:nth-of-type(1){color: #FFFFFF;font-weight: bold;font-size: 16px;line-height: 16px;border-radius: 24px;background-image: linear-gradient(to right,#17D796,#1777FF);}
.banner .bannerContent .left .btn a:nth-of-type(1) img{width: 24px;height: 24px;margin-right: 6px;display: block;}
.banner .bannerContent .left .btn a:nth-of-type(2){color: #1778FE;font-weight: bold;font-size: 16px;line-height: 16px;border-radius: 24px;border: 1px solid #1778FE;}
.banner .bannerContent .left .btn a:nth-of-type(2) img{width: 24px;height: 24px;margin-right: 6px;display: block;}
.banner .bannerContent .right{margin-left: 42px;margin-top: 90px;}
.banner .bannerContent .right img{width: 530px;height: 700px;display: block;}

/* 功能 */
.gn{background-color: #F4F7FA;}
.gncontent h2{color: #333333;font-size: 44px;line-height: 44px;padding: 80px 0 30px;font-weight: bold;text-align: center;}
.gncontent p{color: #333333;font-size: 16px;line-height: 28px;text-align: center;}
.gncontent .content{width: 1200px;margin: 0 auto;display: flex;justify-content: center;align-items: center;padding: 143px 0 88px 0;}
.gncontent .content .left img{width: 475px;height: 492px;display: block;}
.gncontent:nth-of-type(1) .content .right{width: 432px;height: 245px;background: url(../images/gnbg01.png) no-repeat;background-size: 100% 100%;margin-left: -89px;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}
.gncontent:nth-of-type(2) .content{padding: 138px 0 82px 0;}
.gncontent:nth-of-type(3) .content{padding: 136px 0 84px 0;}
.gncontent:nth-of-type(2) .content .right .title{margin-left: 141px;padding-top: 59px;}
.gncontent:nth-of-type(2) .content .left img,.gncontent:nth-of-type(3) .content .left img{width:500px;height:500px;}
.gncontent .content .right .title{padding-top: 29px;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: 28px;height: 28px;display: block;}
.gncontent .content .right .title div span{color: #000000;font-size: 32px;line-height: 32px;font-weight: bold;padding-left: 13px;}
.gncontent .content .right .title p{color: #333333;font-size: 20px;line-height: 20px;padding-top: 20px;}

.gncontent:nth-of-type(2) .content .right{margin-left:0;margin-right:-280px;width: 738px;height: 357px;background: url(../images/gnbg02.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;}
.gncontent:nth-of-type(3) .content .right{width: 432px;height: 245px;background: url(../images/gnbg01.png) no-repeat;background-size: 100% 100%;margin-left: -79px;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}

/* APP特色 */
.ts{background-color: #FFFFFF;}
.tscontent h2{color: #333333;font-size: 44px;line-height: 44px;padding: 80px 0 30px;font-weight: bold;text-align: center;}
.tscontent p{color: #333333;font-size: 16px;line-height: 28px;text-align: center;}
.tscontent .content{width: 1075px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 71px 0 80px 0;}
.tscontent .content .itembox{width: 522px;}
.tscontent .content .itembox .item{width:100%;height: 120px;cursor: pointer;display: flex;align-items: center;}
.tscontent .content .itembox .item span:nth-of-type(1){color: #333333;font-size: 36px;line-height: 36px;padding-left: 40px;font-weight: bold;flex: 0;}
.tscontent .content .itembox .item span:nth-of-type(2){color: #333333;font-size: 36px;line-height: 36px;padding: 0 20px 0 23px;flex: 1;}
.tscontent .content .itembox .item span:nth-of-type(3){color: #666666;font-size: 16px;line-height: 24px;flex: 1;}
.tscontent .content .picbox img{width: 460px;height: 438px;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{display: none !important;}

/* 界面欣赏 */
.xs{background: linear-gradient(314deg, #F2F6FE 0%, #F1FDF9 100%);}
.xscontent h2{color: #333333;font-size: 44px;line-height: 44px;padding: 80px 0 30px;font-weight: bold;text-align: center;}
.xscontent p{color: #333333;font-size: 16px;line-height: 28px;text-align: center;}

.swiper2{display: none;}
.swiper1{width: 1100px;}
.slidewrapper{width: 1200px;height: 472px; margin: 0 auto;position: relative;display: flex;align-items: center;padding: 73px 0 84px 0;}
.swiper-wrapper .swiper-slide{width: 215px !important;height: 472px;transition:  all 0.4s;margin-right: 45px !important;}
.swiper-wrapper .swiper-slide img{width: 100%;height: 100%;}
.slidebg{width: 240px;height: 490px;background: url(../images/slidebg.svg) no-repeat;background-size: 100% 100%;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 1;}

.swiper-pagination{display: none !important;}

.swiper-button-prev:after{
    display: none;
}
.swiper-button-next:after{
    display: none;
}
/*再自定义样式*/
.swiper-button-prev{
    width: 35px;
    height: 35px;
    background: url('../images/jt02.svg') no-repeat !important;
    bottom: 15px;
}
.swiper-button-next{
    width: 35px;
    height: 35px;
    background:url('../images/jt01.svg') no-repeat !important;
    bottom: 15px;
}

/* 关于我们 */
.about{background-color: #FFFFFF;}
.aboutcontent{padding-bottom: 80px;}
.aboutcontent h2{color: #333333;font-size: 44px;line-height: 44px;padding: 80px 0 30px;font-weight: bold;text-align: center;}
.aboutcontent .pcp{color: #333333;font-size: 16px;line-height: 28px;text-align: center;}
.aboutcontent .mp{display: none;}

.download{height: 320px;background: url(../images/download.svg) no-repeat;background-size: cover;}
.download h2{color: #FFFFFF;font-size: 32px;line-height: 48px;padding-top: 69px;text-align: center;}
.download p{color: #FFFFFF;font-size: 16px;line-height: 28px;padding: 30px 0 47px 0;text-align: center;}
.download .btn{width: 180px;height: 54px;border-radius: 24px;background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.download .btn a{color: #1777FF;font-size: 16px;line-height: 16px;font-weight: bold;}

/* 底部 */
.footer{width: 1200px;margin: 0 auto;}
.footer .footerContent{display: flex;border-bottom: 1px solid #E7E7E7;padding: 79px 0 40px 45px;position: relative;}
.footer .pcul{width: 800px;display: flex;justify-content: space-between;align-items: flex-start;}
.footer .mul{display: none;}
.footer .pcul li{display: flex;flex-direction: column;color: #666666;font-size: 12px;}
.footer .pcul li a{color: #666666;font-size: 12px;}
.footer .pcul li span{color: #000000;font-weight: bold;color: 15px;line-height: 15px;}
.footer .pcul li:nth-of-type(1) a{line-height: 20px;}
.footer .pcul li:nth-of-type(2) a{line-height: 30px;}
.footer .pcul li:nth-of-type(1) span{padding-bottom: 22px;}
.footer .pcul li:nth-of-type(2) span{padding-bottom: 13px;}
.footer .pcul li:nth-of-type(3) p{padding-top: 14px;display: flex;align-items: center;justify-content: flex-start;}
.footer .pcul li:nth-of-type(3) p span{color: #666666;padding-left: 10px;font-size: 12px;line-height: 20px;font-weight: normal;}
.footerText{padding: 58px 0 80px 0;text-align: center;color: #333333;font-size: 14px;line-height: 14px;}

.brand{display: none;}
.footerlanguage{display: none;}
.code{margin-left: 145px;}
.codebg{width: 122px;height: 122px;background: url(../images/codebg.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.codebg img{width: 104px;height: 104px;display: block;}
.code p{text-align: center;}
.code p:nth-of-type(1){color: #000000;font-size: 14px;line-height: 14px;padding: 14px 0 16px 0;}
.code p:nth-of-type(2){color: #666666;font-size: 11px;line-height: 11px;}