#main-banner{position:relative;padding:80px 0;height:680px}
#main-banner .desktop-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
#main-banner .computer-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:820px;z-index:-1}
#main-banner .fanyi-logo{position:relative;display:block;padding:48px 0 0;text-align:center}
#main-banner .fanyi-logo img{height:38px}
#main-banner .section-title{font-size:58px;font-weight:700;letter-spacing:10px;line-height:80px;height:80px;text-align:center;margin:20px 0;overflow:hidden}
#main-banner .section-body{margin-top:0}
#main-banner .banner-btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#main-banner .banner-btn-group .banner-btn img{height:72px}
@media (max-width:1230px){
    #main-banner .section-title{font-size:42px}
}
@media (max-width:969px){
    #main-banner .section-title{font-size:38px}
}
@media (max-width:869px){
    #main-banner .section-title{font-size:32px}
}
@media (max-width:768px){
    #main-banner{height:500px}
    #main-banner .section-title{letter-spacing:1px;font-size:26px;line-height:42px;height:auto;margin:32px 0;white-space:normal}
    #main-banner .computer-bg,#main-banner .desktop-bg{display:none}
}

#define-banner .section-title,
#fullscene-banner .section-title{font-size:48px;font-weight:700;text-align:center;margin:0 0 10px;line-height:1.2;-webkit-text-fill-color:currentColor}
#define-banner .section-header .section-desc,
#fullscene-banner .section-header .section-desc{color:#4b5563;line-height:1.7}
#define-banner .section-body,
#fullscene-banner .section-body{margin-top:1.5rem}
@media (max-width:768px){
    #define-banner .section-title,
    #fullscene-banner .section-title{font-size:32px;line-height:40px}
}

#define-banner{padding:80px 0}
#define-banner .details{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:100px}
#define-banner .detail-item{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}
#define-banner .detail-item picture{width:600px}
#define-banner .detail-item picture img{width:100%;height:auto}
#define-banner .detail-item:nth-child(2n+0){flex-direction:row-reverse}
#define-banner .feature-cont{width:550px;margin:0 auto;--feature-primary-color:251,74,62}
#define-banner .feature-cont .feature-header{margin-bottom:20px}
#define-banner .feature-cont .feature-header .title{font-size:24px;font-weight:600;color:rgb(var(--feature-primary-color));margin:0 0 2px}
#define-banner .feature-cont .feature-header .subtitle{font-size:16px;color:#666;font-weight:400}
#define-banner .feature-cont .feature-list .feature-item{margin-bottom:15px;position:relative}
#define-banner .feature-cont .feature-list .feature-title{position:relative;font-size:16px;font-weight:600;color:#333;margin-bottom:8px;display:inline-block;z-index:1;letter-spacing:-.3px}
#define-banner .feature-cont .feature-list .feature-title::after{content:'';position:absolute;left:-1px;top:60%;width:calc(100% + 5px);height:40%;background:rgb(var(--feature-primary-color),.2);border-radius:3px;z-index:-1}
#define-banner .feature-cont .feature-list .feature-desc{font-size:16px;color:#666;line-height:1.4;letter-spacing:-.2px;font-weight:400}
#define-banner .feature-cont a,#define-banner .feature-cont a:hover{color:rgb(var(--feature-primary-color));text-decoration:underline}
#define-banner .feature-cont.feature-purple{--feature-primary-color:147,51,234}
#define-banner .feature-cont.feature-blue{--feature-primary-color:37,99,235}
@media (max-width:768px){
    #define-banner .detail-item picture{width: 80%}
    #define-banner .feature-cont{width: 100%}
}

#fullscene-banner{padding:140px 0;background:url(images/home/fullscene-bg.webp) no-repeat;background-size:cover}
#fullscene-banner .rows{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}
#fullscene-banner .rows .row-item{width:580px;height:640px;display:flex;flex-flow:column;justify-content:space-between;background:#fff;border-radius:32px}
#fullscene-banner .rows .row-item .text{box-sizing:border-box;padding:40px 48px 0 48px}
#fullscene-banner .rows .row-item .text .sub-desc{font-size:18px;line-height:27px;margin-top:24px;color:#626469}
#fullscene-banner .rows .row-item .text .sub-title{font-weight:600;font-size:32px;line-height:115%;letter-spacing:.008em;color:#2a2b2e}
#fullscene-banner .rows .row-item picture{width:584px}
#fullscene-banner .rows .row-item picture img{width:100%;height:auto}
#fullscene-banner .rows .row-item:last-child{width:1200px;height:640px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}
@media (max-width:1220px){
    #fullscene-banner .rows .row-item{width:80%!important;height:auto!important;justify-content:space-around!important}
    #fullscene-banner .rows .row-item:last-child{flex-flow:column}
    #fullscene-banner .rows .row-item .text{text-align:center}
    #fullscene-banner .rows .row-item picture{width:80%!important;margin:0 auto 20px!important}
}
@media (max-width:768px){
    #fullscene-banner .rows .row-item{width:100%!important}
}

#download-banner{padding:140px 0;background:url(images/home/download-bg.webp) no-repeat;background-size:cover}
#download-banner .cont{margin:40px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}
#download-banner .cont picture{width:220px}
#download-banner .cont picture img{width:100%;height:auto}
#download-banner .banner-btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
#download-banner .banner-btn-group .banner-btn img{height:72px}