@charset "utf-8";
/* CSS Document */
body {font-family: arial,"微软雅黑";background:url(../images/bg.png) no-repeat top center; color:#60656f;font-size:14px;}
html {background:#e7f7ff}
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:#60656f;}
a:hover {text-decoration:none;color:#60656f;}
: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:1200px; margin:0px auto;}
.header { height:80px; width:100%; position:relative;}
.headlayer { height:80px; width:100%; background:hsla(0, 0%, 98%, 0.2);  z-index:10000;}
.headlayer::before { content:""; position:absolute; left:0; top:0px;backdrop-filter: blur(12px); height:80px; width:100%; z-index:-1;}
.head { margin:0px auto; height:80px; width:1200px; display:flex;justify-content:space-between; align-items:center;}
.layer { position:fixed; left:0; top:0;}
.logo img { height:60px;}
.nav a {font-size:20px; margin:0 10px;position: relative;}
.nav a::before {content: '';position: absolute;left: 50%;bottom:-8px;width: 100%;height:2px;background-color: #17cac7;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: #17cac7;}
.topdown { padding:10px 0;}
.topdown a { width:120px; height:40px; line-height:40px; font-size:16px; background:repeating-linear-gradient(to right, #2cf1f3, #0084ff); color:#fff; display:block; border-radius:30px; text-align:center;}
.topdown a,.download{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;}
.topdown a::before,.download::before {content: '';z-index: -1;position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;border-radius: 50%;background-color: #16bbf9;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);transition: transform 0.3s ease-in-out;}
.topdown a:hover::before,.download:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}
.topdown a:hover {cursor: pointer; box-shadow:0 5px 15px rgba(8,153,253,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:65px; color:#000; font-weight:bold; margin:80px 0 0 0; letter-spacing:5px;}
.slogan strong { color:#ed2817;}
.slogantips { font-size:24px; margin:25px auto;letter-spacing:3px;}
.downloadtips { line-height:25px; color:#999;}
.download { width:300px; height:70px; line-height:70px; background:repeating-linear-gradient(to right, #2cf1f3, #0084ff); color:#fff;border-radius:50px; display:block; font-size:26px; margin:30px auto 20px auto;}
.download:hover {cursor: pointer; box-shadow:0 5px 30px rgba(8,153,253,0.5); color:#fff;}
.download i { width:30px; height:30px; display:inline-block; background:url(../images/down.png) no-repeat; margin:0 8px -6px 0;}
.swiperbox { margin:0px auto; width:1130px; height:650px; padding-bottom:30px;}
.down_btn { margin:40px auto; text-align:center;}
.down_btn a { margin:0px auto;}
.down_btn a:hover img {box-shadow:0 15px 50px rgba(8,153,253,0.5); border-radius:50px; }
.softbox { width:100%; background:#d4fff6; margin:50px auto 0 auto; padding:50px 0;}
.title { font-size:50px; margin:50px 0 80px 0; text-align:center; color:#000;}
.softbox h3 { font-size:20px; color:#fff; font-weight:normal;}
.timestyle { margin:30px 0; display:flex;justify-content:space-between;}
.softbox ul { display:flex;justify-content:space-between;flex-wrap:wrap; width:1500px; margin:0 auto;}
.softbox ul li { margin:20px 20px; position:relative;}
.softbox ul li p { font-size:20px; color:#232d3f; text-align:center; bottom:20px; left:0; width:100%; position:absolute; letter-spacing:2px;}
.softbox ul.softtop { width:1120px;}
.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);
  }
}
.footer { width:1130px; height:60px; margin:0px auto; padding:30px 0;}
.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:#d1e7f2; border-radius:4px;}
.footkefu .weixin:hover span,.footkefu .qq:hover span { background:#c4e5db; 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;/* 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; padding:20px 0; border-radius:10px; position:relative;}
.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 {box-shadow:0 5px 30px rgba(8,165,160,0.1);}
.swiper-pagination { display:none;}
/****幻灯片*****/
.kefubox { position:fixed; right:10px; top:30%;z-index:1000001;}
.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%; display:flex;}
.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;}
.mainbox { margin:0px auto; width:1200px; padding:50px 0; display:block; height:auto;}
.left { margin-left:-50px; width:750px; display:inline;}
.right { width:460px; float:right;}
.right h3 { font-size:30px; margin:30px 0; color:#333;}
.right p { font-size:20px; line-height:35px; margin:20px 0 50px 0;}
.mul { margin:0px auto 50px auto; display: inline-block;}
.mul li { width:180px; float:left; margin:30px 30px;}
.mul img { float:left; width:120px; height:120px; margin:0 30px; border-radius:30px;}
.mul li .sright { float:left; width:100%;}
.mul .sright h3 { font-size:24px; margin:10px 0 15px 0; color:#000; text-align:center; font-weight:normal;}
.downs { margin:0px auto; width:100%; height:300px; background: repeating-linear-gradient(to right, #17f2f1, #2590f5);}
.downs h3 { font-size:40px; text-align:center; margin:50px auto 20px auto; color:#fff; font-weight:normal; display:block; float:left; width:100%;}
.downs h4 { text-align:center; font-size:22px; font-weight:normal; color:#fff; opacity:0.6;}
.downs .download {background:repeating-linear-gradient(to right, #ffdc1b, #f47453); }
.downs .download:hover { box-shadow:0 15px 30px rgba(8,153,253,0.5);}
.downs .download::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;}
.downs .download:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}
.scontent { position:absolute; left:50%; width:900px; margin-left:-450px; height:150px; bottom:30px; z-index:10001;}
.scontent h3 { margin:0px auto; text-align:center; font-size:30px; color:#000;}
.scontent p { color:#60656f; font-size:14px; margin:10px auto; width:90%; text-align:left; line-height:25px;}
.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, #ffdc1b, #f47453); 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: #ffa635;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 0px 10px rgba(244,119,81,0.5);}
.partnerlist { background:#fff; padding:15px 10px 10px 10px; width:900px; box-shadow:0 5px 15px rgba(8,153,253,0.5); border-radius:10px; margin:10px -600px; display:none; position:relative; z-index:1000002;}
.partner:hover .partnerlist { display:block;}
.partnerlist a { display:inline-block; width:280px; 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:64px; height:64px;}
.partnerlist h4 { font-size:16px; color:#000; margin:0px 0;}
.partnerlist p { font-size:14px; 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;}