*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:
    "Microsoft YaHei",
    Arial,
    sans-serif;

    color:#333;

}


a{

    text-decoration:none;

}



.logo{

    font-size:24px;

    font-weight:bold;

    color:#d71920!important;

}




/* 页面顶部 */

.page-banner{

    height:380px;

    margin-top:70px;

    background:

    linear-gradient(
    135deg,
    rgba(215,25,32,.95),
    rgba(255,80,80,.8)
    );

    display:flex;

    align-items:center;

    text-align:center;

    color:white;

}


.page-banner h1{

    font-size:48px;

    font-weight:bold;

}



.page-banner p{

    font-size:20px;

}





/* 首页Banner */


.hero{

    height:720px;

    margin-top:70px;

    background:

    linear-gradient(
    120deg,
    rgba(215,25,32,.95),
    rgba(255,255,255,.2)
    ),

    url("../images/banner.jpg");


    background-size:cover;

    background-position:center;

    position:relative;


    display:flex;

    align-items:center;


}




.hero-content{

    color:white;

}


.hero-content h1{

    font-size:64px;

    font-weight:bold;

}


.hero-content h2{

    font-size:32px;

    margin-top:20px;

}


.hero-content p{

    font-size:22px;

    margin:30px 0;

}




.btn-danger{

    background:#d71920;

    border:none;

    padding:12px 35px;

}





/* 数据 */


.counter{

    padding:70px 0;

    background:#fff;

}



.counter-item h2{

    font-size:45px;

    color:#d71920;

    font-weight:bold;

}




/* 通用 */


.section{

    padding:90px 0;

}




.section h2{

    font-size:36px;

    font-weight:bold;

    margin-bottom:40px;

}




/* 服务卡片 */


.service-card{


background:#fff;


padding:35px;


border-radius:15px;


height:100%;


box-shadow:

0 10px 30px rgba(0,0,0,.08);


transition:.3s;


}



.service-card:hover{


transform:translateY(-10px);


box-shadow:

0 20px 40px rgba(0,0,0,.15);


}



.service-number{

font-size:45px;

font-weight:bold;

color:#d71920;

}





/* 企业文化 */


.culture-card{


padding:40px;

background:white;

border-radius:15px;


box-shadow:

0 5px 25px rgba(0,0,0,.08);


text-align:center;


}




/* 解决方案 */


.solution-card{


background:white;

padding:40px;

border-radius:15px;


box-shadow:

0 10px 30px rgba(0,0,0,.08);


}



.solution-card h3{

color:#d71920;

}



.solution-list span{


display:block;

margin-top:10px;


}




/* 技术架构 */


.architecture{


display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;


}


.architecture-item{


background:white;


padding:30px;


border-radius:12px;


box-shadow:

0 5px 20px rgba(0,0,0,.1);


text-align:center;


font-weight:bold;


}




.step{


width:80px;

height:80px;

border-radius:50%;

background:#d71920;

color:white;


display:flex;

align-items:center;

justify-content:center;


margin:auto;


font-size:30px;

}





/* 联系 */


.contact-box{


padding:80px 0;


background:

linear-gradient(
135deg,
#d71920,
#ff4b4b
);


color:white;

text-align:center;


}




.contact-form{


padding:40px;

background:white;

border-radius:15px;


box-shadow:

0 10px 30px rgba(0,0,0,.1);


}




.map{


height:400px;

background:#eee;

display:flex;

align-items:center;

justify-content:center;


font-size:30px;

color:#d71920;


}



footer{


background:#111;

padding:30px;

color:#fff;


}