@charset "utf-8";
/* CSS Document */
body {font-family: arial,"微软雅黑";color:#60656f;font-size:14px;}
html {background: #F3F6FF}
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;background: white;}
.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;}
.nav a {font-size:24px; margin:0 15px;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, #31BBFD, #1685F9); color:#fff; display:block; border-radius:30px; text-align:center;}
.topdown .download{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_tdn.png");width: 110px;height: 42px}
.topdown .download:active{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_tdd.png");width: 110px;height: 42px}
.topdown .download:hover{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_tdh.png");width: 110px;height: 42px}
.topdown a::before {content: '';z-index: -1;position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;border-radius: 50%;background-color: #44d9c1;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);transition: transform 0.3s ease-in-out;}
/*.topdown a:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}*/
/*.topdown a:hover {cursor: pointer; box-shadow:0 5px 15px rgba(21,201,199,0.5);}*/
.logo200 { margin:30px auto; width:200px; height:200px; display:none;}
.slogan,.slogantips,.downloadtips,.download { margin:0px auto; text-align:center;}
.slogan { font-size:55px; color:#000; font-weight:bold; 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:340px; height:94px; line-height:94px; background:url("../images/btn_dn.png"); color:#fff;border-radius:50px; display:block; font-size:32px; margin:30px auto 20px auto;}
.download:hover {cursor: pointer; color:#fff;background:url("../images/btn_dh.png")}
.download:active {cursor: pointer; background:url("../images/btn_dd.png")}
.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 {border-radius:80px; }
.softbox { width:100%; margin:50px auto 0 auto; padding:50px 0;}
.title { font-size:40px; 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:center;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 {}
.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 {margin-left: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:#b3f9e4; 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;}
.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;}
.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:100px; 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:100px; 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:1500px; padding:50px 0; display:block; height:auto;}
.left { margin-left:-50px; width:541px; display:inline;}
.right { width:400px; 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:45%; float:left; margin:30px 30px;}
.mul img { float:left; width:130px; height:130px; margin:0 20px 0 0;}
.mul li .sright { float:left; width:350px}
.mul .sright h3 { font-size:24px; margin-bottom:15px; color:#000;}
.linea { height:6px; width:100%;background:repeating-linear-gradient(to right, #4088FC, #1269F6); border-radius:5px; margin:10px 0;}
.lineb { height:6px; width:110px;background:#dadada; border-radius:5px; margin:10px 0;}
.downs { margin:0px auto; width:100%; height:300px; background:#429CF9;}
.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:#000;}
.downs .download {width:340px; height:94px; line-height:94px; background:url("../images/btn_dn.png"); color:#fff;border-radius:50px; display:block; font-size:32px; margin:30px auto 20px auto;}
.downs .download:hover { width:340px; height:94px; line-height:94px; background:url("../images/btn_dh.png"); color:#fff;border-radius:50px; display:block; font-size:32px; margin:30px auto 20px auto;}
.downs .download:active {width:340px; height:94px; line-height:94px; background:url("../images/btn_dd.png"); color:#fff;border-radius:50px; display:block; font-size:32px; margin:30px auto 20px auto;}

.btntop { width:270px;}
.partner {background: url("../images/btn_cdn.png") no-repeat;width: 110px;height: 100px; margin-top: 55px;}
.partner:hover { background: url("../images/btn_cdh.png") no-repeat;}
.partner:active {background: url("../images/btn_cdd.png") no-repeat;}
.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:60px -625px; 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;}


.topdowndownload{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_tdn.png") no-repeat;width: 110px;height: 100px;margin-left: 25px;margin-top: 55px}
.topdowndownload:active{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_tdd.png") no-repeat;}
.topdowndownload:hover{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_tdh.png") no-repeat;}

.downdownload{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_down_n.png");width: 566px;height: 140px;display: block;}
.downdownload:active{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_down_d.png");width: 566px;height: 140px}
.downdownload:hover{z-index: 1;position: relative;overflow: hidden;transition: color 0.4s ease-in-out;background: url("../images/btn_down_h.png");width: 566px;height: 140px}