@charset "utf-8";
/* CSS Document */
body {font-family: arial,"微软雅黑";background:url(../images/bg_co1.jpg) no-repeat top center #fff;color:#303f51;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:#303f51;}
a:hover {text-decoration:none;color:#008aff;}
: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:100px; background:url(../images/bg.jpg) no-repeat bottom center #fff;}
.header { height:80px; width:100%; position:relative;}
.headlayer { height:80px; width:100%; background:hsla(0, 0%, 100%, 0.8);  z-index:10000; border-bottom:2px solid #fff;}
.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:60px;}
.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: #008aff;}
.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); }
.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:45px; color:#000; font-weight:bold; margin:100px 0 0 0;}
.slogantips { font-size:24px; margin:20px auto;}
.downloadtips { line-height:30px; color:#999;}
.download { width:200px; height:60px; line-height:60px;background:#1685f9; color:#fff;border-radius:4px; display:block; font-size:20px; margin:20px auto;}
.download: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;}
.swiperbox { margin:10px auto; width:1200px; height:600px;}
.softbox { width:100%; height:900px; background:repeating-linear-gradient(to top,#000000,#1685f9); margin:50px auto 0 auto; padding:50px 0;}
.softbox h2 { font-size:40px; color:#fff; margin:30px 0;}
.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;}
.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);
  }
}
.footer { width:100%; height:120px; background:#333; margin:0px auto; padding:0px 0; overflow:hidden;}
.footer p { text-align:center; width:100%; line-height:25px;}
.footlogo { float:left;}
.footer .finfo { float:left; margin:0px 0 10px 0; color:#999;}
.navlink { margin:10px auto; text-align:center; width:100%; padding-top:20px;}
.navlink a { text-align:center; padding:0 10px; color:#fff;}
.footer a { 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: #fff;/* 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;}
/****幻灯片*****/
.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%; min-height:750px;display:flex;}
.contact { margin:0px auto; width:1200px; 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 50px 0; border-radius:20px; overflow:hidden;}
.contactinfo div { margin:5px 0 5px 50px; line-height:40px; font-size:18px;}
.contactinfo strong { font-weight:normal;}
/********企业官网**********/
.baisha { width:100%; }
.baisha h1 { color:#000; font-size:60px; margin:80px auto 30px auto; width:100%; text-align:center; display:block; float:left;}
.baisha h1 strong { color:#ef4a42;}
.baisha p { color:#7f8c9f; font-size:25px; margin:0px auto; width:100%; text-align:center; letter-spacing:2px;}
.titles,.titlem { display:flex;justify-content:center; align-items:center; font-size:30px; margin:50px auto; color:#333;}
.titles img,.titlem img { margin:0 20px;}
.titles span { width:800px; text-align:center; line-height:50px;}
.titlem span { width:400px;text-align:center; font-size:36px; font-weight:bold;}
.zmcontent {display:flex;justify-content:space-between;flex-wrap:wrap; width:104%; margin:70px -2%;}
.zmcontent li { width:280px; height:360px; border-radius:20px; overflow:hidden;box-shadow:0 5px 20px rgba(225,225,225,0.3); }
.zmcontent li h2 { font-size:25px; margin:15px 20px; line-height:40px; color:#1c8ff9; text-align:center;}
.zmcontent li p { line-height:25px; margin:15px 20px; text-align:center; font-size:24px;}
.zmcontent li img { margin:0 auto; display:block; max-width:100%;}
.zmcontent li h3 { font-size:20px; margin:10px 20px; line-height:40px; color:#333; text-align:center;}
.zmbox { margin:50px auto 0 auto; background:#f6faff; width:100%; padding:20px 0;}
.zmbox .zmcontent li { box-shadow:0 5px 20px rgba(185,217,255,0.2); background:#fff;}
.zmbox .zmcontent li img { margin:40px auto 40px auto;}
.zmbox li p { text-align:center; font-size:18px; color:#7f8c9f;}
.typelist {display:flex;justify-content:space-between;flex-wrap:wrap; width:1320px; margin:60px auto;}
.typelist li { background:#fff; padding:40px 45px; border-radius:20px;box-shadow:0 5px 20px rgba(225,225,225,0.2); }
.typelist li p { margin:20px 0; color:#303f51; font-size:22px;}

.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:20px 0 25px 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:190px;padding:6px; font-size:16px; margin:10px; border-radius:6px; border-bottom:0px solid #e8e8e8; padding:15px;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:-225px;}
.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:-225px;}