html{ font-size:10px;}
*{ margin:0; padding:0;}
body,button,input,select,textarea{ font-size:1.2rem; color:#222; font-family:'微软雅黑','Microsoft YaHei','Arial';}
a{ color:#333; text-decoration:none;}
a:hover{ color:#ff6600;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
textarea{ resize:none;}
ul,ol{ list-style:none;}
img{ border:0; display:block; max-width:100%; height:auto;}
.hide{ display:none;}
.clearfix{*zoom:1}
.clearfix:after{ content:''; clear:both; height:0; display:block; overflow:hidden;}
.fixed{ position:fixed;}

/************************************ global **************************************/
/**/
#loading{ position:fixed; margin:auto; left:0; top:0; right:0; bottom:0;}
.wrap{ max-width:114rem; margin:0 auto;}

/**/
.msg{ margin:20rem auto; width:40%; border:1px #CCC solid; padding:1rem;}
.msg h2{ font-size:1.4rem;}
.msg .info{ font-size:1.8rem; text-align:center; padding:5rem 1rem;}
.msg .jump{ text-align:right;}
.msg .jump_ge{ margin:0 2rem;}

/**/
.multipage{ margin:5rem 0; display:flex; justify-content: center;}
.multipage .pages strong{ margin:0 1rem; background:#ff5d00; border-radius:.5rem; padding:.5rem 1rem; color:#FFF;}
.multipage .pages a{ margin:0 1rem; border:.1rem #eee solid; border-radius:.5rem; padding:.5rem 1rem;}
.multipage .pages a:hover{ border:.1rem #ff5d00 solid; color:#ff5d00;}

/**/
#dialog{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:8; display:flex; justify-content: center; align-items: center;}
#dialogBg{ width:100%; height:100%; background: rgba(52, 58, 65, .6); position:fixed; top:0; left:0; z-index:9;}
#dialogBox{ display:flex; flex-direction: column; align-items: center; position:relative; z-index:10;}
#dialogCon{ background:#fff; border-radius:1rem; border: .5rem solid hsla(0, 0%, 100%, .8); background-clip: padding-box; padding:1rem 2rem;}
#dialogClose{ background:url("img/close.png") no-repeat #fff; background-size:contain; border-radius:50%; cursor:pointer; border:.5rem #FFF solid; width:3rem; height:3rem; position:relative; bottom:-2rem;}

/**/
.btn1,.btn2{ cursor:pointer; transition: background-color .5s;}
.btn1{ color:#fff; background: rgba(91, 88, 251, 1);}
.btn1:hover{ color:#fff; background: rgba(91, 88, 251, .6);}
.btn2{ color:#5b58fb; background: #fff; border:.1rem #5b58fb solid;}
.btn2:hover{ color:#fff; background: #5b58fb;}

/**/
.h2-title{ font-size:3.6rem; font-weight:bold; text-align:center; color:rgba(30,30,51,1); letter-spacing:.2rem;}
.h2-title span{ color:#ff6600;}
.h3-title{ font-size:2.4rem; font-weight:bold; margin-bottom:2rem;}
.h3-title span{ color:rgba(139,139,139,1);}
.h3-detail{ margin:2rem 0 5rem; font-size: 1.8rem; color: #666; text-align: center;}

/************************************ header **************************************/
/************ navbar ************/
.navbar{ width:100%; backdrop-filter: blur(1.5rem); background: rgba(255, 255, 255, .4); border-bottom: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 5px 25px rgba(0, 0, 0, .05);}
.navbarIndex{ width:100%; backdrop-filter: blur(1.5rem); background: rgba(255, 255, 255, .4); border-bottom: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 5px 25px rgba(0, 0, 0, .05); position: fixed; top: 0; z-index: 999;}
/**/
.navbar-container{ height:6rem; display:flex; justify-content: space-between; align-items: center;}
.logo{ height:3.2rem; font-size:0;}

.navbar-list {}
.navbar-list a{ color:#333; font-size:1.5rem; letter-spacing: 0.125rem; margin:0 2rem; transition:.5s; position: relative; text-decoration: none;}
.navbar-list a:hover{ color:#5b58fb;}
.navbar-list a:after { position: absolute; display: block; content: ""; height: 0.4rem; background: #5b58fb; border-radius: 0.2rem; bottom: -1rem; left: 50%; transform: translateX(-50%); width: 0; transition: width 0.3s ease;}
.navbar-list a:hover:after { width: 100%;}

.navbar-btn{ text-align: right;}
.navbar-btn a.center,.navbar-btn a.pzjc{font-size:1.5rem; padding:.5rem 2rem; border-radius: 3rem;}
.navbar-btn a.pzjc{}
.navbar-btn a.center{ margin-left:1rem;}

/************************************ footer **************************************/
/************ 侧面浮动 ************/
.slide-bar{ position: fixed; width: 8rem; right: 5%; bottom: 10%; z-index: 999; background: #fff; box-shadow: 0 .2rem 1.4rem .3rem rgba(0, 0, 0, .1); border-radius: .4rem 0 0 .4rem;}
.slide-bar_item { padding: 1.5rem 0 1.5rem; position: relative; text-align: center; cursor:pointer;}
.slide-bar_item:hover{ background: rgba(0, 0, 0, 0.6); color:#FFF;}
.slide-bar_item:hover .slide-bar_item_tips{ visibility:visible; left:-14rem; opacity:1}
.slide-bar_item:hover .slide-bar_item_scan{ visibility:visible;}
.slide-bar_item_img { display: inline-block; height: 5rem; width: 5rem; background-repeat: no-repeat; background-size:cover;}
.slide-bar_item_img.vx{ background-image:url(slide/weixin.png);}
.slide-bar_item_img.zl{ background-image:url(slide/down.png);}
.slide-bar_item_img.tb{ background-image:url(slide/taobao.png);}
.slide-bar_item_img.sm{ background-image:url(slide/sm.png);}
.slide-bar_item_img.xk{ background-image:url(slide/xk.png);}
.slide-bar_item_img.gwc{ background-image:url(slide/gwc.png);}
.slide-bar_item_img.kf{ background-image:url(slide/kf.png);}
.slide-bar_item_img.fk{ background-image:url(slide/fk.png);}
.slide-bar_item_img.arrow{ background-image:url(slide/arrow.png);}
.slide-bar_item_scan { position: absolute; z-index: 1; background: #fff; border: .1rem solid #e6e6e6; padding: 1rem; left: -20.6rem; color: #e02727; font-size: 1.4rem; font-weight: bold; visibility:hidden; transform:translateY(-50%);}
.slide-bar_item_tips{ position:absolute; width:12.3rem; height:5.6rem; overflow:hidden; line-height:5.6rem; text-align:center; font-size:1.8rem; font-weight:600; border-radius:.4rem; z-index:1; color:#fff; top:50%; left:-18rem; transform:translateY(-50%); opacity:0; visibility:hidden; background-color:#f13232; transition:left .3s ease-in-out .1s,opacity .3s ease-in-out .1s,visibility .3s}
.slide-bar_item_tips:after{ border-bottom:.5rem solid transparent; border-top:.5rem solid transparent; border-left:.6rem solid #f13232; right:-0.6rem; content:""; height:0; position:absolute; top:2rem; width:0; z-index:1;}
.thin-line { margin: 0 auto; width: 4.2rem; height: .1rem; background: #eee;}

/************ 底部 ************/
.footer{ background:#2c3040;}
.ft-container{ padding:3rem 0 3rem 0; display:flex; justify-content: space-between;}
.ft-logo{ background:url(img/footer-logo.png) no-repeat 50%; background-size:contain; width:20rem; height:8rem; font-size:0;}
.ft-func{ line-height:3.6rem;}
.ft-func a{ color:#aaa;}
.ft-func a:hover{ color:#fff; border-bottom: 0.1rem solid #fff; padding-bottom: .3rem;}
.ft-func-t{ color:#fff; font-size:1.4rem; font-weight:bold;}

.follow-group {
    display: flex;
    text-align: center; padding-top:1rem;
	color:#FFF;
}
.follow-group .qrcode-item {
    position: relative;
}
.follow-group .qrcode-item .big-code {
    position: absolute;
    opacity: 0;
    top: -202px;
    width: 180px;
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
    left: 50%;
    border-radius: 14px;
    transform: translateX(-50%)
}
.follow-group .qrcode-item .big-code:after {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: scale(45deg);
    content: "";
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}
.follow-group .qrcode-item .big-code img {
    width: 100%;
    border-radius: 1.4rem;
}

.follow-group .qrcode-item .chanel-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 8px;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqCAYAAADI3bkcAAAAAXNSR0IArs4c6QAABWFJREFUWEe9mVeInVUUhb9lw469oKCiUREMRPOgRqOoRGNXbIgFu/hgLwRj74LtQUR9sAZ7j4TYGwZL1BAbigU1KnaMHXXJGv873rn+7c5k3BDI/LPP3uucs8/aZcQIxfbawI7AJGBdYFVgBWA+8A3wNjALeFzSKyN0h4ZjwPZiwIHACcDGfdh4C7gu/yT91se6QdW+AdveFrgWWH84Dos1HwOnSrqrXxutAdteCDgPOKNfJzX6twHHSkr4tJJWgG0vDNwO7NPKan9KievJkr5us6wt4JuBg9sYHKbOG8AEST80rW8EbPuo4qE02Rrp76cDu0lynaFawLbXAuYCy4wAza9A2CF2PgJ+AvJtWWDFgmU2A5YGDpN040gA3wHsNwywvwB3A/cDMyXl50op3shYYEwTc1SesO2VgU+BcG5bSQxeA1wl6cu2i/rRqwN8EnB5H8YeAo6R9Hn3GturADsB2wEbFNlwceCvrkz4KnCfpNlN/uoA3wvs1WQAyHUfKWlama7tLYATC1vh8jp5Fzg3FFr1+OoAvwls1ODgR2BXSU83bcz2esAp2RzQBDzcvJ+kD3rt1gHOa16yBkjiNYT/QhPYnhDZGshtrNGw7ntgf0kzu/XqAKfSStVVetOp0CQ92g/Yjq7t0FmS0c4N60N/kyQ919GrAxzODA+XySWSpgwHbBfoRQra26XFSY+TFDz/lpe2D82uJeX1YvtZYKsSY6ltJ0r6YySACx9LALmlLRtsPSRp90HAtpN13i+O/7XC2EVA2SmOb0M/bTdje7kiC67ZsCaPe/pASNieCpwPnCTpyuLbBOD5HiPJWukuFqjYDn2GRutklqQtOoDfA0I70yXt2hVn7xRk3/mUUBh8AAsSte2HgaZ4Xke2xwMvF87/DPdKCoHn5I8puov8OFdS8v2oiO1wfri/TqYEcDLLWV1at0g6pACcl5wqa0Pgaknp4UZNbIfTN69xcF8A96bgnPIGkvIIc8rbpOMF9pb0wKih/cdXsuD1NT7mBHBvnEb/kSLlDhTTtlMI3STp21EGHMaIj6r88EMApx5YqgTIVEkXjibAMtu2Uz+sU+F3fgBXpeAkkKTfx/5P0LYfTKtU4XNeAKdIrypEspkdFmSiaNq87aqElaVvBXCK5k1qDP0MHCApOx91sX02cE6Fo2kBnJbm2AYkCY+TJV012ohtX1AzrDk6gDMju7UlkNSnd7bUrVWzPQa4UNK+3Yq2LwVOq1i8fgCvBmTWtWgLIKdLuqyFXqWK7byX3Gio8rXUBz2Aq4Y2T0natlNL5NSG7LTC43aSnuxxsDyQDvuDspLTdnyk+UwGS60QBkgGjaS7Tr83KLZTFuT0e2UnSTM6gNO2NPVliePlOoM72+Hui9MpF7fze0AXxJ/GNCVrEkHmxfl/mWwv6YnOL2yvBHxVojhbUmqeIQV8eqcMpavkDUkDs2DbadlvqCH4NlGTedrY7u7Y9h5FF9K9PpvfVFIG40MAJ7vESFXj+UzRqudRHNEGUYPOPpLu6QmHskPLODbz6AEZkrNtH5eqrMZRaovGAWKLzbyYmO453ZSuc3rWXiHp5O5v/3FuO1x7fAunw1XJCCtt1ic9pxtqDcV25BxJKX2HSBngfAu1HDRcRDXr0rYn1afBHRTbaULz6DM4z6M7RdItZXZKr7egokxpUq214ec2e/sM2FPSSz1gM6N4HVi96G7OlJQhSqk0zYczt01B3c9fisoczQAOLxkUxn9qh++AOyV90bTzxgdUnPbkIl1O7PPR5ZpzYr3ddxOuyt83Au65vmS0JJm0TeOAEH2+JYkk9jJq/bAYjsyQNG/YyCoW/g3dJ/D5qNjkmQAAAABJRU5ErkJggg==) #373b47 no-repeat 50%/20px
}

.follow-group .qrcode-item .chanel-icon:hover {
    background: url(data:image/png;base64,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) #fff no-repeat 50%/20px
}

.follow-group .qrcode-item .chanel-icon:hover~.big-code {
    opacity: 1
}

.follow-group .qrcode-item .shipin-icon {
    background: url(data:image/png;base64,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) #373b47 no-repeat 50%/20px
}

.follow-group .qrcode-item .shipin-icon:hover {
    background: url(data:image/png;base64,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) #fff no-repeat 50%/20px
}

.follow-group .qrcode-item .douyin-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA0CAYAAADxAdr3AAAAAXNSR0IArs4c6QAAAwVJREFUaEPtmEuoTVEYx39/r66ZFMLAa+I18AqRVwbIhNS9DK48JgZuERmICUmZMJEUSd0MbropklsGIu9XZECSrjzuREkmnp8+7aPjtPbr3Hucc2t/073Wt3/7v/9rfd9aop+F+hkvBXCt/1ihcKFwhQKFJcoFMbO5wN2ATXokja7GPjVVOAH4F9Ak6Xte6HoBO+cySdf6E/BJSdv6E/A3YLKk13mg62kJ5/QFuViSw2eKegM75GWgRdKXLMSNAOycL4FdwCVJlgTeKMAlxrdAF/BG0oEQeKMB/2WUFGQrgDOW5tT11WgKPwMeARvjyPsc2MwGeXkF1gJTgDGA9wjnJB10EDObB9wJQN2StNDMlgJ7gJXw73GtT4HNrBk4AowLwLRLas0CXJprZhOBFV5EgAnACEmTer1LmFkT0A6sSzBhOXBce/lH4VQjBwZk3iXMbChwFViQ8qKGAT6btEjKPqL+wGbmC6sz4y+sL7CZDQCeAtNigL32+xZ1D/Cdo1vSoWjR/X8Pm9nyyLsh3h5gs6QroYcJR6TaLTozOwrsCAD9AOZIehJnlXoBPwBmB6COSdqZ5Ot6Ab8HQkfyVXFWKCsIdfHwV2BIQMnxkrpTFPY9+2ZgzA1JXtVyR2rhMDNfWKMCmZdIup4CvBU4FRjTKSmpWsamzQL8GJgRyLBX0uEU4NPAlsCY45K255a3skOK2ZpOAKH7g0/AVEkfYubNBO4DAwPPWyV5T5I7sii82g+HMZm9WKyvvFsws1lABxDquLwFHSnpY27ajAoPBl5EbV/oHZ+9B44qnXdz84ENgM8LRYeklmpgfU6qwj7IzDYBZ6p9Sdm8n8B0Sc+rzZUV2MddBNwevYl9pT6j2iSZgCOVhwG3/T6sypedB5rTLkrScmcGjqCHAxeARWmJK577TtMmyS3Rq8gFHEH7YmoD9gOuelK8AnZL8o/sk8gNXHqrmTmsN/ZrolPzWMBvId8BDwG3QFeem8ksX1Q1cJbktRhTANdC1fKchcKFwhUKFJaotSV+AwldJkS8saHIAAAAAElFTkSuQmCC) #373b47 no-repeat 50%/20px
}

.follow-group .qrcode-item .douyin-icon:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA0CAYAAADxAdr3AAAAAXNSR0IArs4c6QAAA0ZJREFUaEPtmDtoFFEUhr+zSSRiI4KKCj6b+Ch8oRLxESxUbAxCokXER6GFAUWx2N24xuyOYKE2EgKKCMFCQhAUUbAQxfcLxUIRkQQfaQIiNia7c2Q2xDWZmZ3ZNctsYE57zz33u//8c1/COAsZZ7yEwKX+YqHCocKjFAgtMUKQmK5CeWqzidBHSmYUY5/SKuwObDKbag7IYKHQwQBblBHqSMq98QMMHRhycPwACwMINSTlcyHQwVliiPIpVaynVQb8QgcNDMItKmmkVX75gQ4e2KIUPgJHSXITEc0HXh7AOcIvCHeAXlJyygm83IBzjIY4soXAvrZmP39XmSn8jgivMNntyj7mwAmtRKkjTT3CQpSZgAlcxZC2LEiLribDE4fDzyNSspa4bkQ5jrIlu1b8G2MK3KINmJxBmeOgUCeGNPkCHu6c0Plk2IzJemAeMBVDFvz/KpHQatJ0ouzIY8McsPtpbUjhIsL/KnFWJ9LPXZRaj3HKBDiuV/L+JLlZlAFwTOtRun1+wYCBExohzVuUxS7A1t7/CniGYK0cPRiSyuYG4uETuok0dx1hrbuZsJek3HZsDwQ4pudQDjuspWkirKRN3rhaJRDgqL4AVjgAnyclR/L6OhDgmH5DsV/JI2x1tcLwLAIC/o0ywUHhuaSkx0PhWpSHDjkPMMTa1QoO740jqn3AdAfgDaTkft4R47ofk4sOOd0Ykm+3dC3rDRzT1yhLHSpEMeS0h8KXUPY55FzAkEMFy2s7ITlViGk7iv39QPiBsghDvjsO3KLLyPAcqLC1V9BEm3SWBjiq24CbLuuwtVnstL0tRHU5wjUU+4lLMJnENKLSXxrgDq2ilw9o9thnD+Fn9gwsPAOqgTWY7AKqXICuYUhjMbBWH28PW1lR3QNcLnaQf/plmMASTsr7Ymv5A1YV4txAsezxPxH/e84osoo/YKt4QiczyGOgpsixukjR4PVQ4lXbP/AQ9BQGuQ6s8yo8qr2dpTTTIJkC+9nSCwO2ug/9hM3WFRNlcl4A4RPCMZJiTXJMonDg4WEti2Sox2R79tYMswDrFfIrwkuULiq5U8jLpJ8ZFQ/sp3oJckLgEog6omSocKjwKAVCS5TaEn8A/M4zRJdURu8AAAAASUVORK5CYII=) #fff no-repeat 50%/20px
}
.ft-copyright{ background:#242633; text-align:center; color:#FFF; padding: 2rem 0;}








/************************************ index **************************************/
/************ 轮播 ************/
/* 轮播容器 */
.swiper-container {	width: 100%; height: 54rem;	margin: 0 auto; position:relative;}
.swiper-list { width: 100%; height: 100%;}
.swiper-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display:none;}
.swiper-item.active { display:block;}
.swiper-item img { width: 100%;	height: 100%; object-fit: cover;}

/* 左右切换按钮 */
.swiper-btn-container{ position:relative; top:-50%; display:flex; justify-content: space-between;}
.swiper-btn { width:5rem; height:5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; cursor: pointer; transition: background-color 0.3s; display:flex; justify-content: center; align-items: center;}
.swiper-btn:hover { background-color: rgba(0, 0, 0, 0.8);}

/* 指示器（小圆点） */
.swiper-indicators { position: absolute; bottom: 8rem; width:100%; display:flex; justify-content:center; display:;}
.indicator { width: 1.2rem; height: 1.2rem; display:block; margin:0 0.5rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5);	cursor: pointer; transition: background-color 0.3s;}
.indicator.active { background-color: rgba(255, 255, 255, 1);}

/************ 闪卡 ************/
.card-container{ position:relative; top:-5rem; display:flex; justify-content: space-between;}
.card-item{ width:26.5rem; height:14.5rem; border-radius: 1rem; overflow:hidden;}
.card-item img{ width:100%; height:100%; object-fit: cover; transition: transform 0.3s ease; transform-origin: center center;}
.card-item:hover img { transform: scale(1.2);}

/**/
.ppjs{ padding:8rem 0; margin-top:-5rem;}
.ppjs-cover{ display:flex; justify-content: center;}
.au-img{ width:36rem; border-radius:3rem; overflow:hidden;}
.au-img video{ width:100%;}
.au-con{ width:70rem; margin-left:3rem;}
.au-con p{ font-size:1.6rem; line-height:2; color:#666; margin-bottom:1.8rem; text-indent:2em;}

/**/
.syhc{ padding:8rem 0; background-image: linear-gradient(94deg, #d5ecff .58%, #eaeaff 99.6%);}
.syhc-ls { display:flex; justify-content: center;}
.syhc-ls li{ margin:0 1rem; transition:.5s; padding:23rem 1rem 1rem 1rem; width:24rem;}
.syhc-ls li:hover{ box-shadow: 0 .2rem 1.4rem .3rem rgba(0, 0, 0, .1); transform:translateY(-3rem); border-radius:5%;}
.syhc-ls li.syhc-icon1{ background:url(index/syhc/banner1616757907000.png) #FFF no-repeat; background-size:contain;}
.syhc-ls li.syhc-icon2{ background:url(index/syhc/banner1616757927000.png) #FFF no-repeat; background-size:contain;}
.syhc-ls li.syhc-icon3{ background:url(index/syhc/banner1616758037000.png) #FFF no-repeat; background-size:contain;}
.syhc-ls li.syhc-icon4{ background:url(index/syhc/banner1616758085000.png) #FFF no-repeat; background-size:contain;}
.syhc-tit{ font-size:2.4rem; font-weight:bold; text-align:center; margin-bottom:2rem;}
.syhc-ls p{ font-size:1.5rem; line-height:1.8; color: #666;}

/**/
.why{ padding:8rem 0;}
.why-ls{ display:flex; flex-wrap: wrap;}
.why-ls li{ margin:0 0 4rem 4rem; background:#FFF; display:flex; position:relative; overflow:hidden; transition: .5s; border:.1rem rgba(0, 0, 0, .1) solid; border-radius:1rem;}
.why-ls li:hover{ box-shadow: .5rem .5rem 1rem rgba(0, 0, 0, .1);}
.why-ls li::after { content: ''; position: absolute; top: 0; left: 0; width: 70rem; height: 7rem; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, .3), rgba(0, 0, 0, 0)); transform: rotate(-45deg) translate(-10rem, -32rem);}
.why-ls li:hover::after { transition: 2s; transform: rotate(-45deg) translate(-10rem, 40rem);}
.why-tit{ margin:2rem 0 2rem 2rem; font-size:2.4rem; font-weight:bold;}
.why-text{ width:25rem;}
.why-text p{ margin-left:2rem ; line-height:1.6; font-size:1.5rem; color:#999;}
.why-icon1, .why-icon2, .why-icon3, .why-icon4{ width:24.5rem; height:20.8rem; background-size:cover; border-radius:0 5% 5% 0;}
.why-icon1{ background:url(index/why/why-1.jpg) no-repeat;}
.why-icon2{ background:url(index/why/why-2.jpg) no-repeat;}
.why-icon3{ background:url(index/why/why-3.jpg) no-repeat;}
.why-icon4{ background:url(index/why/why-4.jpg) no-repeat;}

/**/
.product{ padding:8rem 0;}
.pro-tabs{ display:flex; justify-content: center;}
.pro-tabs a{ background: rgba(91, 88, 251, 1); border-radius: 3rem; padding: 1rem 3rem; font-size: 1.5rem; color: #fff; margin:0 1rem 3rem 1rem; display:inline-block;}
.pro-tabs a:hover{ background: rgba(91, 88, 251, .6); color:#FFF;}
.pro-fra{ display:flex; justify-content: center;}
#pro-img{ border-radius:.8rem; width:80rem; height:100%;}
#pro-ls{ margin-left:1.5rem;}
#pro-ls li{ width: 14.4rem; height: 8.1rem; margin-bottom: .9rem; border-radius:.8rem; border: .4rem solid transparent; box-sizing: border-box; overflow:hidden;}
#pro-ls li:hover{ border:.4rem #5b58fb solid; cursor:pointer;}
#pro-ls li img{ width:100%; height:100%;}

/*store*/
.store{ padding:8rem 0; background:#f3f5ff;}
.store-items{ display:flex; justify-content: space-evenly;}
.store-items a{ width:18rem; height:7rem; background:#FFF; border-radius: 3.4rem; transition:all .3s ease; display:flex; justify-content: center; align-items: center;}
.store-items a:hover{ transform: translateY(-.335rem); box-shadow: 0 4px 10px #0003;}
.store-items .item{ width:13rem; height:4rem; background:url(index/icon.png) no-repeat; background-size:60rem;}
.store-items .tb{ background-position: 0 -4rem;}
.store-items .bl{ background-position: 0 0;}
.store-items .dy{ background-position: -13rem 0;}
.store-items .xhs{ background-position: -26rem 0;}
.store-items .wb{ background-position: -39rem 0;}
.store-items .gzh{ background-position: -26rem -4rem;}
.store-items .sph{ background-position: -39rem -4rem;}

/*
.store{ padding:8rem 0; background:#f3f5ff;}
.store-container{ display:flex; justify-content:space-evenly;}
.store-items{ width:30rem; display:flex; background:#fff; border-radius:1.2rem; padding:1.6rem; font-size:1.6rem; align-items: center;}
.store-items img{ width:2.4rem; height:2.4rem;}
.store-items span{ margin-left:1.6rem;}
.store-items span.self{ background:#D9EAFF; color:#1D80FF; font-size:1.2rem; display:flex; align-items: center; justify-content: center; width:3.2rem; height:2.4rem; border-radius:.75rem 0 .75rem 0;}
*/

/**/
.hzhb{ padding:8rem 0;}
#partners{ margin-top:5rem; height: 26rem; background:url(index/logos.png) repeat-x 50%; background-size: auto 100%; transition: background-position 5s linear;}



/************************************ about **************************************/
/**/
.ab-top{ position:relative;}
.ab-top::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 21rem; background: linear-gradient(180deg, rgba(26, 28, 29, 0) 0%, #ffffff 100%);}
.ab-top-bg{ height:60rem; width:100%; overflow:hidden;}
/**/
.ab-top-title{ position: absolute; top:30%; left:50%; transform: translate(-50%);}
.ab-top-title-inner { color:#FFF; font-size: 4rem; line-height: 8rem; text-shadow: 0 .2rem .8rem rgba(0, 0, 0, 0.6); text-align: center; font-weight:bold;}
.ab-top-title-inner em { font-size: 8rem; margin-right: 2rem;}
/**/
.ab-loop{ position:relative; padding:8rem 0; background:#fff;}
.ab-loop-cover{ display:flex; justify-content: center;}
.ab-loop-img{ width:50rem;}
.ab-loop-txt{ width:60rem; padding:0 4rem;}
.ab-loop-txt p{ font-size:1.6rem; line-height:2; color:#666; margin-bottom:1.8rem; text-indent:2em;}

/************************************ learn **************************************/
/**/
.learn-banner{
    text-align: center;
    height: 360px;
    line-height: 360px;
    font-size: 60px;
    color: #1D1D1F;
    font-weight: 300;
}
.learn-banner span {
    position: relative;
}
.learn-banner span::before {
    content: '';
    position: absolute;
    top: 35px;
    left: -102px;
    width: 114px;
    height: 114px;
    background: #8FD884;
    filter: blur(50px) opacity(0.5);
}
.learn-banner span::after {
    content: '';
    position: absolute;
    top: -115px;
    right: -136px;
    width: 230px;
    height: 230px;
    background: #32C5FF;
    filter: blur(50px) opacity(0.2);
}
.learn-title {
    background: linear-gradient(90deg, #00B7FF 30%, #A4DE9B 70%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.learn-txt{ width:80rem; margin:-5rem auto 8rem auto;}
.learn-txt p{ font-size:1.6rem; line-height:2; color:#666; margin-bottom:1.8rem; text-indent:2em;}

/************************************ news **************************************/
/**/
.news{ margin-top:5rem;}
.news li{ display:flex; border-bottom:.1rem #eee solid; margin-bottom:4rem; padding-bottom:4rem;}
.news-img{ width:42rem; height:28rem; margin-right:6rem;}
.news-img img{ border-radius: 1rem;}
.news-desc{ width:75rem;}
.news-tit{ font-size:2.4rem; font-weight:600; margin-bottom:3rem;}
.news-subtitle{ font-size:1.6rem; color:#666; line-height:3rem; margin-bottom:3rem;}
.news-date{ font-size:1.4rem; color:#999;}

/************************************ pages **************************************/
/**/
.page{ padding: 2rem 1.5rem; font-size:1.6rem; line-height:2;}

/************************************ [登录/注册] **************************************/
/**/
.login-container{ background:url(user/fluent_web_light.svg) no-repeat; padding:20rem;}

/**/
.login-line{ width: 100rem; height: 2.8rem; margin: 0 auto; margin-bottom: 5rem; text-align: center;}
.login-line span{ font-size: 3.8rem; padding: 0 2rem;}

/**/
.login{ width: 98rem; margin: 0 auto; display:flex;}
.login-l{ width:45rem;}
.login-l img{ width:100%;}
.login-r{ margin-left:4rem; padding-left:9rem; border-left:.1rem #ddd solid;}

.login a{ color:#5b58fb;}
.login a:hover{ border-bottom: 0.1rem solid #5b58fb; padding-bottom: .3rem;}
.login li{ margin-bottom:1.5rem;}
.login li.forget{ text-align:right;}
.login li.first{ text-align:right; font-size:14px; margin-top:50px;}
.login .ipt{ width:300px; padding:10px; border:1px #ddd solid; background: #f6f7f9; border-radius: 6px; font-size:14px;}
.login .ipt:focus{ border: 1px solid #5b58fb; box-shadow: 0 0 5px #5b58fb; outline: 0; transition: box-shadow .25s linear 0s; background:#FFF;}
.login .submit{ width:320px; padding:8px; border:none; border-radius:3rem; color:#FFF; font-size: 20px; cursor:pointer; background: rgba(91, 88, 251, 1); transition: background-color .5s;}
.login .submit:hover{ background: rgba(91, 88, 251, .6);}

/************************************ [会员中心] **************************************/
/**/
.user{ display: flex; justify-content: flex-start; width:1000px; margin:25rem auto;}
.user-l{ width:200px; margin-right:30px; border-right:1px #ddd solid; text-align:center;}
.user-r{ width:770px;}

.user-menu{ width:150px; margin:0 auto;}
.user-menu dl{ margin-bottom:20px;}
.user-menu dt{ font-size:16px; text-align:left; margin-bottom:10px; color:#aaa;}
.user-menu dd{ font-size:14px; line-height:2;}

.user-center{ line-height:2; font-size:18px;}

.user-passwd{}
.user-passwd dl{ margin-bottom:20px;}
.user-passwd dt{ margin-bottom:5px;}
.user-passwd .ipt{ width:300px; padding:10px; border:1px #ddd solid; background: #f6f7f9; border-radius: 6px; font-size:14px;}
.user-passwd .ipt:focus{ border: 1px solid #ffa200; box-shadow: 0 0 5px #ffa200; outline: 0; transition: box-shadow .25s linear 0s;}
.user-passwd .submit{ width:320px; padding:8px; border:1px #ffb01e solid; border-radius:8px; background:#ffb01e; color:#FFF; font-size: 16px; cursor:pointer;}
.user-passwd .submit:hover{ background: #ff9d00; background-image: linear-gradient(90deg, #ff5d00 0%, #ff9d00 100%);}