/* =====================================
   争鸣视听 About 页面
   about.css
===================================== */


/* 页面公共 */

.about-container{


width:1200px;


max-width:90%;


margin:auto;


}



/* =====================================
   Banner
===================================== */


.about-banner{


height:520px;


display:flex;


align-items:center;


justify-content:center;


text-align:center;


position:relative;


}



.about-title{


position:relative;


z-index:2;


}



.about-title h1{


font-size:60px;


font-weight:500;


letter-spacing:8px;


margin-bottom:25px;


text-shadow:

0 0 30px rgba(78,172,122,.5);


}



.about-title p{


font-size:22px;


letter-spacing:4px;


color:rgba(255,255,255,.75);


}





/* =====================================
   标签
===================================== */


.section-tag{


font-size:14px;


letter-spacing:5px;


color:#4eac7a;


margin-bottom:20px;


}






/* =====================================
   创始人介绍
===================================== */


.founder-section{


padding:120px 0;


}



.founder-section .about-container{


display:flex;


align-items:center;


gap:90px;


}




.founder-image{


width:430px;


position:relative;


}




.founder-image:before{


content:"";


position:absolute;


left:-20px;


top:-20px;


width:100%;


height:100%;


border:1px solid rgba(78,172,122,.4);


border-radius:30px;


}





.founder-image img{


position:relative;


width:100%;


height:520px;


object-fit:cover;


border-radius:30px;


box-shadow:

0 30px 80px rgba(0,0,0,.6);


}




.founder-info{


flex:1;


}



.founder-info h2{


font-size:45px;


font-weight:500;


margin-bottom:30px;


}



.founder-info h3{


font-size:32px;


font-weight:400;


color:#4eac7a;


margin-bottom:35px;


}



.founder-info p{

font-size:12px;

line-height:32px;

color:rgba(255,255,255,.75);

text-align:justify;

text-justify:inter-ideograph;

margin-bottom:25px;

letter-spacing:1px;

}





/* =====================================
   创始人寄语
===================================== */


.founder-message{


height:760px;


position:relative;


display:flex;


align-items:center;


justify-content:center;


overflow:hidden;


background:


linear-gradient(

rgba(0,0,0,.55),

rgba(0,0,0,.8)

),

url("../images/founder-message.webp");


background-size:cover;


background-position:center;


}



.message-overlay{


position:absolute;


inset:0;


background:

radial-gradient(

circle,

transparent,

rgba(0,0,0,.7)

);


}





.message-content{


position:relative;


z-index:2;


text-align:center;


max-width:900px;


padding:40px;


}




.message-content h2{


font-size:46px;


font-weight:500;


}



.quote{


font-size:42px;


line-height:70px;


letter-spacing:8px;


margin:50px 0 30px;


}



.message-text{


font-size:12px;


line-height:30px;


color:rgba(255,255,255,.8);


}





.signature-box{


margin-top:50px;


display:flex;


justify-content:center;


align-items:center;


gap:40px;


}



.signature-box img{


width:180px;


}



.signature-box div{


font-size:20px;


line-height:35px;


}







/* =====================================
   公司介绍
===================================== */


.company-section{


padding:120px 0;


}




.company-section .about-container{


display:flex;


align-items:center;


gap:100px;


}




.company-text{


flex:1;


}



.company-text h2{


font-size:45px;


font-weight:500;


margin-bottom:40px;


}



.company-text p{

font-size:14px;

line-height:32px;

color:rgba(255,255,255,.75);

text-align:justify;

text-justify:inter-ideograph;

margin-bottom:25px;

letter-spacing:1px;

}





/* =====================================
   企业资质
===================================== */


.company-cert{


width:430px;


padding:25px;


border-radius:25px;


background:

rgba(255,255,255,.08);


border:

1px solid rgba(255,255,255,.15);


backdrop-filter:blur(20px);


transition:.5s;


}



.company-cert:hover{


transform:

translateY(-15px);


box-shadow:

0 30px 60px rgba(0,0,0,.5);


}




.company-cert img{


width:100%;


border-radius:18px;


}



.company-cert div{


text-align:center;


font-size:22px;


margin-top:25px;


}







/* =====================================
   动画
===================================== */


.founder-image,
.founder-info,
.company-text,
.company-cert{


animation:

aboutShow 1s ease;


}



@keyframes aboutShow{


from{


opacity:0;


transform:translateY(40px);


}


to{


opacity:1;


transform:none;


}


}







/* =====================================
   手机端
===================================== */


@media(max-width:768px){



.about-banner{


height:350px;


}



.about-title h1{


font-size:35px;


letter-spacing:4px;


}



.about-title p{


font-size:16px;


}





.founder-section,
.company-section{


padding:70px 0;


}



.founder-section .about-container,
.company-section .about-container{


flex-direction:column;


gap:50px;


}



.founder-image{


width:100%;


}




.founder-image img{


height:auto;


}



.founder-info h2,
.company-text h2{


font-size:32px;


}




.founder-message{


height:600px;


}




.message-content h2{


font-size:34px;


}



.quote{


font-size:20px;


line-height:45px;


letter-spacing:3px;


}



.message-text{


font-size:16px;


}



.signature-box img{


width:130px;


}



.company-cert{


width:100%;


}


}