@charset "utf-8";
/* CSS Document */
body {font-family: arial,"微软雅黑";background:#1685f9;color:#fff;font-size:14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul {list-style: none;}
i { font-style:normal;}
address, caption, cite, code, dfn, em, strong, th,var, optgroup {font-style: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
fieldset, img, a img,: link img,: visited img {border: 0;}
a {text-decoration: none; color:#fff;}
a:hover {text-decoration:none;color:#fff;}
:focus {outline: 0;}
::placeholder { color:#aaaaaa;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100 % ;vertical-align: baseline;}
blockquote, q {quotes: none;}
blockquote: before, blockquote: after, q: before, q: after {content: '';content: none;}
.clear, .clearfix: after {clear: both;height: 0;overflow: hidden;display: block;}
.clearfix: after {visibility: hidden;content: ".";}
.clearfix {* zoom: 1;}
.ckbox { width:130px;}
/*会员中心*/
.box { width:1130px; margin:0px auto;}
.header { height:80px; width:100%; position:relative;}
.headlayer { height:80px; width:100%; background:hsla(0, 0%, 0%, 0.1); border-bottom:1px solid #1685f9; z-index:10000;}
.headlayer::before { content:""; position:absolute; left:0; top:0px;backdrop-filter: blur(20px); height:80px; width:100%; z-index:-1;}
.head { margin:0px auto; height:80px; width:1130px; display:flex;justify-content:space-between; align-items:center;}
.layer { position:fixed; left:0; top:0;}
.logo img { height:80px;}
.nav a {font-size:20px; margin:0 15px;position: relative;}
.nav a::before {content: '';position: absolute;left: 50%;bottom:-8px;width: 100%;height:2px;background-color: #fff;transform-origin: center;transform: translate(-50%, 0) scaleX(0);transition: transform 0.2s ease-in-out;}
.nav a:hover::before {transform: translate(-50%, 0) scaleX(1);}
.nav a.active:after {content: '';position: absolute;left:0%;bottom:-8px;width: 100%;height:2px;background-color: #1685f9;}
.topdown { padding:10px 0;}
.topdown a { width:130px; height:40px; font-size:16px; line-height:40px; background:#1685f9; color:#fff; display:block; border-radius:30px; text-align:center;}
.topdown a,.download a{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;}
.topdown a::before,.download a::before {content: '';z-index: -1;position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;border-radius: 50%;background-color: #0096ff;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);transition: transform 0.3s ease-in-out;}
.topdown a:hover::before,.download a:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}
.topdown a:hover {cursor: pointer; box-shadow:0 5px 15px rgba(22,133,249,0.5);}
.logo200 { margin:30px auto; width:200px; height:200px; display:none;}
.slogan,.slogantips,.downloadtips,.download { margin:0px auto; text-align:center; line-height:40px;}
.slogan { font-size:60px;font-weight:bold; margin:80px 0 0 0; letter-spacing:4px;}
.slogantips { font-size:24px; margin:30px auto 20px auto;}
.downloadtips { line-height:30px; color:#ccc; margin-top:20px;}
.download { width:600px; text-align:center; margin:0 auto;}
.download a { width:220px; height:60px; line-height:60px;background:#1685f9; color:#fff;border-radius:40px; display: inline-block; font-size:20px; margin:30px 15px;}
.download a:hover {cursor: pointer; box-shadow:0 5px 15px rgba(22,133,249,0.5); color:#fff;}
.download i { width:30px; height:30px; display:inline-block; background:url(../images/down.png) no-repeat; margin:0 3px -7px 0;}
.download a.other {background:repeating-linear-gradient(to right, #ffdc1b, #f47453);}
.download a.other::before{content: '';z-index: -1;position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;border-radius: 50%;background-color: #ffa635;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);transition: transform 0.3s ease-in-out;}
.download a.other:hover::before{transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}
.download a.other:hover{cursor: pointer; box-shadow:0 0px 10px rgba(244,119,81,0.5);}
.swiperbox { margin:10px auto; width:1130px; height:600px;}
.softbox { width:100%; min-height:900px; background:repeating-linear-gradient(to top,#000000,#1685f9); margin:0px auto 0 auto; padding:10px 0;}
h2.tc { font-size:40px; color:#fff; margin:30px 0; text-align:center;}
h2.tc  i { margin:0 30px;}
h3.tf { font-size:20px; color:#fff; font-weight:normal; text-align:center; margin-bottom:50px;}
.timestyle { margin:30px 0; display:flex;justify-content:space-between;}
.softbox ul { display:flex;justify-content:space-between;flex-wrap:wrap;}
.softbox ul li { width:210px; margin:10px 0 0 20px;}
.loading {border: 3px solid hsla(185, 100%, 62%, 0.2);border-top-color: #3cefff;border-radius: 50%;width: 3em;height: 3em;animation: spin 1s linear infinite; position:absolute; left:50%; top:50%; z-index:10001; margin:-20px 0 0 -20px;}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.foot { width:100%;background:#090c1a;}
.footer { width:1130px; height:60px; margin:0px auto; padding:30px 0; color:#666;}
.footlogo { float:left;}
.footer .finfo { float:left; margin:30px 0 0 10px; color:#999;}
.bdtj { display:none;}
.footkefu { float:right; margin:10px 0;}
.footkefu .weixin,.footkefu .qq {margin-left:10px; float:right; position:relative; padding-top:10px;}
.footkefu .weixin span,.footkefu .qq span{ float:left; width:40px; height:40px; background:#f0f5f9; border-radius:4px;}
.footkefu .weixin:hover span,.footkefu .qq:hover span { background:#dee8f0; cursor:pointer;}
.wxlayer { position:absolute; right:-70px; bottom:50px; width:200px; height:200px; background:#fff; border:1px solid #e3e3e3; border-radius:4px; text-align:center; display:none;}
.wxlayer h4 { font-weight:normal; height:30px; line-height:30px; font-size:16px; margin:5px 0 0 0;}
.wxlayer img { width:160px; height:160px;}
.jiao1 {width: 0;height:0;border-left: 10px solid transparent;border-top: 10px solid #e3e3e3;border-right: 10px solid transparent; position:absolute; bottom:-10px; right:80px;}
.jiao2 {width: 0;height:0;border-left: 10px solid transparent;border-top: 10px solid #fff;border-right: 10px solid transparent; position:absolute; bottom:-8px; right:80px;}
.qqlayer { position:absolute; right:-70px; bottom:50px; width:200px; height:220px; background:#fff; border:1px solid #e3e3e3; border-radius:4px; text-align:center; cursor: default;display:none;}
.qqlayer ul li { float:left; margin:10px 0px;}
.qqlayer ul li img { width:150px; height:150px;}
.qqlayer ul li p { text-align:left; padding:0 20px;}
.qqlayer ul li p a { text-decoration:underline; color:#fc5555;}
.qq:hover .qqlayer,.weixin:hover .wxlayer { display:block;}
/****幻灯片*****/
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto; padding-bottom:20px;}
.swiper-slide {text-align: center;font-size: 18px;background: rgba(255,255,255,0);/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet { width:15px; height:15px;}
.swiper-button-next, .swiper-button-prev { opacity:0.5;}
.swiper-button-next:hover, .swiper-button-prev:hover { opacity:0.8;}
.swiper-slide img { border-radius:6px;}
/****幻灯片*****/
.kefubox { position:fixed; right:10px; top:30%;z-index:1000001; color:#666;}
.kefu { padding-left:20px;}
.kf { width:60px; height:60px;border:1px solid #e9f0f4; background:#fff;box-shadow:0 0px 5px rgba(22,133,249,0.1); border-radius:10px; margin:10px 0;display:flex;justify-content:center; align-items:center; cursor:pointer; padding-left:}
.kflayer { position:absolute; right:75px; bottom:0px; width:200px; height:230px;border:1px solid #e9f0f4; border-radius:10px; background:#fff;box-shadow:0 0px 5px rgba(22,133,249,0); display:none;}
.jiaoa {width: 0;height:0;border-left: 10px solid #e9f0f4;border-top: 10px solid transparent;border-bottom: 10px solid transparent; position:absolute; top:40px; right:-10px;}
.jiaob {width: 0;height:0;border-left: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent; position:absolute; top:40px; right:-8px;}
.kflayer h5 { margin:10px auto 0 auto; text-align:center;}
.kflayer li { text-align:center;}
.kflayer li a {position: relative;}
.kflayer li a::before {content: '';position: absolute;left: 50%;bottom:-0px;width: 100%;height:2px;background-color: #F71313;transform-origin: center;transform: translate(-50%, 0) scaleX(0);transition: transform 0.2s ease-in-out;}
.kflayer li a:hover::before {transform: translate(-50%, 0) scaleX(1);}
.kflayer img { width:150px; height:150px; margin:0 auto; display:block;}
.kflayer p.time { font-size:12px; color:#999; margin-top:5px;}
.kflayer p a { color:#F71313; text-decoration:underline;}
.qun .kflayer {}
.qun .kflayer li { margin:0px 10px;}
.qun .jiaoa { top:110px;}
.qun .jiaob { top:110px;}
.wx .jiaoa { top:180px;}
.wx .jiaob { top:180px;}
.kefu:hover .kflayer { display:block;}
.contactbox { width:100%; background:#f6f6f6; display:flex; color:#333;}
.contact { margin:20px auto; width:1130px; padding:30px;}
.contact h1 { font-size:24px; line-height:40px; font-weight:normal; margin:20px 0;}
.contact h1 span { margin:0 10px;}
.ctimg { margin:20px 0; border-radius:20px; overflow:hidden;}
.contactinfo div { margin:5px 0 5px 50px; line-height:40px; font-size:18px;}
.contactinfo strong { font-weight:normal;}


.btntop { width:270px;}
.partner { float:left; width:130px; height:40px;margin-right:10px; padding:10px 0;}
.partner span { width:130px; height:40px; line-height:40px; font-size:16px; background:repeating-linear-gradient(to right, #ffd59a, #ff5f9f); color:#fff; display:block; border-radius:30px; text-align:center;}
.partner span{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;}
.partner span::before{content: '';z-index: -1;position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;border-radius: 50%;background-color: #ff959d;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);transition: transform 0.3s ease-in-out;}
.partner span:hover::before{transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}
.partner span:hover{cursor: pointer; box-shadow:0 5px 15px rgba(255,54,97,0.5);}
.partnerlist { background:#fff; padding:15px 10px 10px 10px; width:1020px; box-shadow:0 5px 15px rgba(8,153,253,0.5); border-radius:10px; margin:10px -720px; display:none; position:relative; z-index:1000002;}
.partner:hover .partnerlist { display:block;}
.partnerlist a { display:inline-block; width:240px; padding:6px; height:64px; font-size:16px; border-radius:4px; margin-bottom:5px; border-bottom:1px solid #efefef;}
.partnerlist a:hover {cursor: pointer;  background:#f3f3f3; color:#fff;}
.partnerlist a img { float:left; margin:0 15px 0 0; width:50px; height:50px;}
.partnerlist h4 { font-size:16px; color:#000; margin:0px 0;}
.partnerlist p { font-size:12px; color:#858a94;line-height:20px; margin-top:5px;}
.upa {width: 0;height:0;border-left: 10px solid transparent;border-bottom: 10px solid #daeefa;border-right: 10px solid transparent; position:absolute; top:-10px; right:245px;}
.upb {width: 0;height:0;border-left: 10px solid transparent;border-bottom: 10px solid #fff;border-right: 10px solid transparent; position:absolute; top:-8px; right:245px;}