.banner{width: 100%; position: relative;}
.banner .container{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;display: flex; justify-content: flex-end; padding-right: 45px;}
.banner .container dl{color: #ffffff;font-size: 40px;font-weight: 700;line-height: 1;}
.banner .container dd{color: #ffffff;font-size: 20px; font-weight: 400;line-height: 1.5;padding-top: 30px;}
.banner img{width: 100%; display: block;}

@media (max-width: 1200px) {
	.banner .info{position: absolute;width: 100%;text-align: center;color: #ffffff;bottom: 40px;}
	.banner .info dl{font-size: 16px;font-weight: 700;}
	.banner .info dd{font-size: 12px;padding-top:15px;}
}

/*关于我们*/
.about{background: linear-gradient(178.9deg, #010719 23.97%, #000726 63.38%, #070A13 73.34%);padding-bottom: 40px;}
.menu{display: flex; justify-content: center;align-items: center;padding-top: 30px;}
.menu ul{display: flex; justify-content: center;align-items: center;background: #0A1531;border: 1px solid rgba(40, 181, 107, 0.3); border-radius: 50px;padding:3px;}
.menu li{position: relative;font-size: 18px;text-align: center;width: 150px;line-height: 58px;height: 58px;}
.menu li a{color: rgba(255,255,255,0.8);font-weight: 400;display: block;}
.menu li.cur{background: #0F8052;border-radius: 40px;}
.menu li.cur a{color: #ffffff;font-weight: 600;}


.box1{padding:30px;}
.box1 .box1_main{background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding:50px 50px;}
.box1 .info{width: calc(100% - 500px);display: flex;align-items: center;padding-right: 60px;}
.box1 .info .text{padding-left:20px;}
.box1 .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block;}
.box1 .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
.box1 .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1; font-weight: 700; padding-top: 25px;}
.box1 .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1.8; font-weight: 300; padding-top: 20px;}
.box1 .pic{width: 500px;}
.box1 .pic img{width: 100%; display: block;border-radius: 20px;}


.box2{padding:30px;}
.box2 .box2_main{background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding:50px 50px;}
.box2 .info{width: calc(100% - 400px);display: flex;align-items: center;padding-right: 180px;}
.box2 .info .text{padding-left:20px;}
.box2 .info .text p:nth-child(2){padding-top: 20px;}
.box2 .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block;}
.box2 .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
.box2 .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1; font-weight: 700; padding-top: 20px;}
.box2 .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1.8; font-weight: 300; padding-top: 20px;}
.box2 .list{width: 400px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.box2 .list li{background: url(../images/about02.png) no-repeat center top; background-size: 100% 100%;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);width: 100%;padding:15px 40px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border:1px solid rgba(255,255,255,0);margin-bottom: 20px;position: relative;}
.box2 .list li:last-child{margin-bottom: 0;}
.box2 .list li:hover{border: 1px solid rgba(40, 181, 107, 0.3);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
.box2 .list li:hover:after{content: ""; position: absolute;left: 0; top: 0; width: 4px; height: 100%;background: #0F8052;}
.box2 .list li:last-child{margin-right: 0;}
.box2 .list li .icon,.box2 .list li .icon_on{width: 76px;display: flex; justify-content: center;align-items: center;}
.box2 .list li .icon img,.box2 .list li .icon_on img{width: 76px; display: block;}
.box2 .list li .icon_on{display: none;}
.box2 .list li:hover .icon {display: none;}
.box2 .list li:hover .icon_on {display: block;}
.box2 .list .text{width: calc(100% - 76px);padding-left: 30px;}
.box2 .list .text dl{color: #ffffff;font-size: 40px;font-weight: 500;line-height: 1;}
.box2 .list .text dl span{font-weight: 700; font-size: 20px;padding-left: 10px;color: #0F8052;}
.box2 .list .text dd{color: #ffffff; font-weight: 400;font-size: 14px;line-height: 1;padding-top: 15px;}


.box3{padding:30px;}
.box3 .box3_main{background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding:50px 50px;}
.box3 .pic{width: 600px;}
.box3 .pic img{width: 100%; display: block;border-radius: 20px;}
.box3 .info{width: calc(100% - 600px);padding-left: 50px;}
.box3 .info li{width: 100%;background: linear-gradient(126.22deg, #060E1F 11.91%, #191A32 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border-radius: 8px; padding:28px 20px; margin-bottom: 20px;color: #ffffff;border: 1px solid rgba(6, 23, 70, 1);position: relative;overflow: hidden;}
.box3 .info li:hover:after{content: ""; position: absolute;left: 0; top: 0; width: 4px; height: 100%;background: #0F8052;}
.box3 .info li:last-child{margin-bottom: 0;}
.box3 .info li dl{font-size: 18px; font-weight: 700;width: 100%;position: relative;padding-left: 14px;line-height: 1;}
.box3 .info li:hover dl{padding-left: 0;}
.box3 .info li:hover dl:after{display: none;}
.box3 .info li dl:after{content: '';position: absolute;left: 0;top: 2px;width: 3px;height: 100%; background: #0F8052;border-radius: 2px;}
.box3 .info li dd{font-size: 14px; font-weight: 300; padding-top: 20px;width: 100%;color: rgba(255, 255, 255, 0.6)}
.box3 .info li .number{position: absolute; right: 20px;top: 50%;transform: translateY(-50%);color:rgba(94, 94, 94, 0.2);font-size: 60px;line-height: 1;}
.box3 .info li:hover .number{color: rgba(40, 181, 107, 0.3);}

.box4 {background:linear-gradient(178.9deg,#010719 23.97%,#000726 63.38%,#070A13 73.34%);padding-bottom:120px;display:flex;flex-direction:column;justify-content:center;}
.box4 .title {width:100%;text-align:center;font-size:32px;font-weight:700;color:#ffffff;line-height:1;position:relative;z-index:1;}
.box4 .en_title {width:100%;text-align:center;font-size:32px;font-weight:600;line-height:1;color:rgba(40,181,107,0.5);margin-top:-15px;letter-spacing:8px;}
.box4 .list {position:relative;max-width:1380px;margin:0 auto;padding:0 60px;padding-top: 50px;}
/* ===== 历程内容项 ===== */        
.box4 .list .item {display:none;height:300px;align-items:flex-start;padding-top:40px;animation:fadeIn 0.5s ease;}
.box4 .list .item.active {display:flex;}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
}
.box4 .list .item .hd {width:500px;flex:0 0 auto;position:relative;padding-left:60px;position: relative;}
.box4 .list .item .hd h2 {font-size:48px;line-height:1.2;color:#0F8052;padding-bottom:10px;font-weight:700;}
.box4 .list .item .hd .year {font-size:60px;color:rgba(255,255,255,0.3);line-height:1.2;font-weight:700;letter-spacing:2px;}
.box4 .list .item .bd {width:100%;padding-left:60px;display: flex; justify-content: center;align-items: center;}
.box4 .list .item .hd:after{content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #0F8052;}
.box4 .list .item .bd .msg {font-size:18px;line-height:1.6;color:rgba(255,255,255,0.85);max-width:600px;min-width: 600px;}
/* ===== 时间线 swiper ===== */        
.box4 .list .timeline {width:100%;position:relative;z-index:4;margin-top:20px;}
.timeline-track {position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 10%;}
/* 时间线横线 */        
.timeline-track::before {content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;background:linear-gradient(90deg, rgba(40, 181, 107, 0.1) 0%, #0F8052 50%, rgba(40, 181, 107, 0.1) 100%);transform:translateY(-50%);}
.timeline-node {position:relative;width:80px;height:80px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;}
/* 小圆点 */        
.timeline-node .dot {width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.3);transition:all 0.4s ease;position:relative;z-index:3;}
/* 激活状态的光晕圆环 */        
.timeline-node .glow {position:absolute;width:70px;height:70px;border-radius:50%;opacity:0;visibility:hidden;transform:scale(0.5);transition:all 0.5s ease;background:radial-gradient(circle,rgba(40,181,107,0.3) 0%,rgba(40,181,107,0.1) 60%,transparent 100%);border:2px solid rgba(40,181,107,0.6);box-shadow:0 0 30px rgba(40,181,107,0.4),inset 0 0 20px rgba(40,181,107,0.2);}
.timeline-node.active .glow {opacity:1;visibility:visible;transform:scale(1);}
.timeline-node.active .dot {background:#0F8052;box-shadow:0 0 15px #0F8052;}
/* 节点下方年份 */        
.timeline-node .node-year {position:absolute;top:90px;font-size:14px;color:rgba(255,255,255,0.4);transition:all 0.4s ease;white-space:nowrap;}
.timeline-node.active .node-year {color:#0F8052;font-size:18px;font-weight:bold;}
/* hover效果 */        
.timeline-node:hover .dot {background:rgba(40, 181, 107,0.8);transform:scale(1.3);}
/* ===== 左右箭头 ===== */        
.box4 .list .arrow {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;}
.box4 .list .arrow a {pointer-events:auto;display:flex;align-items:center;justify-content:center;position:absolute;z-index:5;top:0;font-size:18px;color:#999;border-radius:50%;border:1px solid rgba(255,255,255,0.15);width:50px;height:50px;cursor:pointer;transition:all 0.3s ease;background:rgba(255,255,255,0.05);text-decoration:none;}
.box4 .list .arrow a:hover {background-color:#0F8052;border-color:#0F8052;color:#fff;}
.box4 .list .arrow a.prev {left:0;}
.box4 .list .arrow a.next {right:0;}
.box4 .list .arrow a svg {width:20px;height:20px;}
/* 禁用状态 */        
.box4 .list .arrow a.disabled {opacity:0.3;cursor:not-allowed;pointer-events:none;}


@media (max-width: 1200px) {
	.about{padding-bottom: 10px;}
	.menu{padding-top: 20px;}
	.menu ul{display: flex; justify-content: center;align-items: center;background: #0A1531;border: 1px solid rgba(40, 181, 107, 0.3); border-radius: 50px;padding:2px;}
	.menu li{position: relative;font-size: 14px;text-align: center;width: 120px;line-height: 48px;height: 48px;}
	.menu li a{color: rgba(255,255,255,0.8);font-weight: 400;display: block;}
	.menu li.cur{background: #0F8052;border-radius: 40px;}
	.menu li.cur a{color: #ffffff;font-weight: 600;}
	

	.box1_m{padding:10px;padding-top:20px;}
	.box1_m .box1m_main{background: linear-gradient(90deg, #060E1F 0%, #191A32 100%);border: 1px solid rgba(40, 181, 107, 0.25);border-radius: 12px;padding: 15px;}
	.box1_m .pic{width: 100%}
	.box1_m .pic img{width: 100%; display: block;border-radius: 10px;}

	.box1_m .info{width: 100%;padding-top: 20px;}
	.box1_m .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block; }
	.box1_m .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
	.box1_m .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1.5; font-weight: 700; padding-top: 20px;}
	.box1_m .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1.8; font-weight: 300; padding-top: 15px;}


	.box2{padding:10px;}
	.box2 .box2_main{border-radius: 12px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding:15px;border: 1px solid rgba(40, 181, 107, 0.25);}
	.box2 .info{width:100%;display: flex;align-items: center;padding-right: 0;}
	.box2 .info .text{padding-left:0;}
	.box2 .info .text p:nth-child(2){padding-top: 15px;}
	.box2 .info dd{padding-top: 20px;}
	.box2 .info dt{padding-top: 15px;}


	.box2 .listm{width: 100%;padding-top: 20px;}
	.box2 .listm li{background: #060E1F;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);width: 100%;padding:15px 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border: 1px solid rgba(40, 181, 107, 0.25);margin-bottom: 15px;border-radius: 20px;}
	.box2 .listm li .icon{width: 48px;display: flex; justify-content: center;align-items: center;}
	.box2 .listm li .icon img{width: 48px; display: block;}
	.box2 .listm .text{width: calc(100% - 48px);padding-left: 20px;}
	.box2 .listm .text dl{color: #ffffff;font-size: 32px;font-weight: 500;line-height: 1;}
	.box2 .listm .text dl span{font-weight: 700; font-size: 20px;padding-left: 10px;color: #0F8052;}
	.box2 .listm .text dd{color: rgba(255, 255, 255, 0.6); font-weight: 400;font-size: 14px;line-height: 1;padding-top: 5px;}
	


	.box3_m{background: linear-gradient(0deg, #010719, #010719),linear-gradient(135deg, #010719 25%, #000726 50%, #070A13 75%);width: 100%;}
	.box3_m .pic{width: 100%;}
	.box3_m .pic img{width: 100%; display: block;}
	.box3_m .info{width:100%;padding:15px;}
	.box3_m .info li{width: 100%;background: linear-gradient(126.22deg, #060E1F 11.91%, #191A32 90.12%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border-radius: 8px; padding:15px 20px; margin-bottom: 15px;color: #ffffff;border: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
	.box3_m .info li:last-child{margin-bottom: 0;}
	.box3_m .info li dl{font-size: 16px; font-weight: 700;width: 100%;position: relative;padding-left: 10px;line-height: 1;}
	.box3_m .info li dl:after{content: '';position: absolute;left: 0;top: 1px;width: 3px;height: 100%; background: #0F8052;border-radius: 2px;}
	.box3_m .info li dd{font-size: 12px; font-weight: 300; padding-top: 10px;width: 100%;color: rgba(255, 255, 255, 0.6)}
	.box3_m .info li .number{position: absolute; right: 20px;top: 50%;transform: translateY(-50%);color:rgba(94, 94, 94, 0.2);font-size: 40px;line-height: 1;}


	.box4_m{padding:15px;background: linear-gradient(0deg, #010719, #010719),linear-gradient(135deg, #010719 25%, #000726 50%, #070A13 75%);width: 100%;}
	.box4_m .title{width: 100%;font-size: 16px; font-weight: 600;padding-top:20px;color: #ffffff;line-height: 1;}
	.box4_m .info{width: 100%;margin-top:10px;padding-bottom: 40px;padding-top: 10px;}
	.box4_m .info li{width: 100%; padding-bottom: 40px;padding-left: 40px;position: relative;}
	.box4_m .info li:after{content: ""; position: absolute;width: 1px; height: 100%;background: rgba(40, 181, 107, 0.5);left:15px; top: 0;z-index: 1}
	.box4_m .info li:before{content: ""; position: absolute;width: 12px; height: 12px; border-radius: 50%;background: #0F8052; border:2px solid #ffffff;left: 9px;z-index: 2}
	.box4_m .info li:last-child{padding-bottom: 0;}
	.box4_m .info li:last-child:after{display: none;}
	.box4_m .info dl{color: #0F8052;font-size: 14px;font-weight: 700;line-height: 1;}
	.box4_m .info dd{color: #ffffff;font-size: 14px;font-weight: 700;line-height: 1;padding-top: 10px; padding-bottom: 8px;}
	.box4_m .info dt{color: #9CA3AF;font-size: 12px;font-weight: 400;line-height: 1.6;}
	
}
/*核心优势*/
.box5{padding:30px;}
.box5 .box5_main{background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding:50px 50px;}
.box5 .info{width: calc(100% - 500px);display: flex;align-items: center;}
.box5 .info .text{padding-left:20px;}
.box5 .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block;}
.box5 .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
.box5 .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1; font-weight: 700; padding-top: 25px;}
.box5 .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1; font-weight: 300; padding-top: 20px;}
.box5 .pic{width: 500px;}
.box5 .pic img{width: 100%; display: block;border-radius: 20px;}


.box6{padding:30px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.box6 .card{width: 32%; margin-right: 2%; margin-bottom: 30px;perspective: 1100px; }
.box6 .card:nth-child(3n){margin-right: 0;}
.box6 .card:hover .inner, .box6 .card.is-on .inner { transform: rotateY(180deg); }
.box6 .card:hover .front::after, .box6 .card.is-on .front::after {border-color: transparent rgba(46, 230, 124, .3) transparent transparent;}
/*翻转节奏*/
.card:hover .front .info, .card.is-on .front .info { opacity: 0; transition-delay: .08s; }
.card:hover .front .title, .card.is-on .front .title { opacity: 0; transition-delay: .08s; }
.card:hover .back .head, .card.is-on .back .head { opacity: 1; transform: translateY(0); }
.card:hover .back .desc, .card.is-on .back .desc { opacity: 1; transform: translateY(0); }
.card:hover .back .foot, .card.is-on .back .foot { opacity: 1; }
.card .inner {width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.4,.1,.2,1);}
.card .face {position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden;}
/*正面*/
.card .front {background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3); border-radius: 10px;padding:30px 40px;border:1px solid rgba(255,255,255,.08);display:flex; justify-content:space-between;flex-direction:column;position: relative;height: 210px;}
.card:hover .front::after,.card.is-on .front::after {border-color:transparent rgba(46,230,124,.3) transparent transparent;}
.card .front .title {}
.card .front .title div{padding:8px 20px;border:1px solid #0F8052;border-radius:20px;background:rgba(40, 181, 107, 0.1);color:#0F8052;font-size:16px;transition:opacity .22s ease .05s;display: inline-block;}
.card .front .info {transition:opacity .22s ease .05s;}
.card .front .info .f1 {font-size:17px;font-weight:700;letter-spacing:1px;color: #ffffff;}
.card .front .info .f2 {color:rgba(154,164,176,.72);font-size:10px;letter-spacing:3px;margin-top:10px;}

/*背面*/
.back {transform:rotateY(180deg);background: linear-gradient(144.26deg, #0D2F1A 10.1%, #031309 71.5%);border:1px solid rgba(46,230,124,.35);display:flex;flex-direction:column;justify-content:space-between;padding:30px 40px;height: 210px;}
.back .head{position:relative;opacity:0;transform:translateY(8px);transition:opacity .3s ease .3s,transform .3s ease .3s;color: #0F8052;font-size: 17px;padding-left: 10px;font-weight:600;line-height: 1;}
.back .head:after{width:3px;height:17px;background: #0F8052; content: ""; position: absolute;left: 0; top: 2px;}
.back .desc {position:relative;color:rgba(255, 255, 255, 0.7);font-size:12px;line-height:1.95;opacity:0;transform:translateY(12px);transition:opacity .38s ease .36s,transform .38s ease .36s;font-weight: 300;}
.back .foot {position:relative;font-size:10px;letter-spacing:3px;color:rgba(154,164,176,.42);opacity:0;transition:opacity .38s ease .42s;}


.card .front .number,.card .back .number{position: absolute; right: 20px; top: 15px;color:rgba(40, 181, 107, 0.1);font-size: 60px;line-height: 1;}



.chuangxin{background: url(../images/youshi01.png) no-repeat center top; background-size: 100% 100%; padding-bottom: 80px;}

.box7{padding:30px;}
.box7 .en{width: 100%; display: flex; justify-content: center;align-items: center;font-size: 14px; font-weight: 600;color: #0F8052;line-height: 1; position: relative;}
.box7 .en span{width: 28px; height: 1px; background: #0F8052;margin-left:15px; margin-right: 15px;}
.box7 .title{width: 100%; text-align: center;font-size: 32px; font-weight: 600;padding-top: 20px;color: #ffffff;line-height: 1;}
.box7 .exp{width: 100%; text-align: center;font-size: 16px;color: #fff; line-height: 1; padding-top: 20px;font-weight: 300;}
.box7 ul{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding-top: 80px;}
.box7 ul li{background: url(../images/youshi02.png) no-repeat center top; background-size: 100% 100%;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 10px;width: 23.5%; margin-right: 2%;padding: 40px 40px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;border:1px solid rgba(255,255,255,0);}
.box7 ul li:hover{border: 1px solid rgba(40, 181, 107, 1);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
.box7 ul li:last-child{margin-right: 0;}
.box7 ul li .icon,.box7 ul li .icon_on{width: 76px;display: flex; justify-content: center;align-items: center;}
.box7 ul li .icon img,.box7 ul li .icon_on img{width: 76px; display: block;}
.box7 ul li .icon_on{display: none;}
.box7 ul li:hover .icon {display: none;}
.box7 ul li:hover .icon_on {display: block;}

.box7 ul li .info{width: calc(100% - 76px);padding-left: 30px;}
.box7 ul li .info dl{color: #56FFA6;font-size: 40px;font-weight: 900;line-height: 1;}
.box7 ul li .info dl span{font-weight: 300; font-size: 16px;padding-left: 10px;color: #ffffff;}
.box7 ul li .info dd{color: #ffffff; font-weight: 500;font-size: 16px;line-height: 1;padding-top: 15px;}

@media (max-width: 1200px){
	.box5_m{padding:10px;padding-top:20px;}
	.box5_m .box5m_main{background: linear-gradient(90deg, #060E1F 0%, #191A32 100%);border: 1px solid rgba(40, 181, 107, 0.25);border-radius: 12px;padding: 15px;}
	.box5_m .pic{width: 100%}
	.box5_m .pic img{width: 100%; display: block;border-radius: 10px;}

	.box5_m .info{width: 100%;padding-top: 20px;}
	.box5_m .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block; }
	.box5_m .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
	.box5_m .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1; font-weight: 700; padding-top: 20px;}
	.box5_m .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1.6; font-weight: 300; padding-top: 15px;}


	.box6_m{padding:10px;}
	.box6_m ul{padding:20px 10px;width: 100%;margin-bottom:15px;background: linear-gradient(90deg, #060E1F 0%, #191A32 100%);border: 1px solid rgba(40, 181, 107, 0.25);border-radius: 12px;}
	.box6_m ul .title{width: 100%;display:flex; justify-content:space-between; margin-bottom: 15px;}
	.box6_m ul .title dl{color: #ffffff;font-size: 17px;font-weight: 700;}
	.box6_m ul .title dl span{color: #0F8052;padding-right: 5px;}
	.box6_m ul .title dd{background: rgba(40, 181, 107, 0.1);color: #0F8052;font-size: 12px;display: flex; justify-content: center;align-items: center;padding-left: 10px; padding-right: 10px; border-radius: 40px;}
	.box6_m ul li{width: 100%; position: relative; padding-left: 12px;color: #9CA3AF;font-size: 12px;padding-bottom: 8px;line-height: 1.6;}
	.box6_m ul li:last-child{padding-bottom: 0;}
	.box6_m ul li:after{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #0F8052; left: 0;top: 50%;margin-top: -3px; transform: translateY(-50%);}

	.chuangxin{background: #12162B; padding-bottom: 20px;padding-top: 20px;}
	.box7{padding:10px;}
	.box7 .en{justify-content: flex-start;font-size: 14px; font-weight: 600;color: #0F8052;line-height: 1; position: relative;}
	.box7 .en span{display: none;}
	.box7 .title{text-align: left;font-size: 17px;}
	.box7 .exp{text-align: left;font-size: 14px;line-height: 1.5; padding-top: 15px;}
	.box7 ul{width: 100%;padding-top: 20px;}
	.box7 ul li{border-radius: 10px;width: 100%; margin-right: 0;padding: 20px 50px;border:1px solid rgba(40,181,107,0.1);margin-bottom: 15px;}
	.box7 ul li .icon_on{display: none;}
	.box7 ul li .icon{width: 60px;display: flex; justify-content: center;align-items: center;}
	.box7 ul li .icon img{width: 60px; display: block;}
	.box7 ul li .info{width: calc(100% - 60px);padding-left: 40px;}
	.box7 ul li .info dl{color: #56FFA6;font-size: 32px;font-weight: 900;line-height: 1;}
	.box7 ul li .info dl span{font-weight: 300; font-size: 14px;padding-left: 10px;color: #ffffff;}
	.box7 ul li .info dd{color: #ffffff; font-weight: 400;font-size: 14px;line-height: 1;padding-top: 10px;}
	.box7 ul li:hover .icon {display: block;}
	.box7 ul li:hover .icon_on {display: none;}
	
}
/*投资人关系*/
.box8{padding:30px;}
.box8 .box8_main{background: url(../images/touzi02.png) no-repeat center top; background-size: 100% 100%;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding:50px 50px;}
.box8 .info{width: calc(100% - 500px);display: flex;align-items: center;}
.box8 .info .text{padding-left:20px;}
.box8 .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block;}
.box8 .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
.box8 .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1; font-weight: 700; padding-top: 25px;}
.box8 .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1; font-weight: 300; padding-top: 20px;}
.box8 .pic{width: 500px;}
.box8 .pic img{width: 100%; display: block;border-radius: 20px;}

.touzi{padding:30px;}
.touzi ul{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.touzi ul li{width:19%;background:#ffffff;display:flex;align-items:center;justify-content:center; margin-right: 1.25%; margin-bottom: 15px;transition: .25s ease;}
.touzi ul li:nth-child(5n){margin-right: 0%;}
.touzi ul li img{display: block;max-width: 80%;}
.touzi ul li:hover {transform:translateY(-4px) scale(1.02);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
.touzi .beizhu{width: 100%;text-align: right; color: #ffffff;font-size: 14px; font-weight: 400;padding-top: 20px;}


.box9{padding:30px;}
.box9 .en{width: 100%; text-align: center;font-size: 14px; font-weight: 600;padding-top: 30px;color: #0F8052;line-height: 1;}
.box9 .title{width: 100%; text-align: center;font-size: 32px; font-weight: 600;padding-top: 20px;color: #ffffff;line-height: 1;}
.box9 .exp{width: 100%; text-align: center;font-size: 16px;color: #fff; line-height: 1; padding-top: 20px;font-weight: 300;}
.box9 .info{width: 100%;margin-top: 40px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.box9 .info li{background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 4px;padding:40px 40px;color: #ffffff;width: 32%; margin-right: 2%;transition: .25s ease;}
.box9 .info li:hover{transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
.box9 .info li:last-child{margin-right: 0;}
.box9 .info li a{color: #ffffff;}
.box9 .info li .time{width: 100%;display:flex; justify-content:space-between;}
.box9 .info li .time dl{font-size: 12px;color: #ffffff;display: flex; justify-content: center;align-items: center;}
.box9 .info li .time .qiye{background:rgba(0, 56, 26, 0.6);color: #0F8052;font-size: 12px;line-height: 1; padding:5px 20px;border-radius: 20px;}
.box9 .info li .time .shengtai{background:rgba(0, 43, 160, 0.6);color: #507FFF;font-size: 12px;line-height: 1; padding:5px 20px;border-radius: 20px;}
.box9 .info li .time .rongzi{background:rgba(56, 22, 0, 0.6);color: #F66809;font-size: 12px;line-height: 1; padding:5px 20px;border-radius: 20px;}
.box9 .info li dd{font-size: 18px;font-weight: 700;padding-top: 20px;height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.box9 .info li dt{font-size: 14px;font-weight: 300;padding-top: 10px; line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 60px;}

.box9 .more{display: flex; justify-content: center;align-items: center;cursor:pointer;margin-top: 60px;}
.box9 .more div{border: 1px solid rgba(40, 181, 107, 0.2);transition: .25s; color: #0F8052;font-size: 16px;display: flex; justify-content: center;align-items: center;border-radius: 40px;line-height: 65px;width: 280px;}
.box9 .more div a{color: #0F8052;}
.box9 .more div:hover{background: #0F8052;color: #0A1628;transform: translateY(3px);}
.box9 .more div:hover a{color: #0A1628;}
@media (max-width: 1200px) {
	.box8_m{padding:10px;padding-top:20px;}
	.box8_m .box8m_main{background: linear-gradient(90deg, #060E1F 0%, #191A32 100%);border: 1px solid rgba(40, 181, 107, 0.25);border-radius: 12px;padding: 15px;}
	.box8_m .pic{width: 100%}
	.box8_m .pic img{width: 100%; display: block;border-radius: 10px;}

	.box8_m .info{width: 100%;padding-top: 20px;}
	.box8_m .info dl{color: #9E9E9E;font-size: 14px; line-height: 1; font-weight: 700;position: relative;display: inline-block; }
	.box8_m .info dl:after{width: 100%;height: 1px; background: rgba(40, 181, 107, 0.4);content: ""; position: absolute; bottom:-8px;left:0;}
	.box8_m .info dd{width: 100%; color: #ffffff;font-size: 17px; line-height: 1; font-weight: 700; padding-top:20px;}
	.box8_m .info dt{width: 100%; color: #ffffff;font-size: 14px; line-height: 1.6; font-weight: 300; padding-top: 15px;}
	

	.touzi{padding:10px;}
	.touzi ul li{width:48%;background:#ffffff;display:flex;align-items:center;justify-content:center; margin-right: 4%; margin-bottom: 15px;transition: .25s ease;}
	.touzi ul li:nth-child(2n){margin-right: 0%;}
	.touzi ul li:nth-child(5){margin-right: 4% !important;}
	.touzi ul li:nth-child(15){margin-right: 4% !important;}
	.touzi ul li img{display: block;max-width: 80%;}
	.touzi ul li:hover {transform:translateY(-4px) scale(1.02);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);}
	.touzi .beizhu{width: 100%;text-align: right; color: #ffffff;font-size: 12px; font-weight: 400;padding-top: 0;}

	.box9_m{padding:10px;}
	.box9_m .title{width: 100%;color: #ffffff;display:flex; justify-content:space-between;align-items: center;}
	.box9_m .title dl{font-size: 16px; font-weight: 700;}
	.box9_m .title dd{font-size: 14px;}
	.box9_m .title dd a{display: block;color: #0F8052;}

	.box9_m .info{width: 100%;margin-top: 20px;}
	.box9_m .info li{background: linear-gradient(90deg, #060E1F 0%, #191A32 100%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3);border-radius: 4px;padding:15px 10px;color: #ffffff;width: 100%;border: 1px solid rgba(40, 181, 107, 0.25);border-radius: 10px; margin-bottom: 15px;}
	.box9_m .info li a{color: #ffffff;}
	.box9_m .info li .time{width: 100%;display:flex; justify-content:space-between;}
	.box9_m .info li .time dl{font-size: 12px;color: #6B7280;display: flex; justify-content: center;align-items: center;}
	.box9_m .info li .time .qiye{background:rgba(0, 56, 26, 0.6);color: #0F8052;font-size: 12px;line-height: 1; padding:5px 20px;border-radius: 20px;}
	.box9_m .info li dd{font-size: 16px;font-weight: 700;line-height: 1.6; padding-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
}