﻿ section.cate .cate-img{background-color:#000000c2}
section.about .about-con{background-color:#00000080;background-blend-mode:multiply}
.about-img lite-youtube {max-width:100%;height:100%}
@media (max-width:768px){.about{display:flex;flex-direction:column-reverse;background: url(/uploads/43095/page/p20250313174342c2ee3.jpg) no-repeat;background-size: cover;}
.about .about-con{padding:0 15px 15px;background:#00000080;}
.about .about-img{width:100%;position:static;padding:15px 15px 0;background:#00000080}}
.que{top:0;padding:3% 0 0 0}
.que .common-wrapper{display:flex;flex-wrap:wrap;align-items:center;background:#fcfcfc}
.que .que-img{width:55%}
.que .que-info{flex:1;padding:20px 30px}
.que .que-info .common-title{text-align:left}
.que .que-info p{color:var(--introcolor,#555);line-height:1.6;margin-bottom:10px}
.que .que-info .more-btn{width:150px;height:40px;line-height:40px;font-size:var(--fontsize14);display:inline-block;font-weight:var(--fontbold6);text-align:center;background:var(--color);margin-top:10px;color:#fff;border-radius:50px;overflow:hidden}
section.adv{position:relative;background:0 0}
.adv .common-wrapper{padding:0 15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}
.adv .info{margin:2% 0;font-size:var(--fontsize18)}
.adv .more-btn{width:150px;height:40px;line-height:40px;font-size:var(--fontsize14);display:inline-block;font-weight:var(--fontbold6);text-align:center;background:var(--color);margin-top:10px;border-radius:50px;overflow:hidden}
.adv .more-btn a{color:#fff}
@media (max-width:1280px){.adv .info{margin:5px 0;font-size:var(--fontsize16)}
}
@media (max-width:1024px){.que{padding-top:30px}
.que .que-img{width:100%}
.que .que-info{padding:20px 10px 0}
.adv .adv-img img{min-height:300px;object-fit:cover}
.adv .common-title{font-size:var(--fontsize26);line-height:1.4}
}
@media (max-width:768px){.que .que-info{padding:20px 0 0}
.adv .common-title{font-size:var(--fontsize22)}
.adv .info{font-size:var(--fontsize14)}
}
@media (max-width:1500px){.about .about-con{padding:30px}}
@media (max-width:1500px) and (min-width:991px){.about .about-con,.about .about-img{width:50%}
.about .about-img{max-height:none}
}