@charset "UTF-8";/* reset*/* {margin:0;padding:0;outline:none;box-sizing:border-box;}
a {text-decoration:none;color:inherit;}
li {list-style:none;}
img {border:none;vertical-align:bottom;max-width:100%;}
button {border:0;background-color:transparent;outline:none;-webkit-appearance:none;}
select {border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
input,textarea {outline:none;border:none;}
textarea {resize:none;overflow:auto;}
span,i,em {font-weight:inherit;font-style:inherit;font-size:inherit;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;appearance:none;margin:0;}
input {-moz-appearance:textfield;}

body{background:#ffffff;color:#333;line-height:1.7;}
.container{width:1440px;margin:0 auto;padding:0 20px;}

.header{position:fixed;top:0;left:0;width:100%;background:#ffffff;box-shadow:0 2px 8px rgba(0,102,204,0.15);z-index:999;}
.nav-wrap{height:90px;display:flex;align-items:center;justify-content:space-between;}
.logoimg{width: 46px;}
.logo{font-size:40px;font-weight:900;letter-spacing:1px;color:#222;}
.logo span{color:#245da2;}
.nav-menu{display:flex;gap:30px;}
.nav-menu a{font-size:16px;color:#444;transition:0.3s;}
.nav-menu a:hover{color:#245da2;}
.contact-btn{padding:13px 32px;background:#245da2;color:#fff;border-radius:50px;font-weight:600;transition:0.3s;}
.contact-btn:hover{background:#004A99;box-shadow:0 0 15px rgba(0,102,204,0.3);}

.nav-pad{height:90px;}

.banner{padding:180px 0 140px;text-align:center;background:linear-gradient(130deg,#245da2,#32aee2);color:#fff;}
.banner h1{font-size:56px;margin-bottom:28px;line-height:1.2;}
.banner p{font-size:19px;color:#f0f6ff;max-width:860px;margin:0 auto 45px;}
.ban-btn{display:inline-block;padding:16px 42px;border-radius:50px;font-size:17px;margin:0 12px;transition:0.3s;color:#fff;}
.btn-main{background:#fff;color:#245da2;font-weight:600;}
.btn-empty{border:1px solid #fff;background:transparent;}
.btn-empty:hover{background:rgba(255,255,255,0.15);}

.data-box{display:flex;justify-content:center;gap:80px;padding:60px 0;border-bottom:1px solid #e5e9f2;background:#ffffff;}
.data-item{text-align:center;}
.data-num{font-size:42px;font-weight:bold;color:#245da2;margin-bottom:8px;}
.data-num img{width:80px;}
.data-txt{color:#555555;font-size:16px;}

.section-title{text-align:center;padding:90px 0 65px;}
.section-title h2{font-size:38px;margin-bottom:16px;color:#222;font-weight:600;}
.section-title p{color:#555555;font-size:17px;}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-bottom:30px;}
.service-card{background:#ffffff;padding:45px 35px;border-radius:18px;border:1px solid #e5e9f2;transition:0.3s;box-shadow:0 2px 12px rgba(0,0,0,0.05);}
.service-card:hover{transform:translateY(-10px);border-color:#245da2;box-shadow:0 10px 30px rgba(0,102,204,0.12);}
.service-card h3{font-size:23px;margin:22px 0 15px;color:#222;font-weight:600;}
.service-card p{color:#555555;font-size:15px;}

.platform-area{background:#E8F2FF;padding:90px 0;margin:70px 0;}
.platform-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;}
.platform-card{padding:35px 20px;text-align:center;border-radius:14px;background:#ffffff;border:1px solid #e5e9f2;transition:0.3s;}
.platform-card:hover{border-color:#245da2;}
.platform-card h4{font-size:18px;margin-top:10px;color:#333;font-weight:600;}

.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.adv-card{padding:38px 28px;text-align:center;}
.adv-card h4{font-size:21px;margin:18px 0 12px;color:#222;font-weight:600;}
.adv-card p{color:#555555;font-size:15px;}

.flow-box{padding:80px 0;background:#f8fafc;}
.flow-row{display:flex;justify-content:space-between;}
.flow-step{width:18%;text-align:center;}
.step-icon{width:65px;height:65px;line-height:65px;border-radius:50%;background:#245da2;color:#fff;margin:0 auto 22px;font-size:22px;font-weight:bold;}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.case-card{background:#ffffff;border-radius:18px;overflow:hidden;border:1px solid #e5e9f2;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.case-info{padding:35px;}
.case-info h4{font-size:20px;margin-bottom:12px;color:#222;font-weight:600;}
.case-info p{color:#555555;font-size:15px;}

.news-area{padding:80px 0;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.news-card{background:#ffffff;padding:35px;border-radius:18px;border:1px solid #e5e9f2;}
.news-card h4{font-size:19px;margin-bottom:14px;color:#222;font-weight:600;}
.news-card p{color:#555555;font-size:14px;margin-bottom:12px;}
.news-time{color:#888;font-size:13px;}
.info-head{text-align:center;}
.info-head h2{font-size:24px;margin-bottom:14px;color:#222;font-weight:600;}
.info-head p{color:#555555;font-size:14px;margin-bottom:12px;}

.consult-banner{margin:60px 0;padding:75px 0;background:linear-gradient(130deg,#004A99,#245da2);text-align:center;border-radius:20px;color:#fff;}
.consult-banner h3{font-size:34px;margin-bottom:20px;font-weight:600;}
.consult-banner p{opacity:0.9;margin-bottom:35px;font-size:17px;}
.consult-banner img{width:200px; display:block; margin:0 auto;}

.bottom-seo{padding:65px 0;background:#f5f8fc;border-top:1px solid #e5e9f2;}
.bottom-seo h3{font-size:24px;margin-bottom:35px;padding-left:12px;border-left:5px solid #245da2;color:#222;font-weight:600;}
.seo-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.seo-list li{line-height:2.1;font-size:14px;}
.seo-list a{color:#444;transition:0.25s;}
.seo-list a:hover{color:#245da2;}
.seo-date{color:#888;font-size:12px;margin-left:8px;}

.footer{padding:55px 0 35px;border-top:1px solid #e5e9f2;background:#fff;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;}
.footer-col h3{font-size:21px;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid #e5e9f2;color:#222;font-weight:600;}
.footer-col li{margin-bottom:14px;color:#555555;font-size:15px;}
.copyright{text-align:center;margin-top:65px;padding-top:28px;border-top:1px solid #e5e9f2;color:#888;font-size:14px;}

.Page{width:100%; text-align:center; margin-top:30px; display:flex;justify-content:center;}
.Page a{min-width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#245da2; color:#FFF;background-repeat:no-repeat; }
.Page span{min-width:65px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;}
.Page span.current{ background:#245da2; color:#FFF}


@media (max-width:1260px){.container{width:96%;}}
@media (max-width:768px){
.contact-btn{padding:10px 16px;}
.nav-menu{display:none;}
.service-grid,.adv-grid,.case-grid,.news-grid,.footer-grid,.seo-list{grid-template-columns:1fr;}
.platform-grid{grid-template-columns:repeat(2,1fr);}
.flow-row{flex-wrap:wrap;}
.flow-step{width:48%;margin-bottom:30px;}
.data-box{flex-wrap:wrap;gap:40px;}
.banner h1{font-size:34px;}
}

