/* =====================================

JINGDONG TRADING V2

Supply Chain Section

===================================== */



.factory{


min-height:900px;


background:#080808;


color:white;



display:flex;


align-items:center;


gap:100px;



padding:

140px 10%;



overflow:hidden;



}




/* 左侧图片 */


.factory-image{


flex:1;


position:relative;


}




.factory-image img{


width:100%;


border-radius:40px;



transform:

scale(1.1);


}





.factory-image::after{


content:"";


position:absolute;


inset:0;


border-radius:40px;


background:

linear-gradient(

90deg,

transparent,

rgba(0,0,0,.4)

);


}





/* 右侧文字 */


.factory-text{


flex:1;


}





.factory-text>p{


font-size:13px;


letter-spacing:6px;


color:#999;



margin-bottom:30px;


}





.factory-text h2{


font-size:70px;


line-height:1.2;


margin-bottom:40px;


}





.factory-text ul{


margin-top:40px;


}





.factory-text li{


font-size:22px;


margin-bottom:25px;


color:#ddd;


}





/* =====================

数字区域

===================== */


.numbers{


background:#000;


color:white;



display:grid;


grid-template-columns:

repeat(4,1fr);



padding:

100px 10%;



text-align:center;



}





.numbers strong{


font-size:80px;


font-weight:700;


display:block;



background:

linear-gradient(

90deg,

#fff,

#888

);



-webkit-background-clip:text;


color:transparent;



}




.numbers p{


margin-top:20px;


font-size:18px;


color:#aaa;


}





/* 联系区域 */


.contact{


padding:

160px 20px;



text-align:center;


background:#fff;



color:#111;


}



.contact h2{


font-size:60px;


margin-bottom:30px;


}





.contact p{


font-size:22px;


color:#666;


}



.contact a{


display:inline-block;


margin-top:50px;



padding:

18px 55px;



background:#111;


color:white;



border-radius:50px;



}







@media(max-width:768px){



.factory{


padding:

90px 25px;



flex-direction:column;



gap:50px;


}




.factory-text h2{


font-size:42px;


}




.factory-text li{


font-size:17px;


}




.numbers{


grid-template-columns:

repeat(2,1fr);



gap:50px;



}



.numbers strong{


font-size:50px;


}



.contact h2{


font-size:38px;


}



}