* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
body{font-family: "Microsoft Yahei", sans-serif;
	font-size: 16px;
	color: #333;
	line-height:1.7;  }
:root {
    --blue-dark: #0E4D92;
    --blue-main: #194E90;	
    --blue-light: #e8f2fc;
    --orange: #f78020;
    --green: #22aa55;
    --text-color: #333;
    --text-light: #666;
}
.container {
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}
a {
    text-decoration: none;
    color: inherit;
}
ul {
    list-style: none;
}
 .button {
    cursor: pointer;
    border: none;
    border-radius: 12px;   
}
.section-title {
    text-align: center;
    margin-bottom: 40px;
}
.section-tag {
    display: inline-block;
    background: var(--blue-light);
    color: var(--blue-main);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 18px;
    margin-bottom: 10px;
}
.section-title h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
}
.color-line {
    display: flex;
    gap: 6px;
    justify-content: center;
}
.color-line span {
    width: 40px;
    height: 4px;   
}
.color-line span:nth-child(1) {background:#F68D2E;}
.color-line span:nth-child(2) {background:#6CC24A;}
.color-line span:nth-child(3) {background:#41B6E6;}

/* 导航栏 */
.header {
    background: #fff;
    box-shadow: 0 2px 6px #00000015;
    position: sticky;
    top: 0;
    z-index: 99;
	border-bottom: 3px solid #6FB2E3;
}
.nav-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
.logo img {
    height: 36px;
}
.nav {
    display: flex;
    gap: 28px;    
    color: #333;
	font-weight: bold;
}
.nav-login {
    display: flex;
    gap:16px;
    font-size:14px;
    color:#333;
}

/* Banner */
.banner {
    background: url(../images/banner-bg.jpg) no-repeat center  #003377;  
	background-size: cover;
    color: #fff;
    padding: 60px 0;
	min-height: 460px;
}
.banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:30px;
}
.banner-text .tag {
    display: inline-block;
    background: #0E9CF5;
    padding:4px 14px;
    border-radius:20px;   
    margin-bottom:12px;
	color: #fff;
}
.banner-text h1 {
    font-size: 54px;
    margin:20px 0;
	color: #fff;
}
.banner-text .sub-title {
    font-size: 36px;
	color: #94D6FC;
    opacity:0.9;
    margin-bottom:24px;
}
.btn-orange {
    background: var(--orange);
    color:#fff;
    padding:15px 54px;
    font-size:18px;
}
.btn-orange:hover{background: #ed7310;}
.banner-img img {
    max-width:100%;
}

/* 引言 */
.intro {
    padding:40px 0;
}
.intro-card {
    background: var(--blue-light);
    border-radius:10px;
    padding:24px;
}
.intro-card p {
    margin-bottom:12px;
}

/* 核心主角 */
.core-section {
    background:url(../images/bg2.jpg) no-repeat left bottom #194e90;
	background-size: cover;    padding:50px 0;   
}
.core-card {
    background:#EAF3FD;    
    border-radius:12px;
    padding:24px;
    display:flex;
    gap:24px;
    align-items:center;
}
.core-text p {      
    margin-bottom:20px;
}
.core-buttons {
    display:flex;
    gap:12px;
}
.btn-blue {
    background:var(--blue-main);
    color:#fff;
    padding:8px 20px;
	border-radius: 12px;
}
.btn-light {
    background:#62AEFF;
    color:#fff;
    padding:8px 20px;
}
.core-img img {
    max-height:100%;
}

/* 三大优势 */
.advantage-section {
    background:#0055aa;
    padding:50px 0;
}
.advantage-title {
    text-align:center;
    color:#fff;
    font-size:26px;
    margin:40px 0;
}
.advantage-list {
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
}
.advantage-item {
    background:#EAF3FD;
    border-radius:10px;
    padding:24px;
}
.icon-box {   
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
}

.advantage-item h4 {
    font-size:22px;
    color:#0B2A52;
    margin-bottom:10px;
	text-align: center;
}
.advantage-item p {    
    
}

/* 应用领域 */
.app-section {
    padding:50px 0;
    background:#F6FAFE;
}
.app-list {
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:20px;
}
.app-card {
    background:#fff;
    border-radius:20px;
    overflow:hidden;
	padding: 20px;
	border: 1px solid #DCE9F6;
}
.card-y{background: #F9EEE0;}
.card-g{background: #E4F7E8;}
.card-b{background: #DDF2F9;}
.app-img img {
    width:100%;   
    object-fit:cover;
	border-radius:10px;
}
.app-card h4 {
    padding:10px 0px ;
    font-size:22px;   
}
.app-card ul {      
    line-height:1.6;   
}
.app-card li {
    margin-bottom:6px;
	position: relative;
	padding-left: 15px;
}
.app-card li::after{width: 5px; height: 5px; background: #333;content: "";display: block;position: absolute; left: 0; top:12px;border-radius: 6px;}

/* 技术资源 */
.resource-section {
    padding:50px 0;
    background:#fff;
	background: url(../images/bg3.jpg) no-repeat;
}
.resource-wrap {
    display:flex;
    gap:24px;
    align-items:flex-start;
}
.resource-left {
    flex:1;
	background: #F2F7FD;
	padding: 30px;border-radius: 20px;text-align: center;
}
.resource-left img {
    width:100%;
    border-radius:4px;
}
.resource-right {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:10px;
	background: #F2F7FD;
	padding: 30px;border-radius: 20px;
}
.resource-item {
    display:flex;
    justify-content:space-between;
    align-items:center;   
    padding:7px 0px;   
	border-bottom: 1px solid #dfdfdf;
}
.resource-item p {    
    color:#333;
}
.btn-sm-blue {
    background:var(--blue-main);
    color:#fff;
    padding:6px 0px;   
	border-radius: 20px;
	width: 130px;
	text-align: center;
}
.btn-sm-blue:hover{
   background: #0c3971;
}
/* 精彩活动 */
.activity-section {
    padding:50px 0;
    background:#f8fbff;
}
.activity-desc {   
    margin-bottom:30px;    
    color:#333;
}
.activity-desc h4 {
    margin-top:10px;
    font-size:28px;
	text-align: left;
}
.activity-step {
    display:flex;
    align-items:stretch;
    gap:10px;
    margin-bottom:30px;
}
.step-card {
    flex:1;
    background:#fff;
    border-radius:10px;
    padding:25px;
	border: 1px solid #DCE9F6;
	border-radius: 20px;
}
.card-p{min-height: 180px;}
.size16{font-size: 16px;}
.felx{display: flex!important; justify-content: center;align-items: center;border-radius: 45px;}
.l-btn{background: #E4F0FC;color: #0E4D92;}
.step-label {
    display:inline-block;
    background:#e8f2fc;
    color:#0066bb;
    padding:4px 10px;
    border-radius:16px;
    font-size:15px;
    margin-bottom:10px;
}
.step-card h4 {
    font-size:24px;
    color:#113366;
    margin-bottom:8px;
}
.step-card .time{
  font-size: 18px;
  color: #0E4D92;
}
.step-card p {    
    margin-bottom:12px;
}
.step-card .button {
    display:block;
    width:100%;
    margin:8px 0;
    padding:9px;
}
.step-arrow {
    display:flex;
    align-items:center;
}
.activity-note {
    background:#194E90;
    color:#fff!important;
    border-radius:10px;
    padding:28px;   
}
.activity-title {height: 50px; line-height: 50px;font-size: 22px;}
.activity-title img{float: left;margin-right: 8px;}
.activity-box{ display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;}
.activity-note ul {
    flex:1;    
}
.activity-note ul li{margin-bottom: 8px;}
.activity-note h4 {
    margin-bottom:20px;
}
.activity-note button {
    white-space:nowrap;
    padding:12px 24px;
}

/* 页脚 */
.footer {
    background:#113366;
    color:#fff;
    text-align:center;
    padding:20px 0;
    font-size:14px;
}

/* 自适应 */
@media (max-width:992px) {
    .banner-content, .core-card, .resource-wrap {
        flex-direction:column;
    }
    .advantage-list, .app-list {
        grid-template-columns: repeat(2,1fr);
    }
    .activity-step {
        flex-direction:column;
    }
    .step-arrow {
        transform:rotate(90deg);
        justify-content:center;
    }
    .activity-note {
        flex-direction:column;
    }
}
@media (max-width:640px) {
    .nav {
        display:none;
    }
    .advantage-list, .app-list {
        grid-template-columns: 1fr;
    }
    .banner-text h1 {
        font-size:28px;
    }
    .section-title h2 {
        font-size:22px;
    }
}