@charset "utf-8";
/*
 * 郑州人本心理 脑力馆
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2026-05-18
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
/*头部*/
.header {width:100%; position: relative; float: left;position: relative; }
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.06);transition:all 0.3s ease;}
.navbar.scrolled{box-shadow:0 4px 30px rgba(0,0,0,0.08)}
.navbox{width:100%;padding:0;height:72px;display:flex;align-items:center;justify-content:space-between;position: relative; }
.navbox .nav-logo{float: left;position: relative;flex:0 0 160px;}
.navbox .nav-logo img{ width: 150px;height: auto; }
.navbox .navlist{display:flex;align-items:center;position: relative;width: 100%;justify-content: space-between;padding:0 30px;}
.navbox .navlist li{ float: left;position: relative; }
.navbox .navlist li a{color:#475569;font-size:15px;font-weight:500;padding:8px;border-radius:8px;transition:all 0.2s;white-space: nowrap}
.navbox .navlist li a:hover,.navbox .navlist .on a{color:#2563eb;background:rgba(37,99,235,0.06)}

.navbox .nav-cta{display:flex;align-items:center;gap:16px;flex:0 0 260px;justify-content: space-between}
.navbox .nav-cta .nav-phone{display:flex;align-items:center;color:#475569;font-size:14px;font-weight:500}
.navbox .nav-cta .nav-phone i{color:#10b981}
.navbox .nav-cta .nav-btnlist{}
.navbox .nav-cta .nav-btn{padding:10px 24px;background:linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);color:white;border:none;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;text-decoration:none}
.navbox .nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,99,235,0.35)}

.imenu { float: right; margin-top:0px; margin-right: 10px; display: none;position: relative;}
.imenu .dh{width: 25px; cursor: pointer;}
.imenu .menuline{ width: 25px;height: 3px;background-color:#666;float: left;border-radius:3px;}
.imenu .l1{margin-top: 3px;}
.imenu .l2{margin-top: 5px;}
.imenu .l3{margin-top: 5px;}

@media screen and (max-width:1200px){
    .navbox .navlist li a{padding:8px;}
    .navbox .nav-cta .nav-btn{ display: none; }
    .navbox .nav-cta{flex:0 0 140px;}
}
@media screen and (max-width:1000px){
    .navbox .navlist{gap:5px;}
    .navbox .navlist li a{padding:8px 4px;}
    .navbox .nav-cta{gap:0;}
}
@media screen and (max-width:900px){
    .navbox{height:60px;}
    .navbox .navlist{ display: none; }
    .navbox .nav-logo{box-sizing: border-box; padding-left:10px;}
    .navbox .nav-logo img{ width: 120px;}
    .navbox .nav-cta{flex:0 0 200px;}
    .imenu{display: block;top: 0px;}
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 0;height: 0;top: 0;right: 0;background-color:rgba(0,0,0,.9);z-index: 999998;transform-origin: top right; transform: scale(0); border-radius: 0 0 0 200vh;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);background-image:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); box-sizing: border-box;}
.overlay.active {width: 200vw;height: 150vh;border-radius: 0 0 0 250vh;  transform: scale(1); padding-left:100vw;}
.navbox2{position:relative; left:0; top:0px; z-index: 99;overflow-y: hidden;height: 100%; padding:20px;padding-top:50px;transition: all .5s;box-sizing: border-box;}
.overlay .nav_close{ position: absolute; top:18px; right: 18px;z-index: 99999;}
.overlay .nav_close img{ width: 35px; height: 35px; }
.navbox2 .logo{ width:100%; }
.navbox2 .logo span{ width:100%; float: left;text-align: center;}
.navbox2 .logo span img{ width: 150px; height: auto }
.navbox_contact{ width: 100%; position:relative;padding:20px;box-sizing: border-box;margin-top: 40px;}
.nav_tel{ width:100%; height:55px; float:left; color:#fff; background-color:#3073f5; text-align:center;border-radius:10px; font-size:15px; line-height:55px;background-image:linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);}
.nav_tel i{color: #fff;font-size: 18px;margin-right: 10px;}
.nav_tel a{color: #fff;}

.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left;width: 100%;position: relative;margin:5px 0; border-bottom: solid 1px rgba(0,0,0,.01);}
.nav2 li { width: 100%;float: left;line-height: 45px; font-size: 16px;}
.nav2 li .pname{ width: 100%;float: left;line-height: 45px; font-size: 16px;text-align: center;}
.nav2 li .pname a{ color: #222;}
.nav2 li .pname i{ font-size: 12px;color: #999;margin-right: 0px;float: right;transform: rotate(0deg);margin-top:5px;transition:all ease 0.5s;}
.nav2 li .pname em{ font-size: 15px;color: #222;margin-right: 2px;opacity: .8; }
.nav2 li .sub{ width: 100%;float: left; position: relative;display: none;margin-bottom:10px;}
.nav2 li .sub span{width: 33.3%; box-sizing: border-box; float: left;padding:3px;}
.nav2 li .sub span a{ color: #222;border:solid 1px rgba(0,0,0,.1);line-height: 35px;text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .8;}
.nav2 li.on .sub{display: block;}
.nav2 li.on .pname i{transform: rotate(90deg); transition:all ease 0.5s;}

/*banner*/
.bannera{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 30%,#172554 60%,#0c4a6e 100%);float: left;width: 100%; padding:100px 0 50px 0;}
.bannera .bg-shapes{position:absolute;inset:0;overflow:hidden}
.bannera .bg-shapes .shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.1;animation:shapeFloat 20s ease-in-out infinite}
.bannera .shape-1{width:600px;height:600px;background:#2563eb;top:-200px;right:-100px;animation-delay:0s !important}
.bannera .shape-2{width:500px;height:500px;background:#8b5cf6;bottom:-150px;left:-100px;animation-delay:-5s !important}
.bannera .shape-3{width:400px;height:400px;background:#f59e0b;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s !important;opacity:0.15}
@keyframes shapeFloat{
    0%,100%{transform:translate(0,0) scale(1)}
    33%{transform:translate(30px,-30px) scale(1.05)}
    66%{transform:translate(-20px,20px) scale(0.95)}
}
.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px}
.bannera .banner-content{position:relative;z-index:2;text-align:center;padding:80px 40px 80px;box-sizing: border-box;}
.banner-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:100px;padding:8px 24px;color:#fbbf24;font-size:14px;font-weight:500;margin-bottom:40px;backdrop-filter:blur(10px);animation:fadeInUp 0.8s ease;}
.banner-badge i{font-size:12px}
.banner-title{font-size:40px;font-weight:900;color:white;line-height:1.5;margin-bottom:24px;animation:fadeInUp 0.8s ease 0.1s both}
.banner-title .highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size: 55px}
.banner-subtitle{font-size:22px;color:rgba(255,255,255,0.7);font-weight:400;margin-bottom:48px;animation:fadeInUp 0.8s ease 0.2s both;box-sizing: border-box;}
.banner-actions{display:flex;align-items:center;justify-content:center;gap:20px;animation:fadeInUp 0.8s ease 0.3s both}
.banner-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;font-size:18px;font-weight:700;border-radius:14px;border:none;cursor:pointer;transition:all 0.3s;text-decoration:none;box-shadow:0 8px 30px rgba(245,158,11,0.1)}
.banner-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(245,158,11,0.45)}
.banner-btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);color:white;font-size:18px;font-weight:600;border-radius:14px;cursor:pointer;transition:all 0.3s;text-decoration:none;backdrop-filter:blur(10px)}
.banner-btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}
.banner-actions .banner-btn-primary i,.banner-actions .banner-btn-secondary i{ font-weight:normal !important; }

.banner-stats{display:flex;align-items:center;justify-content:center;gap:0px;margin-top:72px;animation:fadeInUp 0.8s ease 0.4s both}
.banner-stat{text-align:center;float: left;width: 25%;}
.banner-stat .stat-num{font-size:42px;font-weight:900;color:white;line-height:1;margin-bottom:8px}
.banner-stat .stat-num .unit{font-size:20px;font-weight:600;color:#fbbf24}
.banner-stat .stat-label{font-size:14px;color:rgba(255,255,255,0.5);font-weight:400}
.banner-stat .stat-divider{width:1px;height:50px;background:rgba(255,255,255,0.15)}
@keyframes fadeInUp{
    from{opacity:0;transform:translateY(30px)}
    to{opacity:1;transform:translateY(0)}
}
.bannerb{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 30%,#172554 60%,#0c4a6e 100%);float: left;width: 100%; padding:80px 0 20px 0;}
.bannerb .banner-content{position:relative;z-index:2;text-align:center;padding:50px 40px 50px;}

@media screen and (max-width:900px){
    .bannera{padding:80px 0 20px 0;}
    .banner-badge{margin-bottom:20px;}

    .bannera .banner-content{padding:40px 20px;}
    .banner-title{font-size:30px;}
    .banner-title .highlight{font-size: 35px}
    .banner-subtitle{font-size:16px;margin-bottom:40px; padding:0 20px;}
    .banner-actions{gap:10px;}
    .banner-btn-primary{gap:10px;padding:13px 10px;font-size:14px;font-weight:normal;border-radius: 10px;}
    .banner-btn-secondary{padding:13px 10px;font-size:14px;font-weight:normal;border-radius: 10px;}
    .banner-stats{margin-top:30px;flex-wrap: wrap}
    .banner-stat{width: 50%;margin:15px 0;}
    .banner-stat .stat-num{font-size:20px; font-weight:normal;}
    .banner-stat .stat-num .unit{font-size:15px;}
    .banner-stat .stat-label{font-size:14px;}
    .banner-stat .stat-divider{width:1px;height:50px;background:rgba(255,255,255,0.15)}

    .bannerb .banner-content{padding:40px 20px;}
}
.so{ float: right;position: absolute;top:26px; right: 100px; z-index: 999}
.so .sopic{ width: 35px;height: 35px; background-color:rgba(48,115,245,.2); border-radius:50%; float: left; text-align: center; line-height: 35px; color: #fff; cursor: pointer; display:none; }
.so .sobox{ width: 200px; float: left;line-height: 35px;height: 35px;background-color:rgba(48,115,245,.75);border-radius:2px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .input{ width: 165px; padding-left: 15px;box-sizing:border-box; outline: none;border:none;background:none;line-height: 35px;float: left;color: #fff;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .button { width: 35px; line-height: 35px;height: 35px;background:none; border:none; color: #fff;float: left; cursor: pointer;}
.so input::-webkit-input-placeholder {color: #fff;  }  
.so input:-moz-placeholder {color: #fff;}  
.so input::-moz-placeholder {color: #fff;}  
.so input:-ms-input-placeholder {color: #fff;}  

/*banner*/
.banner { position: relative; width: 100%; height: 800px; overflow: hidden;z-index:9; }
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet-active{background-color: #3073f5;width: 45px; transform: 400ms;}
.banner .swiper-pagination-bullet { width: 12px;height: 12px; border-radius: 15px; opacity: .6; background-color:#fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #3073f5;width: 45px; transition: all 0.5s ease; opacity: 1;}
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -55px;width: 73px;height: 138px;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.banner a.prev_btn:hover,
.banner a.next_btn:hover {opacity: 0.5;filter: alpha(opacity=50);}
.banner a.prev_btn { left: 30px;background-image: url(../images/left.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 30px; background-image: url(../images/right.png); background-repeat: no-repeat; }

.baninfo{ width: 100%;float: left;position: relative; display: flex;align-items: flex-end;justify-content: space-between}
.baninfo .ban1 { width:50%; position:relative; padding-left: 20px;box-sizing: border-box; text-align: left;box-sizing:border-box;}
.baninfo .ban1 h3{ line-height:50px; font-size:45px; color: #FFFFFF; z-index:900; text-transform: uppercase; position:relative; padding-top:250px; width: 100%; }
.baninfo .ban1 h3 i{ color: #e50044; font-style:normal;}
.baninfo .ban1 h4{ line-height:1.3em; font-size:30px; color: #FFFFFF;z-index:900; text-transform: uppercase; position:relative;width: 100%; padding-top: 15px; opacity: .2; word-break:keep-all }
.baninfo .ban1 p{ line-height:2em; font-size:18px;color: #FFFFFF; z-index:900; position:relative; padding-top: 30px; width: 100%; opacity: .6}
.baninfo .ban1 dt{ width:100%; position:relative; width: 100%; line-height: 40px; opacity: .8; font-size: 16px;}
.baninfo .ban1 .detail{ width: 100%; float: left; padding-top:40px; }
.baninfo .ban1 .detail a{ border:solid 1px #fff; line-height:45px; display:block; color:#FFFFFF; text-align:center; width:180px; height:45px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; font-size: 16px; opacity: .8}
.baninfo .ban-thumb{ width: 44%;float: right;position: relative;height: 100%;vertical-align: middle;}
.baninfo .ban-thumb img{ width: 100%;height: auto; }

.baninfo .ban2 { width:50%; position:relative;box-sizing: border-box; text-align: left; float:right; padding-right: 80px;order:2;}
.baninfo .ban2 h3{ line-height:1.5em; font-size:30px; color: #FFFFFF; z-index:900; text-transform: uppercase; position:relative; padding-top:250px; width: 100%; }
.baninfo .ban2 h4{ line-height:1.6em; font-size:50px; color: #FFFFFF; z-index:900; text-transform: uppercase; position:relative; padding-top:15px; width: 100%; }
.baninfo .ban2 p{ line-height:2em; font-size:18px;color: #FFFFFF; z-index:900; position:relative; padding-top: 30px; width: 100%; opacity: .6}
.baninfo .ban2 dt{ width:100%; position:relative; width: 100%; line-height: 40px; opacity: .8; font-size: 16px;}
.baninfo .ban2 dt i{ color:#fff; opacity: .8; font-size:20px;}
.baninfo .ban2 .detail{ width: 100%; float: left; padding-top:40px; }
.baninfo .ban2 .detail a{ border:solid 1px #fff; line-height:45px; display:block; color:#FFFFFF; text-align:center; width:180px; height:45px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; font-size: 16px; opacity: .8}
.baninfo .ban-thumb{float: left;order:1;}

@media screen and (max-width:1200px){
    .banner{ height:650px;}
    .baninfo .ban1 h3{padding-top:120px;font-size:40px;}
    .baninfo .ban1 h4{font-size:20px;}
    .baninfo .ban2 h3{padding-top:120px;font-size:40px;}
}
@media screen and (max-width:1000px){
    .banner{ height:550px;}
    .baninfo .ban1 h3{padding-top:100px;font-size:30px;}
    .baninfo .ban1 h4{font-size:15px;}
    .baninfo .ban2 h3{padding-top:100px;font-size:30px;}
}
@media screen and (max-width:900px){
    .banner{ height:480px;}
    .baninfo { flex-direction: column; }
	.baninfo .ban1,.baninfo .ban2{ width: 100%;text-align: center;padding-right: 0;padding-left:0;}
	.baninfo .ban1 h3{padding-top:80px;font-size:25px;}
    .baninfo .ban1 h4{font-size:12px;}
    .baninfo .ban1 p{ display: none; }
    .baninfo .ban1 .detail{margin-top: 10px;padding-top: 0;margin-bottom:20px;}
    .baninfo .ban1 .detail a{ line-height:35px; width:140px; height:35px; font-size: 13px; display: inline-block;}
    
    .baninfo .ban2{order:1;}
    .baninfo .ban2 h3{padding-top:80px;font-size:18px;}
    .baninfo .ban2 h4{font-size:28px;}
    .baninfo .ban2 .detail a{line-height:35px; width:140px; height:35px;font-size: 13px; display: inline-block;}
    .baninfo .ban2 dt{ width:100%; position:relative; width: 100%; line-height: 25px; opacity: .8; font-size: 13px; display: none}
    .baninfo .ban2 dt:nth-child(3),.ban2 dt:nth-child(4){ display: none; }
	.baninfo .ban2 dt i{ color:#fff; opacity: .8; font-size:20px;}
    .baninfo .ban2 .detail{margin-top: 10px;padding-top: 0;margin-bottom:20px;}

    .baninfo .ban-thumb{ width: 100%;float:left;position: relative;vertical-align: middle;padding:15px;box-sizing: border-box;}
    .baninfo .ban-thumb img{ width: 100%;height: auto; }
    .baninfo .ban2 .ban-thumb{ float: right;order:2; }
}
@media screen and (max-width:600px){
    .banner{ height:480px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}

/*常用css*/
.main { float: left; width: 100%; position: relative; }
.mainbox { float: left; width: 100%; position: relative;padding:45px 0;}
.flex {display: flex;}
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f3f7fa; width: 100%; padding: 45px 0; position: relative; }

.title { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;}
.title h2{ font-size: 38px; line-height: 40px; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .tit{ font-size: 38px; line-height:1.5em; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .tit i{ color:#0d47a1;font-style: normal;position: relative;margin:0 40px; font-size: 45px;}
.title .tit i::before{content: "┏";position: absolute;left: -30px;top: -15px;font-size: 30px;font-family: 'Arial'}
.title .tit i::after{content: "┛";position: absolute;right: -30px;bottom: -20px;font-size: 30px;font-family: 'Arial'}
.title .tit-line{ width: 120px;height:4px;position: absolute;left: 50%;bottom: -15px;margin-left:-60px;background-color:#999;border-radius: 5px; background-image:linear-gradient(135deg, #ff9f1c 0%, #ff6b35 100%);}
.title .desc { line-height: 30px; color: #999; text-align: center; width: 100%; font-size: 16px; margin-top: 25px; text-transform: uppercase;float: left; position: relative; padding:0 20px;box-sizing: border-box;}
.title .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(0,0,0,.03);z-index: -1; font-weight:900; top: 5px;left: 0}
.title2 { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;}
.title2 .tit{ font-size: 38px; line-height: 40px; color: #fff; text-align: center;width: 100%;float: left; position: relative; margin-top: 15px;margin-bottom: 10px;z-index: 2;font-weight: bold; padding-bottom: 10px;}
.title2 .desc { line-height: 30px; color: #fff; text-align: center;width: 100%; font-size: 16px; padding-top: 10px; text-transform: uppercase;float: left; position: relative;z-index: 2;opacity: .6;}
.title2 .tit-line{ width: 120px;height:4px;position: absolute;left: 50%;bottom: -10px;margin-left:-60px;background-color:#999;border-radius: 5px; background-image:linear-gradient(135deg, #3073f5 0%, #549cef 100%);}
.title2 .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(255,255,255,.03);z-index:0; font-weight:900; top: 5px;left: 0}
.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}

@media screen and (max-width:1200px){
	.title{padding:15px 10px; box-sizing: border-box;}
}
@media screen and (max-width:750px){
	.title{padding:10px 0; box-sizing: border-box;}
	.title .tit{ font-size:20px; line-height: 1.8em; margin-top: 5px;}
    .title h2{ font-size: 24px; line-height: 2em;margin-top:0;}
	.title .desc { line-height: 1.5em; font-size: 14px;}
    .title .tit i{margin:0 20px; font-size: 20px;}
    .title .tit i::before{left: -19px;top: -15px;font-size: 20px;}
    .title .tit i::after{right: -15px;bottom: -20px;font-size: 20px;}
    .title .tit-line{bottom: -10px;}
    .title .desc {margin-top: 18px;}

	.title2 { width: 100%; padding: 10px 0;float: left; position: relative;}
	.title2 .tit{ font-size: 24px; line-height: 1.5em; }
	.title2 .desc {}
}
.morea{ width: 100%; float: left; padding-top: 30px;text-align: center;}
.morea a{ width: 250px; line-height: 55px;height: 55px; border-radius:10px; text-align: center;color:#Fff; font-size: 18px;margin:0 5px; display: inline-block;box-sizing: border-box;position: relative;z-index: 10;}
.morea a i{margin-right:5px;font-size:20px;opacity: .8;}
.morea .a1{ border:solid 1px #1778d9; color: #1778d9;}
.morea .a2{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);}/*橙色*/
.morea .a3{ background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.15);color: white;}
.morea .a4{background:linear-gradient(90deg,rgba(3,163,139,1) 0%,rgba(2,200,170,1) 100%);}/*深蓝*/
.morea .a5{background:linear-gradient(90deg,rgba(0,121,254,1) 0%,rgba(25,134,254,1) 100%);}/*亮蓝*/

.moreb{ width: 100%; float: left; padding: 30px 0; text-align: center;}
.moreb a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
.moreb a.a1{}
.morec{ width: 100%; float: left; padding: 45px 0 0; text-align: center;}
.morec a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
@media screen and (max-width:900px){
    .morea{ width: 100%; float: left; padding-top: 20px; text-align: center;}
    .morea a{ width: 44%; line-height: 45px;height: 45px;margin-right:2%;margin-left:2%;font-size: 1rem;}
    .morea .a1{ border:solid 1px #1778d9;color: #1778d9;}
	.moreb{ padding: 15px 0; }
	.moreb a{ width: 100px; line-height: 40px;height: 40px;font-size: 15px;}
    .morec a{ width: 160px; line-height: 40px;height: 40px;}
}
.catlist{ width: 100%; text-align: center; font-size: 0px; margin:10px 0; float: left;}
.catlist .item{ padding: 0px; font-size: 15px; display:inline-block; background-color: #e9ebf0;overflow: hidden;box-sizing: border-box; border:solid 1px #fff;margin-left: -1px;}
.catlist .item a{line-height:50px; height: 50px;color:#4b4a4a;display: block; text-align: center; padding:0 25px;margin-left: 1px;font-size: 15px;}
.catlist .item.on,.catlist .item a:hover { background-color:#3073f5; color:#fff !important; text-decoration:none;}
.catlist .item.on a{ color: #fff; }
.catlist .item:nth-child(1){border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.catlist .item:nth-last-child(1){border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
@media screen and (max-width:900px){
    .catlist{padding: 0 10px;box-sizing: border-box;}
    .catlist .item{ width: 25%; box-sizing: border-box; font-size: .9rem;}
    .catlist .item a{line-height:3em; height: 3em;padding:0 5px;}
}

/*关于我们*/
.intro{background:linear-gradient(135deg,#f5f7fa 0%,#e6eaf1 100%);position:relative;overflow:hidden;float: left;width: 100%;padding:105px 0; box-sizing:border-box;}
.intro::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(30,136,229,0.08) 0%,transparent 70%);border-radius:50%}
.intro::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,111,0,0.06) 0%,transparent 70%);border-radius:50%}
.intro-container{position:relative;z-index:1}
.intro-wrapper{width: 100%;float: left;position: relative;box-sizing: border-box;}
.intro .intro-left{position:relative;width: 58%;padding-right:100px;box-sizing:border-box;float: left;}
.intro .intro-badge{gap:8px;background: linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);color:#fff;padding:10px 24px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:25px;box-shadow:0 4px 15px rgba(102,126,234,0.3);float: left;}
.intro .intro-badge i{ font-weight: normal; }
.intro .intro-title{font-size:48px;font-weight:900;color:#222;line-height:1.2;margin-bottom:30px;width: 100%;float: left;}
/*.intro .intro-title .text{background:linear-gradient(135deg,#1e7aff 0%, #0855c5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*/
.intro .description{font-size:18px;line-height:1.9;color:var(--text-gray);margin-bottom:30px;width: 100%;float: left;}
.intro .mission{background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);padding:30px;border-radius:10px;position:relative;overflow:hidden;margin-bottom:30px;width: 100%;float: left;position: relative;box-sizing:border-box;}
.intro .mission::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:rgba(255,255,255,0.1);border-radius:50%}
.intro .mission h3{font-size:15px;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:#023287;font-weight: normal;}
.intro .mission p{font-size:20px;font-weight:700;line-height:1.5;position:relative;z-index:1;color:#023287;}
.intro .intro-stat{width: 100%;float: left;position: relative; display: flex;justify-content: space-between;gap:15px;}
.intro .intro-stat .item{padding:0px;box-sizing:border-box;width: 33.3%;}
.intro .intro-stat .item .itemin{background:#fff;padding:20px;border-radius:10px;transition:all 0.3s ease;width: 100%;box-sizing:border-box;display:flex;align-items:center;}
.intro .intro-stat .item:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}
.intro .intro-stat .item .icon{width:50px;height:50px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:12px;color:var(--dark-blue);font-size:22px;text-align: center;line-height: 50px;}
.intro .intro-stat .item .icon i{ font-size: 24px;}
.intro .intro-stat .item .info{ padding-left:15px; box-sizing:border-box; }
.intro .intro-stat .item .info h4{font-size:20px;font-weight:900;color:var(--dark-blue);line-height:1;white-space: nowrap;}
.intro .intro-stat .item .info p{font-size:13px;color:var(--text-gray);margin-top:4px;white-space: nowrap;}

.intro .intro-right{position:relative;width: 40%; float: right;}
.intro .intro-right .thumb{ width: 100%;float: left;position: relative; }
.intro .intro-right .thumb img{ width: 100%;height: auto;border-radius: 10px;}
.intro .intro-title2{width: 100%;float: left;position: relative;line-height: 30px;font-size: 18px;color:var(--text-gray);margin-bottom:20px;}
.intro .cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width: 100%;float: left;}
.intro .cards-grid .item{background:white;padding:30px 25px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,0.08);text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}
.intro .cards-grid .item::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-blue);transform:scaleX(0);transition:transform 0.4s ease}
.intro .cards-grid .item:hover::before{transform:scaleX(1)}
.intro .cards-grid .item:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.12)}
.intro .cards-grid .item .icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;position:relative;overflow:hidden}
.intro .cards-grid .item .icon i{ font-size: 28px; }
.intro .cards-grid .item:nth-child(1) .icon{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:var(--primary-blue)}
.intro .cards-grid .item:nth-child(2) .icon{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);color:var(--accent-orange)}
.intro .cards-grid .item:nth-child(3) .icon{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);color:#4caf50}
.intro .cards-grid .item:nth-child(4) .icon{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);color:#9c27b0}
.intro .cards-grid .item .icon::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.5s ease}
.intro .cards-grid .item:hover .intro .cards-grid .item .icon::after{width:100px;height:100px}
.intro .cards-grid .item h4{font-size:20px;color:var(--dark-blue);margin-bottom:10px;font-weight:700}
.intro .cards-grid .item p{font-size:14px;color:var(--text-gray);line-height:1.6}
@media screen and (max-width:1360px){
    .intro-wrapper{padding:0 20px;box-sizing: border-box;}
    .intro .description{font-size:16px;line-height:1.5;}
    .intro .intro-left{width:60%;padding-right:50px;}
    .intro .intro-title{font-size:38px;}
    .intro .mission{padding:15px;margin-bottom:20px;}
    .intro .intro-stat .item .itemin{padding:10px;}
    .intro .intro-stat .item .info h4{font-size:16px}
    .intro .intro-stat .item .info{ padding-left:10px;}
}
@media screen and (max-width:900px){
    .intro{padding:25px 0;}
    .intro-wrapper{}
    .intro .intro-right{width: 100%; float: left;}
    .intro .intro-left{width:100%;padding-right:0px;margin-top:10px;padding:20px 0;}
    .intro .intro-badge{margin-bottom:15px;}
    .intro .intro-title{font-size:28px;margin-bottom: 15px;}
    .intro .description{font-size:15px;line-height:1.6;margin-bottom:15px;}
    .intro .mission p{font-size:18px;}
    .intro .intro-stat{gap:5px;}
    .intro .intro-stat .item .itemin{padding:10px;}
    .intro .intro-stat .item .info h4{font-size:13px;white-space: nowrap;}
    .intro .intro-stat .item .icon{width:40px;height:40px;line-height: 40px;}
    .intro .intro-stat .item .icon i{ font-size: 18px;}
}
/*表单*/
.forms{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#172554 100%);position:relative;overflow:hidden;width: 100%;float: left;}
.forms::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px}
.forms .formbox{width: 100%;float: left;position: relative;padding:80px 0; box-sizing: border-box;}
.forms .formbox .form-left{ width: 50%;float: left;position: relative;box-sizing: border-box; padding-right:30px;}
.forms .formbox .form-left h2{font-size:40px;font-weight:800;color:white;line-height:1.3;margin-bottom:20px;}
.forms .formbox .form-left h2 .accent{background:linear-gradient(135deg,#f59e0b,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.forms .formbox .form-left p{font-size:18px;color:rgba(255,255,255,0.6);margin-bottom:40px;line-height:1.8}
.forms .form-perks{display:flex;flex-direction:column;gap:20px}
.forms .form-perk{display:flex;align-items:center;gap:16px}
.forms .form-perk-icon{width:44px;height:44px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f59e0b;font-size:18px;flex-shrink:0}
.forms .form-perk-icon i{ color:#f59e0b;font-size: 20px;}
.forms .form-perk-text{font-size:15px;color:rgba(255,255,255,0.8);font-weight:500}

.forms .form-right{ width: 50%;float: left;position: relative;box-sizing: border-box;padding-left: 50px;}
.forms .myforma{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(20px);border-radius:24px;padding:48px;float: left;}
.forms .myforma h3{font-size:24px;font-weight:700;color:white;margin-bottom:8px}
.forms .myforma > p{font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:32px}
.myforma .ipt{width: 100%;float: left; display: flex;gap:20px;margin:8px 0;}
.myforma .ipt .label{ width: 100%;float: left;}
.myforma .input,.myforma .select{width:100%;padding:16px 20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:12px;color:white;font-size:15px;font-family:inherit;transition:all 0.3s;outline:none;box-sizing: border-box;}
.myforma .input::placeholder{color:rgba(255,255,255,0.35)}
.myforma .input:focus,.myforma .select:focus{border-color:#f59e0b;background:rgba(255,255,255,0.1)}
.myforma .select option{background:#1e293b;color:white}
.myforma .form-submit{width:100%;padding:18px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;font-size:17px;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all 0.3s;margin-top:8px;font-family:inherit}
.myforma .form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,158,11,0.35)}
.myforma .btnlist{ width: 100%;float: left;position: relative;margin-top:30px; }
@media screen and (max-width:900px){
    .forms .formbox{padding:40px 20px;}
    .forms .formbox .form-left{ width:100%;padding-right:0px;}
    .forms .form-right{ width: 100%;padding-left: 0px;margin-top: 30px;}
    .forms .formbox .form-left h2{font-size:28px;}
    .forms .formbox .form-left p{font-size:15px;margin-bottom:30px;}
    .forms .myforma{padding:20px;float: left;}
    .forms .myforma h3{font-size:24px;font-weight:700;color:white;margin-bottom:8px;text-align: center;}
    .forms .myforma > p{margin-bottom:32px;text-align: center;}
}
/*市场前景*/
.qianjing {width: 100%;float: left;position: relative;background-color:#f6f9fc;padding:100px 0;}
.qianjing .market-grid {width: 100%;float: left;position: relative;}
.qianjing .market-left{ width: 50%;float: left;position: relative;box-sizing: border-box; }
.qianjing .market-left .badge{padding:0 25px;line-height: 45px;background-color:#deebf7; border-radius: 25px; font-size: 16px; float: left;position: relative;color: var(--dark-blue)}
.qianjing .market-left .tit { width: 100%;float: left;line-height:1.5em;font-size: 35px;}
.qianjing .market-left .tit2 { width: 100%;float: left;line-height:1.5em;font-size: 48px;color:#023286;margin-top:5px;}
.qianjing .market-left .desc { margin-bottom: 32px;width: 100%;float: left;line-height: 1.8em;margin-top:15px;color:#6b7b8d;font-size: 16px;}
.qianjing .marketlist{width:100%;float: left;position: relative;margin-top:10px;}
.qianjing .marketlist .item{width: 100%;float: left;position: relative;margin:10px 0;}
.qianjing .marketlist .item .itemin{ width: 100%;float: left;padding:15px;box-sizing: border-box;background-color:#fff;border-radius: 10px; display: flex;}
.qianjing .marketlist .item .icon { width: 48px; height: 48px;flex:0 0 48px; border-radius: 12px;font-size: 22px;text-align: center;line-height: 48px;}
.qianjing .marketlist .item .info{ width: 100%;float: left;position: relative; padding-left: 15px;box-sizing: border-box;}
.qianjing .marketlist .item h4 { font-size: 16px; font-weight: 700; color:#0a1628; margin-bottom: 4px;line-height: 1.6em}
.qianjing .marketlist .item p { font-size: 13px; color:#6b7b8d; line-height: 1.6em; }
.qianjing .marketlist .item:nth-child(1) .icon{background-color:#e8f4fb;}
.qianjing .marketlist .item:nth-child(2) .icon{background-color:#fff3ed;}
.qianjing .marketlist .item:nth-child(3) .icon{background-color:#fde8e8;}

.market-right { position: relative;width: 50%;float: left;padding-right: 80px;box-sizing: border-box; }
.market-card { background: linear-gradient(135deg,#0d47a1 0%,#1e88e5 100%);border-radius:15px; padding: 48px; color: #fff;position: relative; overflow: hidden; box-shadow: 0 20px 60px rgba(2,50,134,0.3);box-sizing: border-box;}
.market-card::before { content: ''; position: absolute; top: -80px; right: -60px; width: 250px; height: 250px; border-radius: 50%; background: rgba(212,168,72,0.08); }
.market-card::after { content: ''; position: absolute; bottom: -40px; left: -30px; width: 180px; height: 180px; border-radius: 50%; background: rgba(1,176,215,0.1); }
.market-card h3 {font-size: 24px; font-weight: 900; margin-bottom: 32px; position: relative; z-index: 1;width: 100%;float: left;line-height: 1.8em;}
.market-card h3 i{margin-right: 5px; font-weight: normal;}
.market-card .market-data { display: flex; align-items: baseline; gap: 12px; margin-bottom: 24px; position: relative; z-index: 1;width: 100%;float: left; }
.market-card .market-data .num {font-size: 52px; font-weight: 900; color: var(--gold-light); line-height: 1; }
.market-card .market-data .unit { font-size: 18px; font-weight: 700; color: rgba(255,255,255,0.7); }
.market-data-label { font-size: 14px; color: rgba(255,255,255,0.6); position: relative; z-index: 1;width: 100%;float: left; }
.market-data-line { height: 1px; background: rgba(255,255,255,0.1); margin: 24px 0; position: relative; z-index: 1;width: 100%;float: left;}
.market-card .items { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; position: relative; z-index: 1;width: 100%;margin-top:10px;float: left;}
.market-card .items .item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding:20px 16px; text-align: center; }
.market-card .items .item .num { font-family: var(--font-title); font-size: 28px; font-weight: 900; color: var(--gold-light); }
.market-card .items .item .txt { font-size: 11px; color: rgba(255,255,255,0.5); margin-top: 4px; }
@media screen and (max-width:900px){
    .qianjing {padding:0;}
    .qianjing .market-left{ width: 100%; padding:20px; padding-bottom: 5px;}
    .market-right {width:100%;padding-right: 0px;}
    .market-card {padding: 24px;}
    .qianjing .market-left .tit {font-size: 25px;}
    .qianjing .market-left .tit2 {font-size: 30px;line-height: 2em;}
    .qianjing .market-left .desc { margin-bottom:20px;font-size: 15px;}
}
/*项目特色*/
.tese{ width: 100%;float: left;position: relative;padding:80px 0; background-color:#fff;}
.teselist{ width: 100%;float: left;position: relative;margin:20px 0;}
.teselist .item{ width: 33.3%;float: left;position: relative; padding:10px;box-sizing:border-box;}
.teselist .item .itemin{ width: 100%;float: left;position: relative;padding:25px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0);background-color:#fff; border-radius: 10px; overflow: hidden;}
.teselist .item .ico{ width: 120px; float: left;padding:40px 0; text-align: center; position: absolute;top: -30px;right: -30px;border-radius: 50%; background-color:rgba(255,255,255,.2);}
.teselist .item .ico span{ height: 40px; line-height: 40px; font-size: 35px; color:#333; opacity: .8;}
.teselist .item .info{ width: 100%; padding:20px 0; float: left; position:relative;z-index: 1; }
.teselist .item .info h3{ width: 100%; float: left; line-height:2em;font-size:18px; font-weight: bold; }
.teselist .item .info .desc{ width: 100%; float: left; font-size: 15px; color: #666;margin:10px 0 5px 0;opacity: .8;}
.teselist .item .info .desc p{line-height:1.5em;margin:5px 0;float: left;width: 100%;float: left;height: 3em;}
.teselist .item .info .desc p b{ font-weight: normal;}
.teselist .item .detail { width: 100%; float:left; padding-top:20px; text-align: center;z-index:1;display: none;}
.teselist .item .detail a{ width: 140px; line-height: 40px;text-align: center;margin:0 auto;border-radius:20px; display:inline-block; color: #fff;}
.teselist .item .circle1{ width: 120px;height: 120px; margin-top:30px; background-color:#3073f5;border-radius:50%; position:absolute;bottom: -60px;right:-50px; opacity: .07;z-index: 0}
.teselist .item .circle2{ width: 250px;height: 250px; margin-top:10px; background-color:#ff6700;border-radius:50%; position:absolute;bottom:-20px;right:30%; opacity: .03;z-index: 0}
.teselist .item:nth-child(1) .itemin{background-color:#d4dbf3;}
.teselist .item:nth-child(2) .itemin{background-color:#f5dfea;}
.teselist .item:nth-child(3) .itemin{background-color:#c6d8d9;}
.teselist .item:nth-child(4) .itemin{background-color:#dbd8cb;}
.teselist .item:nth-child(5) .itemin{background-color:#d6d4e3;}
.teselist .item:nth-child(6) .itemin{background-color:#f1e3d1;}
.teselist .item:nth-child(1) .ico span{color:#4a6de3;}
.teselist .item:nth-child(2) .ico span{color:#f754a6;}
.teselist .item:nth-child(3) .ico span{color:#46dde5;}
.teselist .item:nth-child(4) .ico span{color:#ff6f00;}
.teselist .item:nth-child(5) .ico span{color:#624fdb;}
.teselist .item:nth-child(6) .ico span{color:#f7a943;}
@media screen and (max-width:900px){
    .tese{padding:20px 0;}
    .teselist{margin:0 0 20px 0;}
    .teselist .item{ width: 100%;padding:10px 20px;}
    .teselist .item .itemin{position: relative;padding:15px;}
    .teselist .item .ico{ width: 120px; float: left;padding:40px 0; text-align: center; position: absolute;top: -30px;right: -30px;border-radius: 50%; background-color:rgba(255,255,255,.2);}
}
/*收入*/
.shouru {width: 100%;float: left;position: relative;background-color:#f6f9fc;padding:100px 0;}
.shouru .shourubox {width: 100%;float: left;position: relative;}
.shouru .shouru-left{ width: 50%;float: left;position: relative; }
.shouru .shouru-left .badge{padding:0 25px;line-height: 45px;background-color:#deebf7; border-radius: 25px; font-size: 16px; float: left;position: relative;color: var(--dark-blue);margin-bottom:15px;}
.shouru .shouru-left .tit { width: 100%;float: left;line-height:1.5em;font-size: 35px;}
.shouru .shouru-left .desc { margin-bottom: 32px;width: 100%;float: left;line-height: 1.8em;margin-top:15px;color:#6b7b8d;font-size: 16px;}
.shouru .yuanyinlist{width:100%;float: left;position: relative;margin-top:10px;}
.shouru .yuanyinlist li{ width: 100%;float: left;padding:0 15px;box-sizing: border-box;background-color:#fff;border-radius:5px;line-height: 50px;margin:5px 0;color: #023286}
.shouru .yuanyinlist i {margin-right:5px;}
.shouru .yuanyinlist li:nth-child(1){background-color:#e8f4fb;}
.shouru .yuanyinlist li:nth-child(2){background-color:#fff3ed;}
.shouru .yuanyinlist li:nth-child(3){background-color:#fde8e8;}
.shouru .yuanyinlist li:nth-child(4){background-color:#d4dbf3;}
.shouru .bao{ width: 100%;float: left;position: relative;padding:28px 15px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;font-size:17px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s;margin-top:28px;box-sizing: border-box;text-align: center;}

.shouru-right { position: relative;width: 50%;float:right;padding-left: 80px;box-sizing: border-box; }
.shouru-right .echart{ width: 100%;float: left;position: relative;}
.shouru-right #echart{ width: 100%;min-height: 600px;position: relative;}
@media screen and (max-width:900px){
    .shouru {width: 100%;float: left;position: relative;background-color:#f6f9fc;padding:20px 0;}
    .shouru .shourubox {padding:20px;box-sizing: border-box;overflow: hidden;}
    .shouru .shouru-left{ width: 100%;}
    .shouru .shouru-left .tit {font-size: 24px;}
    .shouru .shouru-left .desc { margin-bottom: 10px;margin-top:15px;font-size: 15px;}
    .shouru-right {width: 100%;padding-left: 0px;margin-top: 20px;}
}
/*核心优势*/
.hexin{ width: 100%;float: left;position: relative;padding: 50px 0; box-sizing:border-box; }
.hexinlist{ width: 100%;float: left;position: relative;margin:25px 0;}
.hexinlist .item{ width: 25%;float: left;position: relative; padding:10px;box-sizing:border-box;}
.hexinlist .item .itemin{ width: 100%;float: left;position: relative;padding:25px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff; border-radius: 10px; overflow: hidden;}
.hexinlist .item .thumb{ width: 120px; float: left;padding:40px 0; text-align: center; position: absolute;top: -30px;right: -30px;border-radius: 50%; background-color:rgba(255,255,255,.2);}
.hexinlist .item .thumb i{ height: 40px; line-height: 40px; font-size: 35px; color:#fff; opacity: .8;}
.hexinlist .item .info{ width: 100%; padding:20px 0; float: left; position:relative;z-index: 1; }
.hexinlist .item .info .tit{ width: 100%; float: left; line-height:2em;font-size:24px; font-weight: bold; color: #fff;}
.hexinlist .item .info .tit2{ width: 100%; float: left; line-height:2em;font-size: 16px; color: #fff;}
.hexinlist .item .info .desc{ width: 100%; float: left; font-size: 15px; color: #fff;margin:10px 0 5px 0; opacity: .8;height: 4.5em;}
.hexinlist .item .info .desc p{line-height:1.5em;margin:5px 0;float: left;width: 100%;float: left;}
.hexinlist .item .info .desc p b{ font-weight: normal;}
.hexinlist .item .detail { width: 100%; float:left; padding-top:20px; text-align: center;z-index:1;display: none;}
.hexinlist .item .detail a{ width: 140px; line-height: 40px;text-align: center;margin:0 auto;border-radius:20px; display:inline-block; color: #fff;}
.hexinlist .item .circle1{ width: 120px;height: 120px; margin-top:30px; background-color:#3073f5;border-radius:50%; position:absolute;bottom: -60px;right:-50px; opacity: .07;z-index: 0}
.hexinlist .item .circle2{ width: 250px;height: 250px; margin-top:10px; background-color:#ff6700;border-radius:50%; position:absolute;bottom:-20px;right:30%; opacity: .03;z-index: 0}
.hexinlist .item li:hover .pin{ margin-top: -30px; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.hexinlist .color1 .itemin{background-color:#1e7aff;}
.hexinlist .color2 .itemin{background-color:#ff7877;}
.hexinlist .color3 .itemin{background-color:#01b0d7;}
.hexinlist .color4 .itemin{background-color:#764ba2;}

/*课程*/
.kecheng{ width: 100%;float: left;position: relative;padding: 50px 0; box-sizing:border-box; background-color:#fff;}
.kecheng .kechengbox{ width: 100%;float: left;position: relative; }
.kecheng .first{ width: 100%;float: left;position: relative; padding:0 10px;box-sizing: border-box;margin-top:15px;}
.kecheng .firstbox{ width: 100%;float: left;position: relative;background:linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);padding:40px 30px; border-radius: 10px;box-sizing: border-box;}
.kecheng .firstbox .info {width: 50%;float: left;position: relative;}
.kecheng .firstbox .info .titles{ width: 100%;float: left;position: relative; }
.kecheng .firstbox .info .titles .icon{ width: 48px;height: 48px;text-align: center;line-height: 48px;float: left;background:#c8e7f9;border-radius: 15px; color: #023286}
.kecheng .firstbox .info .titles .icon i{ font-size: 20px; }
.kecheng .firstbox .info .titles .tit{ float: left;line-height:60px;font-size: 28px;padding-left: 0px;font-weight:bold; color: #fff;}
.kecheng .firstbox .info .desc{width: 100%;float: left;position: relative;margin:2px 0; line-height: 1.6em;color: #fff;opacity: .6;font-size: 15px;}
.kecheng .firstbox .info .desc p{width: 100%;float: left;position: relative;margin:8px 0;}
.kecheng .firstbox .info .tags{ width: 100%;float: left;position: relative;margin-top: 30px;}
.kecheng .firstbox .info .tags span{padding:0 20px;line-height: 35px;border-radius: 25px;margin-right:10px;float: left;background:rgba(255,255,255,.12);border:solid 1px rgba(255,255,255,.18); color: #fff;}
.kecheng .firstright{ width: 40%;float: right;position: relative;}
.kecheng .chc-right { padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1; gap: 20px;}
.kecheng .icon { width: 120px; height: 120px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 0px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; font-size: 56px; backdrop-filter: blur(5px); position: relative;text-align: center;}
.kecheng .icon::after { content: ''; position: absolute; inset: -12px; border-radius: 50%; border: 2px dashed rgba(255,255,255,0.12);display: none;}
.kecheng .icon img{width: 150px;height: auto;}
.kecheng .chc-stats-row { display: flex; gap: 16px; }
.kecheng .chc-stat { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 10px 28px; text-align: center; backdrop-filter: blur(5px); min-width: 100px; }
.kecheng .chc-stat .num { font-size: 30px; font-weight: 900; color: #ffd54f; line-height: 1; }
.kecheng .chc-stat .txt { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 6px; }

.kechenglist{ width: 100%;float: left;position: relative;margin:25px 0;}
.kechenglist .item{ width: 33.3%;float: left;position: relative;padding:10px;box-sizing: border-box; }
.kechenglist .item .itemin{background: linear-gradient(135deg,#eff7fb 0%, #e4effb 100%); border-radius: 16px; padding: 30px;border: 1px solid #e8f4fd;transition: all 0.3s ease;float: left;}
.kechenglist .item .itemin:hover{background: white;box-shadow: 0 8px 30px rgba(0, 119, 182, 0.15);transform: translateY(-5px);}
.kechenglist .item .titles{ width: 100%;float: left;position: relative; }
.kechenglist .item .titles .icon{ width: 40px;height: 40px;text-align: center;line-height: 40px;float: left;background:#c8e7f9;border-radius: 15px; color: #023286}
.kechenglist .item .titles .icon i{ font-size: 20px; }
.kechenglist .item:nth-child(1){ display: none;}
.kechenglist .item .titles .tit{ float: left;line-height: 40px;font-size: 18px;padding-left: 10px;font-weight:bold;}
.kechenglist .item .desc{width: 100%;float: left;position: relative;margin:10px 0; line-height: 1.6em;color: #666}
.kechenglist .item .tags{ width: 100%;float: left;position: relative;margin-top: 10px;}
.kechenglist .item .tags span{padding:0 15px;line-height: 30px;border-radius: 15px;margin-right:10px;float: left;background-color:#dbedf7;color: #023286}
@media screen and (max-width:900px){
    .kecheng{padding: 20px 0;}
    .kecheng .chc-right{ display: none; }
    .kecheng .firstbox{padding:30px;}
    .kecheng .firstbox .info {width: 100%;}
    .kecheng .firstbox .info .tags{margin: 20px 0 10px 0;}
    .kecheng .firstbox .info .tags span{padding:0 15px;}
    
    .kechenglist{margin:5px 0;}
    .kechenglist .item{ width:100%;padding:5px 10px;}
}

/*教具*/
.jiaoju {width: 100%;float: left;position: relative;background-color:#f0f7ff;padding:60px 0;}
.jiaojulist{ width: 100%;float: left;position: relative;margin:20px 0; padding:10px; background-color:#fff;box-sizing: border-box;}
.jiaojulist .item{ width: 25%;float: left;position: relative;padding:10px; box-sizing: border-box; }
.jiaojulist .item .itemin{ width: 100%;float: left;position: relative; }
.jiaojulist .item .thumb{ width: 100%;float: left;position: relative; }
.jiaojulist .item .thumb img{ width: 100%;height: auto; }
@media screen and (max-width:900px){
    .jiaoju {padding:20px 0;}
    .jiaojulist .item{ width: 50%;}
    .jiaojulist .item:nth-child(2n+1){clear: both;}
}
.honor{width: 100%;float: left;position: relative;padding:30px 0; background-image:linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);}
.honorbox{ width: 100%;float: left;padding:20px;box-sizing: border-box;border-radius:15px;padding:10px 0;}
.honorlist{ width: 100%;float: left;position: relative;margin:20px 0; }
.honorlist .item{ width: 20%;float: left;position: relative;padding:5px; box-sizing: border-box; }
.honorlist .item .itemin{ width: 100%;float: left;position: relative;background-color:rgba(255,255,255,.1);padding:10px; box-sizing: border-box;border-radius:5px;}
.honorlist .item .thumb{ width: 100%;float: left;position: relative; }
.honorlist .item .thumb img{ width: 100%;height: auto;border-radius:5px;}
@media screen and (max-width:900px){
    .honor{padding:20px 0;}
    .honorlist .item{ width: 50%;}
    .honorlist .item:nth-last-child(1){display: none;}
}
.renqun {width: 100%;float: left;position: relative;background-color:#f0f7ff;padding:60px 0;}
.renqunlist0{ width: 100%;float: left;position: relative;margin:20px 0; padding:10px; background-color:#fff;box-sizing: border-box;}
.renqunlist0 .item{ width: 100%;float: left;position: relative;padding:10px; box-sizing: border-box; }
.renqunlist0 .item .itemin{ width: 100%;float: left;position: relative; }
.renqunlist0 .item .thumb{ width: 100%;float: left;position: relative; }
.renqunlist0 .item .thumb img{ width: 100%;height: auto; }

.renqun2 {width: 100%;float: left;position: relative;background-color:#f0f7ff;padding:60px 0;}
.renqunleft{ width: 50%;float: left;position: relative;padding-right: 50px;box-sizing: border-box;}

.renqunlist{ width: 100%;float: left;position: relative;margin:20px 0;}
.renqunlist .item{ width:33.3%;float: left;position: relative; padding:10px;box-sizing:border-box;}
.renqunlist .item .itemin{ width: 100%;float: left;position: relative;padding:0px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0);background-color:#fff; border-radius: 10px; overflow: hidden; display: flex;}
.renqunlist .item .ico{ width: 160px;height: 160px; float: left;padding:60px 0 60px 60px; text-align: center; position: relative;top: 0;left:0%; background-color:rgba(255,255,255,.2);border-radius:0 50% 50% 0;margin-top: 0px;margin-left: -60px;box-sizing: border-box;}
.renqunlist .item .ico span{ height: 40px; line-height: 40px; font-size: 35px; color:#fff; opacity: .8;}
.renqunlist .item .info{ width: 100%; padding:25px 0; float: left; position:relative;z-index: 1;padding-left: 20px;box-sizing: border-box;}
.renqunlist .item .info h3{float: left; line-height:50px;font-size:18px; font-weight: bold; }
.renqunlist .item .info .desc{float: left; font-size: 15px; color: #666;margin:0;opacity: .8;line-height:2em;padding-left: 0px;box-sizing: border-box;}
.renqunlist .item .info .desc p{line-height:1.5em;margin:5px 0;float: left;width: 100%;float: left;height: 3em;}
.renqunlist .item .info .desc p b{ font-weight: normal;}
.renqunlist .item .circle1{ width: 120px;height: 120px; margin-top:30px; background-color:#3073f5;border-radius:50%; position:absolute;bottom: -60px;right:-50px; opacity: .07;z-index: 0}
.renqunlist .item .circle2{ width: 250px;height: 250px; margin-top:10px; background-color:#ff6700;border-radius:50%; position:absolute;bottom:-20px;right:30%; opacity: .03;z-index: 0}
.renqunlist .item:nth-child(1) .itemin{background-color:#d4dbf3;}
.renqunlist .item:nth-child(2) .itemin{background-color:#f5dfea;}
.renqunlist .item:nth-child(3) .itemin{background-color:#c6d8d9;}
.renqunlist .item:nth-child(1) .ico{background-color:#a0addb;}
.renqunlist .item:nth-child(2) .ico{background-color:#dda9c3;}
.renqunlist .item:nth-child(3) .ico{background-color:#91aaab;}
@media screen and (max-width:900px){
   .renqun {padding:20px 0;}
   .renqunlist{margin:10px 0;}
   .renqunlist .item{ width:100%;padding:5px 10px;}
}
.zhichi{width: 100%;float: left;position: relative;background-color:#fff;padding:60px 0;}
.zhichilist{ width: 100%;float: left;position: relative;margin:20px 0;}
.zhichilist .item{ width: 20%;float: left;position: relative; padding:10px;box-sizing:border-box;}
.zhichilist .item .itemin{ width: 100%;float: left;position: relative;padding:25px 15px;background-color: #fff; border-radius: 15px; display: flex;box-sizing: border-box;flex-direction: column; box-shadow:0 0 10px rgba(0,0,0,.05);}
.zhichilist .item .thumb{ width: 100%;flex:0 0 100%; position:relative; z-index: 10;border:solid 0px #d4dbf3; box-sizing: border-box;border-radius: 50%;text-align: center;}
.zhichilist .item .thumb img{ width: 100px;height: auto; }
.zhichilist .item .info{width: 100%;float: left;position: relative;z-index: 1;padding-left:0px;box-sizing: border-box;}
.zhichilist .item .infobox{width: 100%;float: left;position: relative;border-radius:20px;z-index: 1;box-sizing: border-box; line-height: 30px;margin:20px 0 5px 0; }
.zhichilist .item .info .tit{ float: left;font-weight:bold;width: 100%;float: left;position: relative;line-height: 2em;font-size: 20px;text-align: center;}
.zhichilist .item .info .desc{ float: left;width: 100%;float: left;position: relative;line-height: 1.8em;font-size:15px;margin-top:10px;color: #6b7b8d;text-align: center;height: 5.4em;}
.zhichilist .item .info span{color: #6b7b8d}
@media screen and (max-width:900px){
    .zhichi{padding:20px 0;}
    .zhichilist .item{ width: 100%;}
    .zhichilist .item .itemin{padding:15px; flex-direction: row;}
    .zhichilist .item .thumb{ width:100px;flex:0 0 100px;margin-top:5px;}
    .zhichilist .item .info{padding-left:20px;}
    .zhichilist .item .infobox{margin:0; }
    .zhichilist .item .info .tit{line-height: 2em;font-size:18px;text-align:left;}
    .zhichilist .item .info .desc{height:auto;margin-top:0;text-align: left;line-height: 1.5em;}
}
.title3{ width: 100%;float: left;position: relative;line-height: 40px;}
.title3 .tit{ float: left;font-size: 18px;font-weight:bold;}
.title3 .desc{ float:right;font-size: 15px;}


/*加盟流程*/
.liucheng{background:linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);position:relative;overflow:hidden;width: 100%;float: left;position: relative;padding:100px 0;}
.liucheng::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);background-size:60px 60px}
.liucheng .liucheng-header{ width: 100%;float: left;position: relative; margin-bottom:15px;}
.liucheng .liucheng-header .tag { width: 100%;float: left;position: relative;text-align: center;}
.liucheng .liucheng-header .tag span{font-size: 14px;font-weight: 600;color:#fff;background: rgba(255,255,255,0.12);padding: 6px 16px;border-radius: 100px;margin-bottom: 16px;text-transform: uppercase;letter-spacing: 1px;margin:0 auto; display: inline-block;}
.liucheng .liucheng-header .tit{color:#fff;font-size:45px;text-align: center;line-height: 2em;width: 100%;float: left;}
.liucheng .liucheng-header .desc{color:rgba(255,255,255,0.6);width: 100%;float: left;text-align: center; line-height: 1.8em;}
.flow{display:flex;align-items:flex-start;justify-content:center;gap:0;position:relative;z-index:1;width: 100%;float: left;position: relative;margin: 30px 0;}
.flow .step{flex:1;max-width:200px;text-align:center;position:relative}
.flow .step .stepin{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:32px 20px;transition:all 0.4s;backdrop-filter:blur(10px)}
.flow .step .stepin:hover{background:rgba(255,255,255,0.15);transform:translateY(-6px)}
.flow .step .num{width:52px;height:52px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;font-weight:800;color:white}
.flow .step h4{font-size:16px;font-weight:600;color:white}
.flow .connector{flex:0 0 60px;display:flex;align-items:center;justify-content:center;padding-top:0px;color:rgba(255,255,255,0.3);font-size:20px;line-height: 150px;}
.flow .connector i{ font-size: 30px; }
@media screen and (max-width:900px){
    .liucheng{padding:20px 0 40px 0;}
    .liucheng .liucheng-header .tit{font-size:24px;}
    .liucheng .liucheng-header .desc{line-height: 1.8em;}
    
    .flow{flex-wrap: wrap;gap:10px;padding:0 20px; box-sizing: border-box;}
    .flow .step{ width: 33.3%;}
    .flow .step .stepin{padding:15px;}
    .flow .connector{ display: none; }
    .flow .step h4{font-size:15px;font-weight:normal;}
}
/*常见问题*/
.question{position:relative;overflow:hidden;width: 100%;float: left;position: relative;padding:80px 0 30px 0;background-color: #fff;}
.questionbox{ width: 100%;float: left;position: relative;margin:25px 0;box-sizing: border-box;display: flex;}
.questionbox .questionleft{ width: 60%;float: left;position: relative;padding-right:50px;box-sizing: border-box;}
.questionbox .questionright{ width:40%;float: left;position: relative; }
.questionbox .faq-list{ width: 100%;float: left;position: relative;}
.questionbox .faq-list .item{ width: 100%;float: left;position: relative;margin:5px 0;border:solid 1px #dbeaf5; border-radius: 10px;box-shadow:0 0 10px rgba(0,0,0,.02); box-sizing:border-box;}
.questionbox .faq-list .item .faq-question{width: 100%;float: left;padding:0 15px; line-height: 60px;box-sizing: border-box;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.questionbox .faq-list .item .faq-question h3{ width: 100%;float: left;position: relative;padding-right: 40px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;box-sizing:border-box;}
.questionbox .faq-list .item .faq-question h3 i{width: 20px;height: 20px;line-height: 20px;text-align: center;background: #1e88e5;color: #fff;font-style: normal;font-size: 12px; border-radius: 4px;margin-right: 10px;flex-shrink: 0;float: left;margin-top:20px;}
.questionbox .faq-list .item .faq-question .ico{ position: absolute;right: 0;top: 0;width: 30px;height:30px;text-align: center;cursor: pointer; margin:15px;background-color: rgba(0,0,0,.1);line-height: 30px;border-radius: 5px;}
.questionbox .faq-list .item .faq-answer{ width: 100%;float: left;padding:15px 25px;line-height: 2em;color:#666;display: none;font-size:15px;box-sizing: border-box;}
.questionbox .faq-list .on{border:solid 1px #1e88e5; box-shadow:0 0 15px rgba(249,115,22,.1);}
.questionbox .faq-list .on .faq-question{ border-bottom:solid 1px #f5f5f5;background-color:#f0f7ff;}
.questionbox .faq-list .on .faq-answer{display: block;}
.otherquestion{ width: 100%;float: left;position: relative;border:solid 1px #e7e7e7; border-radius: 10px;box-shadow:0 0 10px rgba(0,0,0,.02); padding:20px 30px;box-sizing:border-box;}
.otherquestion .tit{ width: 100%;float: left;position: relative;line-height: 2em;font-size:16px;font-weight:bold;}
.otherquestion .desc{ width: 100%;float: left;padding:10px 0px;line-height: 2em;color:#666;font-size:15px;box-sizing: border-box;}
.otherquestion .contact-list{ width: 100%;float: left;position: relative;margin-top:0px;}
.otherquestion .contact-list li{ width: 100%;float: left;position: relative;padding:10px 0; display: flex; box-sizing:border-box;}
.otherquestion .contact-list li .icon{width: 50px;flex:0 0 50px; position: relative;border:solid 1px #d3e7f9; background-color:#f0f7ff;text-align:center;line-height: 50px;height: 50px; border-radius: 5px;}
.otherquestion .contact-list li .icon i{ color:#1e88e5;font-size:24px;}
.otherquestion .contact-list li .info{ width: 100%;float: left;padding-left: 15px;box-sizing: border-box;line-height: 1.8em;font-size:15px;color:#666;}
.otherquestion .contact-list li .info strong{ width: 100%;float: left;font-size:16px;color:#222;}
.otherquestion .promise-list{ width: 100%;float: left;position: relative;margin-top:10px;}
.otherquestion .promise-list li{ width: 100%;float: left;position: relative;line-height: 2em; color:#666;padding:4px 0;font-size:15px;}
.otherquestion .promise-list li i{ color:#1e88e5; margin-right: 5px;}
@media screen and (max-width:900px){
    .question{padding:30px 0;}
    .questionbox{ flex-direction: column;padding:10px;box-sizing: border-box; }
    .questionbox .questionleft{ width: 100%; padding-right:0px;}
    .questionbox .questionright{ width:100%;}
    .questionbox .faq-list .item .faq-question{line-height:45px;}
    .questionbox .faq-list .item .faq-question h3{font-weight: normal; font-size: 15px;}
    .questionbox .faq-list .item .faq-question h3 i{margin-top:12px;}
    .questionbox .faq-list .item .faq-question .ico{ margin:7px;}
    .questionbox .faq-list .item .faq-answer{padding:15px;line-height:1.6em;}
    .otherquestion{ padding:15px;margin-top:5px;}
}

.bottom{background: linear-gradient(135deg, #013c71 0%, #011d49 100%);padding: 0; position: relative; overflow: hidden;width: 100%;float: left;padding:50px 0;}
.bottom::before {content: '';position: absolute;inset: 0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size: 60px 60px;}
.bottom .info {width: 100%;float: left;position: relative;margin:50px 0;}
.bottom .info h2{ width: 100%;float: left;line-height: 1.4em;font-size:45px;color: #fff;text-align: center;font-weight:bold; }
.bottom .info .yellow{background: linear-gradient(135deg,#f59e0b 0%,#d97706 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.bottom .info .desc {width: 100%;float: left;position: relative;margin:30px 0;line-height: 2em;font-size: 18px;color:rgba(255,255,255,0.6);text-align: center;}
.bottom .info .btnlist{ width: 100%;float: left;text-align: center;margin:20px 0; position: relative;}
.bottom .info .btnlist .btn{padding: 15px 40px;color: white;font-size: 18px;font-weight: 700;border-radius: 14px;transition: all 0.3s;line-height: 1.5em; display: inline-block;margin:0 10px;}
.bottom .info .btnlist .btn-primary{background: linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow: 0 8px 30px rgba(245,158,11,0.3);}
.bottom .info .btnlist .btn-primary i{ font-weight:normal; }
.bottom .info .btnlist .btn-secondary{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.15);}
.bottom .info .btnlist .btn-secondary i{ font-weight:normal; }
@media screen and (max-width:900px){
    .bottom{padding:40px 0 30px 0;}
    .bottom .info {margin:20px 0 0 0;}
    .bottom .info h2{font-size:25px;}
    .bottom .info .desc {margin:20px 0;font-size: 16px;padding:0 20px;box-sizing: border-box;}
    .bottom .info .btnlist .btn{padding: 15px 0px;margin:0 2%;width: 46%;display:inline-block;font-size: 15px;font-weight:normal;}
    .bottom .info .btnlist .btn-secondary{padding: 15px 0px;margin:0 2%;width: 40%;}
}
.footer{ width: 100%;float: left;position: relative;padding:40px 0 10px 0;background: linear-gradient(180deg, #0f172a 0%, #020617 100%)}
.footerbox{ width: 100%;float: left;position: relative;padding-bottom: 40px;}
.footerbox .footerabout{ width: 40%;float: left;position: relative;padding-right: 10%; box-sizing: border-box;}
.footerabout h4{ width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff; font-weight:normal;}
.footerabout .desc{ width: 100%;float: left;position: relative;margin-top:15px;line-height: 2em;opacity: .4;color: #fff; font-size:15px;}
.footerbox .footer-links{ width: 20%;float: left;position: relative;padding-left:30px; box-sizing: border-box;}
.footerbox .footer-links  h5{ width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff; font-weight:normal;}
.footerbox .footer-links .linklist{ width: 100%;float: left;position: relative;margin-top: 10px;}
.footerbox .footer-links .linklist li{ width: 100%;float: left;line-height:35px;font-size:13px;}
.footerbox .footer-links .linklist li a{color: #fff;opacity:0.4;}
.footerbox .footer-links .linklist2{ width: 100%;float: left;position: relative;margin-top: 10px;}
.footerbox .footer-links .linklist2 li{ width: 100%;float: left;line-height:35px;font-size:13px;}
.footerbox .footer-links .linklist2 li a{color: #fff;opacity:0.4;}
.footerbox .qrcodebox{width: 100%;float: left;position: relative;margin-top:15px;}
.footerbox .qrcodebox .item{ width: 50%;float: left;padding:5px;box-sizing: border-box; line-height: 35px;text-align: center;color: #e2e2e2}
.footerbox .qrcodebox .item img{ width: 100%;height: auto;border:solid 1px rgba(255,255,255,.2);padding:8px;box-sizing: border-box;}
.copyright{ width: 100%;float: left;position: relative;padding:25px 0;text-align: center; border-top:solid 1px rgba(255,255,255,.1);color: #fff;opacity:0.4;box-sizing: border-box;line-height: 2em}
.copyright a{ text-decoration:underline;color: #fff;}
@media screen and (max-width:900px){
    .footer{padding:0;}
    .footerbox{padding:20px 0;}
    .footerbox .footerabout{ display: none;}
    .footerbox .footer-links{ width: 100%;margin-top: 10px; padding:0 20px;}
    .footerbox .footer-links .linklist li{ width: 33.33%;}
    .copyright{padding:15px;border-top:solid 1px rgba(255,255,255,.4);}
}