*{

margin:0;

padding:0;

box-sizing:border-box;

}



body{


background:#f5f8fc;


font-family:

"Microsoft YaHei",
Arial;


color:#333;


}



.solution-page{


width:1440px;

max-width:92%;

margin:60px auto;


}



.solution-box{


background:#fff;


padding:55px;


box-shadow:

0 10px 35px rgba(0,60,120,.15);


}



/* 标题 */


.solution-header{


border-bottom:1px solid #eee;

padding-bottom:30px;

margin-bottom:40px;


}



.solution-header h1{


font-size:38px;

color:#102c55;


}



.solution-header p{


font-size:18px;

color:#777;

margin-top:10px;


}





/* 上半部分 */


.solution-top{


display:flex;

gap:60px;


}




.solution-text{


flex:1;


}



.solution-image{


width:420px;


}



.solution-image img{


width:100%;

border-radius:30px;


}





h3{


font-size:22px;

color:#102c55;

margin:25px 0 15px;


}





.industry-tag{


display:inline-block;

background:#073b82;

color:white;

padding:10px 25px;

border-radius:20px;

font-size:16px;


}





ul{


padding-left:20px;


}


li{


line-height:2;

font-size:15px;


}





/* 推荐 */


.recommend-box{


margin-top:40px;


}



.products{


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:20px;


}


.products div{


background:#f3f7fc;

padding:25px;

text-align:center;

color:#06418b;


}





/* 优势 */


.adv-grid{


display:grid;

grid-template-columns:

repeat(4,1fr);


gap:20px;


}


.adv-grid div{


border:1px solid #eee;

padding:25px;

text-align:center;


}



.adv-grid span{


display:block;

font-size:28px;

color:#06418b;


}






/* 询盘 */


.inquiry{


margin-top:50px;


background:

linear-gradient(
90deg,
#063d8f,
#075dcc
);



color:white;


text-align:center;

padding:45px;


border-radius:8px;


}


.inquiry h2{


font-size:30px;


}


.inquiry a{


display:inline-block;

margin-top:25px;

background:white;

color:#06418b;

padding:15px 50px;

border-radius:30px;


}






/* 平板 */


@media(max-width:1200px){


.solution-top{


gap:30px;


}


.solution-image{


width:350px;


}



.products{


grid-template-columns:

repeat(2,1fr);


}



}




/* 手机 */


@media(max-width:768px){


.solution-page{


max-width:94%;

margin:30px auto;


}


.solution-box{


padding:25px;


}


.solution-header h1{


font-size:28px;


}


.solution-top{


display:block;


}



.solution-image{


width:100%;

margin-top:30px;


}


.products{


grid-template-columns:

1fr;


}



.adv-grid{


grid-template-columns:

repeat(2,1fr);


}


.inquiry h2{


font-size:22px;


}


}