@charset "utf-8";
/* CSS Document */
body {font-family: arial,"微软雅黑";background:#fefbf6; color:#302b2c;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:#302b2c;}
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;}
.topbox { width:100%; height:740px; background:url(../images/bg.jpg) no-repeat top center #fefbf6;}
.header { height:80px; width:100%; position:relative;}
.headlayer { height:80px; width:100%; background:hsla(0, 0%, 100%, 1);  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 { position:relative;}
.logo img { height:50px;}
.logo span { position:absolute; right:-60px; top:15px; height:25px; background:#ff3b2a; color:#fff; font-size:13px; line-height:25px; letter-spacing:0; font-weight:normal; padding:0 10px; border-radius:5px;}
.navbox {display:flex;justify-content:flex-end; align-items:center;}
.nav { display: inline-block;}
.nav a {font-size:18px; margin:0 15px; height:80px; display:inline-block; line-height:80px;position: relative; cursor:pointer;}
.nav a:hover {color:#08bf9a;}
.nav a.active:after {content: '';position: absolute;left:0%;bottom:20px;width: 100%;height:2px;background-color: #08bf9a;}
.navmore i { float:right; width:16px; height:10px; background:url(../images/icon_100.png) no-repeat; margin:35px -5px 0 5px;transition: transform 0.3s ease;}
.navtab:hover .navmore i {transform: rotate(180deg); }
.topdown { padding:10px 0; margin-left:20px;}
.topdown a { width:120px; height:40px; line-height:40px; font-size:16px; background:repeating-linear-gradient(to right, #ffc06e, #ff5d38); color:#fff; display:block; border-radius:6px; text-align:center;}
.topdown a:hover {cursor: pointer; box-shadow:0 0px 10px rgba(255,107,64,0.5);}
.topdown i { width:20px; height:20px; display:inline-block; background:url(../images/down.png) center center / 18px no-repeat; margin:0 4px -5px 0;}
.sleft { width:430px; float:left;}
.btxt { font-size:55px; line-height:55px;font-weight:bold; margin:90px 0 0 0; letter-spacing:3px; position:relative; color:#000;}
.btxt strong { color:#ff3661;}
.stxt { font-size:18px; margin:50px auto;color:#585858;}
.stxt i { margin:0 10px -3px 10px; width:20px; height:20px;background:url(../images/icon_101.png) no-repeat; display:inline-block;}
.stxt strong { color:#333;}
.stxt p { margin:15px 0;}
.downtips { line-height:25px; color:#888;}
.download { width:280px; height:70px; line-height:70px; text-align:center; background:repeating-linear-gradient(to right, #ffc06e, #ff5d38); color:#fff;border-radius:8px; display:block; font-size:26px; margin:30px 0px ;}
.download:hover {cursor: pointer; box-shadow:0 5px 20px rgba(255,107,64,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;}
.down_btn { margin:40px auto; text-align:center; width:100%; display:flex;}
.down_btn a { margin:0px auto;}
.down_btn a:hover img {box-shadow:0 15px 50px rgba(21,201,199,0.5); border-radius:50px; }
.softbox { width:100%; background:#d4fff6; margin:0px auto 0 auto; padding:50px 0;}
.title { font-size:35px; margin:80px 0 30px 0; text-align:center; color:#302b2c; display:block; float:left; width:100%;}
.title span { position:relative;}
.title span i { width:95%; height:5px; border-radius:3px; background:#fe9880; position:absolute; left:0; bottom:-15px;}
.titlem { text-align:center;  font-weight:normal; font-size:18px; color:#666;}
.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:100%; height:120px; background:#000; margin:0px auto; padding:0px 0; overflow:hidden; color:#888;}
.footer p { text-align:center; width:100%; line-height:25px;}
.footer .finfo { float:left; margin:0px 0 10px 0; color:#999;}
.navlink { margin:10px auto; text-align:center; width:100%; padding-top:20px; font-size:16px;}
.navlink a { text-align:center; padding:0 10px; color:#fff;}
.footer a { color:#999;}
.footer a:hover { color:#fff;}
.bdtj { display:none;}
.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;}
/****幻灯片*****/
.swiperbox { margin:30px auto 0 auto; float:right; width:700px; height:530px; padding-bottom:30px;}
.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; display:none;background:rgba(0,0,0,0.1); border-radius:6px; padding:15px 0;} 
.swiper-button-next:hover, .swiper-button-prev:hover { opacity:0.8;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev { display:block;}
.swiper-slide img {box-shadow:0 5px 20px rgba(255,54,97,0.1); border-radius:6px; margin-top:0px; width:100%;}
.swiper-pagination {}
.slietop { position:absolute; top:80px; left:0; width:100%; text-align:center;}
.slietop h3 { font-size:55px;}
.slietop p { margin:20px auto;}
/****幻灯片*****/
.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; height:550px; padding:80px 0 0 0; display:block; position:relative;}
.left { margin:0px 0 0 0px; width:750px; float:left; height:550px;}
.left img { width:720px; box-shadow: 0px 0px 20px rgba(40,211,216,0.1); border-radius:6px;}
.layerimg1 { position:absolute; left:-150px; top:-200px; width:870px; height:1000px; background:url(../images/bg1.png) no-repeat left center; z-index:-1;}
.right { margin-top:0px; width:400px; float:right; height:550px;}
.right h3 { font-size:35px; margin:50px 0; color:#000;/* text-shadow:10px 15px 20px rgba(0,210,198,0.2)*/}
.right h3 span { position:relative;}
.right h3 span i { width:95%; height:5px; border-radius:3px; background:#fe9880; position:absolute; left:0; bottom:-15px;}
.right p { font-size:20px; line-height:45px; margin:20px 0 50px 0; color:#333;}
.mul { margin:40px auto 40px -20px; display: inline-block; width:110%;}
.mul li { width:180px; height:160px; float:left; margin:0px 30px 20px 0; /*background: rgba(255,255,255,0);box-shadow:0 15px 30px rgba(255,107,64,0.1);border:2px solid #fff; */ border-radius:20px; padding:20px ;}
.mul li:hover { /*background:#fff;*/}
.mul img { display:block;width:120px; height:120px; margin:10px auto; border-radius:60px; box-shadow:0 20px 30px rgba(255,107,64,0.2);}
.mul li .sright { float:left; width:100%;}
.mul .sright h3 { font-size:20px; margin:20px 0 15px 0; color:#2e333f; text-align:center;}
.mul p { text-align:center; font-size:16px;line-height:25px; color:#666;}
.linea { height:6px; width:100%;background:repeating-linear-gradient(to right, #83efb8, #14c9c7); border-radius:5px; margin:10px 0;}
.lineb { height:6px; width:110px;background:#dadada; border-radius:5px; margin:10px 0;}
.downs { margin:0px auto; clear:both; width:100%; height:300px; background: repeating-linear-gradient(to right, #24eabe, #00d9d8);}
.downs h3 { font-size:40px; text-align:center; margin:50px auto 20px auto;  font-weight:normal; display:block; float:left; width:100%;color:#fff;}
.downs h4 { text-align:center; font-size:22px; font-weight:normal; color:#fff;}
.downs .download {background:repeating-linear-gradient(to right,#ffd59a, #ff5f9f); margin:20px auto;}
.downs .download:hover { box-shadow:0 5px 30px rgba(255,54,97,0.5);}
.downs .download::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;}
.downs .download:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}


.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);}
.navtab { display: inline-block;}
.navbox .nav .plist a{line-height:30px;}
.plist { background:#f6f6f6; padding:30px 0 50px 0px; width:100%; border-top:1px solid #e8e8e8;border-bottom:1px solid #fff;display:none; position: fixed; left:0; top:80px; z-index:1000002; box-shadow:0 10px 10px rgba(155,155,155,0.1);}
.plistbox { margin:0px auto; width:1200px;display:flex;justify-content:; align-items:center; flex-wrap:wrap;}
.navtab:hover .plist { display:block;}
.plist a { display:inline-block; width:20%;padding:6px; font-size:16px; margin:10px; border-radius:6px; border-bottom:0px solid #e8e8e8; padding:20px;background:#fff;}
.plist a:hover {cursor: pointer;  background:#fff; box-shadow:0 5px 15px rgba(155,155,155,0.2);}
.plist a img { float:left; margin:0 15px 0 0; width:40px; height:40px;}
.plist h4 { font-size:16px; height:40px; line-height:40px; margin:0px 0;}
.plist p { font-size:14px; color:#888;line-height:20px; overflow:hidden; margin-top:10px; font-weight:normal;}
.upa {width: 0;height:0;border-left: 10px solid transparent;border-bottom: 10px solid #e3e3e3;border-right: 10px solid transparent; position:absolute; top:-10px; right:50%; margin-right:-90px;}
.upb {width: 0;height:0;border-left: 10px solid transparent;border-bottom: 10px solid #f6f6f6;border-right: 10px solid transparent; position:absolute; top:-8px; right:50%; margin-right:-90px;}