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

JINGDONG TRADING V2

Product Experience Section

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



.experience{


padding:

160px 8%;


background:#fff;


color:#111;


overflow:hidden;


}





.experience-title{


text-align:center;


margin-bottom:100px;


}



.experience-title p{


font-size:13px;


letter-spacing:6px;


color:#888;


margin-bottom:25px;


}



.experience-title h2{


font-size:70px;


font-weight:700;


}





/* 产品列表 */


.experience-list{


display:flex;


flex-direction:column;


gap:120px;


}






/* 产品卡 */


.experience-card{


height:700px;


border-radius:50px;


overflow:hidden;


position:relative;



background:#f5f5f5;



display:flex;


align-items:center;



}



.experience-card img{


width:100%;


height:100%;


object-fit:cover;



transition:

transform 1.2s ease;



}





.experience-card:hover img{


transform:scale(1.05);


}







/* 产品文字 */


.experience-card div{


position:absolute;


left:80px;


bottom:80px;


z-index:2;


}





.experience-card h3{


font-size:60px;


margin-bottom:20px;



}



.experience-card p{


font-size:24px;


color:#555;


}






/* 暗色产品 */


.experience-card.dark{


background:#050505;


color:white;


}





.experience-card.dark p{


color:#aaa;


}





/* 图片遮罩 */



.experience-card::after{


content:"";


position:absolute;


inset:0;



background:

linear-gradient(

transparent,

rgba(0,0,0,.35)

);


}





/* hover */


.experience-card:hover h3{


transform:

translateY(-10px);


}





.experience-card h3{


transition:.5s;


}





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

Mobile

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



@media(max-width:768px){



.experience{


padding:

80px 20px;


}




.experience-title h2{


font-size:42px;


}





.experience-card{


height:480px;


border-radius:30px;


}





.experience-card div{


left:30px;


bottom:40px;


}




.experience-card h3{


font-size:36px;


}



.experience-card p{


font-size:18px;


}


}