/* =====================================
GLOBAL
===================================== */


*{

margin:0;
padding:0;
box-sizing:border-box;

}



body{

font-family:

"Microsoft YaHei",
Arial,
sans-serif;

color:#1b2b45;

background:#fff;

}



img{

width:100%;

display:block;

object-fit:cover;

}



a{

text-decoration:none;

}



.container{

width:1200px;

max-width:92%;

margin:auto;

}



/* =====================================
HEADER
===================================== */


.header{

position:absolute;

top:0;

left:0;

width:100%;

z-index:99;

padding:30px 0;


}



.header-box{

display:flex;

justify-content:space-between;

align-items:center;


}



.logo{

font-size:34px;

font-weight:900;

color:white;

}


.logo span{

color:#ff7a00;

}



nav a{

color:white;

margin-left:40px;

font-weight:bold;

}




/* =====================================
BANNER
===================================== */


.banner{

width:100%;

overflow:hidden;

}


.banner picture,
.banner img{


width:100%;


}



.banner img{


height:auto;


}





.banner-text{

padding:60px 20px;

text-align:center;

}



.banner-text h1{


font-size:48px;

font-weight:900;

color:#063b78;


}



.banner-text .sub{


font-size:28px;

color:#ff7200;

margin:20px 0;


}



.banner-btn a{


display:inline-block;

background:#06489b;

color:white;

padding:16px 40px;

border-radius:5px;

margin:20px 10px;

font-weight:bold;


}



.banner-btn a:last-child{


background:#ff7600;


}





/* =====================================
SECTION TITLE
===================================== */


.section-head{


text-align:center;

margin-bottom:55px;


}



.section-head span{


font-size:16px;

letter-spacing:3px;

color:#ff7600;

font-weight:bold;


}



.section-head h2{


font-size:46px;

margin-top:15px;

font-weight:900;

color:#07346d;


}




.section-head h2:before,
.section-head h2:after{


content:"";

display:inline-block;

width:120px;

height:2px;

background:#07346d;

vertical-align:middle;

margin:0 30px;


}





/* =====================================
核心优势
===================================== */


.core{


padding:90px 0;

background:#f5f8fc;

}



.core-grid{


display:grid;

grid-template-columns:

repeat(3,1fr);

gap:35px;


}



.core-card{


background:white;

border-radius:16px;

overflow:hidden;

box-shadow:

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


}




.image-box{
    width:100%;
    position:relative;
}


.image-box img{
    width:100%;
    height:auto;
    display:block;
}




.corner-icon{


position:absolute;

left:0;

top:0;

width:70px;

height:70px;

background:white;

border-radius:0 0 25px 0;

display:flex;

align-items:center;

justify-content:center;

font-size:35px;

color:#06489b;


}




.blue-info{


background:#06489b;

color:white;

text-align:center;

padding:25px;


}



.blue-info h3{


font-size:22px;

margin-bottom:12px;


}




.blue-info p{


font-size:17px;


}



.iso-bar{


display:flex;

justify-content:center;

gap:30px;

margin-top:50px;


}



.iso-bar div{


background:#063b78;

color:white;

padding:15px 35px;

border-radius:5px;

font-weight:bold;


}





/* =====================================
物流交付
===================================== */


.logistics{


padding:90px 0;


}



.delivery-flow{


display:flex;

align-items:center;

justify-content:center;

gap:20px;


}



.delivery-item{


width:230px;

background:white;

border-radius:12px;

overflow:hidden;

box-shadow:

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


}



.delivery-item img{
    width:100%;
    height:auto;
    display:block;
}



.delivery-item h3{


background:#06489b;

color:white;

text-align:center;

padding:18px;

font-size:20px;


}



.flow-arrow{


font-size:45px;

color:#06489b;

font-weight:bold;


}




.delivery-bottom{


margin-top:60px;

text-align:center;

font-size:32px;

font-weight:900;

color:#063b78;


}




/* =====================================
工厂实力
===================================== */


.factory{


padding:90px 0;

background:#f5f8fc;


}



.factory-grid{


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:20px;


}



.factory-item{


position:relative;

overflow:hidden;

border-radius:10px;


}



.factory-item img{


 width:100%;
    height:auto;
    display:block;


}



.factory-item div{


position:absolute;

bottom:0;

left:0;

width:100%;

background:#06489b;

color:white;

text-align:center;

padding:18px;

font-size:22px;

font-weight:bold;


}



.factory-bottom{


margin-top:50px;

text-align:center;

font-size:32px;

font-weight:900;


color:#07346d;


}




/* =====================================
供应能力
===================================== */


.supply{


padding:100px 0;


}



.supply-box{


display:grid;

grid-template-columns:

45% 55%;

background:#f5f8fc;

border-radius:20px;

overflow:hidden;


}



.supply-image img{


height:500px;


}



.supply-data{


display:grid;

grid-template-columns:

repeat(2,1fr);

padding:50px;

gap:30px;


}



.number-box{


background:white;

padding:35px;

text-align:center;

border-radius:10px;


}



.number-box strong{


font-size:55px;

color:#ff7600;


}



.number-box p{


font-size:20px;

margin-top:10px;


}



.supply-desc{


text-align:center;

font-size:20px;

line-height:2;

margin-top:40px;


}



/* =====================================
合作案例
===================================== */


.cooperation{


padding:100px 0;

}



.cooperation-bg{


height:550px;

position:relative;

border-radius:20px;

overflow:hidden;


}



.cooperation-bg img{


height:100%;


}



.cooperation-bg:after{


content:"";

position:absolute;

inset:0;

background:

rgba(0,35,75,.55);


}




.cooperation-content{


position:absolute;

z-index:2;

top:50%;

left:50%;

transform:

translate(-50%,-50%);

text-align:center;

color:white;

width:80%;


}



.cooperation-content h2{


font-size:48px;

font-weight:900;


}



.cooperation-content p{


font-size:22px;

margin:30px 0;


}



.cooperation-tags span{


display:inline-block;

border:1px solid white;

padding:12px 25px;

margin:10px;

border-radius:30px;


}



.main-btn{


display:inline-block;

margin-top:30px;

background:#ff7600;

color:white;

padding:18px 45px;

border-radius:5px;

font-weight:bold;


}





/* =====================================
CONTACT
===================================== */


.contact{


padding:90px 0;

background:#f5f8fc;


}



.contact form{


max-width:650px;

margin:auto;

display:flex;

flex-direction:column;

gap:20px;


}



.contact input,
.contact textarea{


padding:18px;

border:1px solid #ddd;

border-radius:5px;

font-size:16px;


}



.contact textarea{


height:160px;


}



.contact button{


background:#ff7600;

border:0;

color:white;

padding:18px;

font-size:20px;

font-weight:bold;


}





/* =====================================
WHATSAPP
===================================== */


.whatsapp{


position:fixed;

right:25px;

bottom:466px;

background:#25d366;

color:white;

padding:18px 35px;

border-radius:50px;

z-index:999;

font-weight:bold;

}




footer{


background:#06346d;

color:white;

text-align:center;

padding:30px;


}




/* =====================================
MOBILE
===================================== */


@media(max-width:768px){


.container{

max-width:92%;

}



nav{

display:none;

}



.banner-text h1{


font-size:32px;


}



.banner-text .sub{


font-size:20px;


}



.section-head h2{


font-size:32px;


}



.section-head h2:before,
.section-head h2:after{


width:30px;

margin:0 10px;


}



.core-grid{


grid-template-columns:1fr;


}



.iso-bar{


display:block;

}



.iso-bar div{


margin:15px;


}



.delivery-flow{


display:block;

}



.delivery-item{


width:100%;

margin-bottom:20px;


}



.flow-arrow{


text-align:center;

transform:rotate(90deg);

}



.factory-grid{


grid-template-columns:1fr;

}



.supply-box{


grid-template-columns:1fr;


}



.supply-image img{


height:300px;


}



.supply-data{


grid-template-columns:1fr;

padding:25px;


}



.number-box strong{


font-size:45px;


}



.cooperation-bg{


height:450px;


}



.cooperation-content h2{


font-size:30px;


}


}