/* 案例详情统一背景 */
.alxqbg{background:#f6f6f8;}
/* banner开始 */
.alxqbanner{height:4rem;position:relative;background-position:bottom!important;}
.alxqbanner .bg{filter:blur(.8rem);z-index:0;position:absolute;}
.alxqbanner > .wp{position:relative;z-index:1;}
/* .alxqbanner::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:300px;background:url(../images/aljianbian.png)no-repeat;background-size:cover;}*/
.alxqbanner .alname{display:flex;flex-direction:column;gap:0.15rem;}
.alxqbanner .alname h5{color:#fff;font-size:var(--f66);line-height:1.5;}
.alxqbanner .alname div{display:flex;align-items:center;gap:0.175rem;}
.alxqbanner .alname div h6{font-size:var(--f30);line-height:1.5;color:#fff;text-transform:uppercase;font-family:'en-font' !important;}
.alxqbanner .wp-cont{display:flex;align-items:center;justify-content:space-between;}
.alxqbanner .alname div a{width:0.26875rem;height:0.26875rem;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.alxqbanner .alname div a::before{content:'';position:absolute;width:100%;height:100%;background:url(../images/btn-play.png)no-repeat;background-size:cover;animation:roll 3s infinite linear;}
.alxqbanner .alfk{display:flex;align-items:center;gap:0.5625rem;padding-top:0.2rem;}
.alxqbanner .alfk>div{display:flex;align-items:flex-end;}
.alxqbanner .alfk p{color:#fff;font-size:var(--f18);line-height:1.5;}
.alxqbanner .alfk>div div{display:flex;align-items:flex-end;}
.alxqbanner .alfk>div span{color:#fff;font-family:avantgardebold;font-size:var(--f70);line-height:.9375;/* width:0.8rem;*/text-align:center;font-family:'num-font';margin-left:0.1rem;}
.alxqbanner .alfk>div em{font-size:var(--f40);color:#fff;}
.alxqbanner .alel{display:flex;align-items:center;gap:0.125rem;padding-top:0.2rem;}
.alxqbanner .alel>a {font-size: var(--f18);color: #fff;padding: 0.125rem 0.3125rem;border-radius: 0.5rem;border: 1px solid #fff;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;gap: .09375rem;transition: all .5s ease;}
.alxqbanner .alel>a svg{width:.09375rem;height:.09375rem}
.alxqbanner .alel>a svg path{fill:#fff;transition:all .5s ease}
.alxqbanner .alel>a:hover{color:#fff;background-color:#d4042c;border-color:#d4042c}
.alxqbanner .alel>a:hover svg path{fill:#fff}
/* banner结束 */
/* 详情内容部分开始 */
.alnr .wp-cont{display:flex;align-items:flex-start;}
.alnr .wp-cont .alleft{/* max-width:7.625rem;*//* width:60%;*//* width:100%;*/flex:1;background:#fff;padding:0.25rem 0.175rem 0.225rem;margin-top:-0.4rem;z-index:1;border-radius:.05rem 0rem 0rem .05rem;}
.alnr .wp-cont .alleft .alhead{display:flex;align-items:center;justify-content:space-between;padding-bottom:.0875rem;border-bottom:1px solid #e8e8e8;margin-bottom:0.1375rem;}
.alnr .wp-cont .alleft .alhead div{display:flex;align-items:center;gap:10px;}
.alnr .wp-cont .alleft .alhead .alyead{color:#424242;font-size:var(--f20);font-weight:bold;line-height:1.5;}
.alnr .wp-cont .alleft .alhead .alliulan{color:#999999;font-size:var(--f16);line-height:1.5;}
.alnr .wp-cont .alleft .alhead .alliulan i{font-size:var(--f24);}
.alnr .wp-cont .alleft .ar-article h5{color:#3b3b3b;font-size:var(--f20);line-height:1.25;margin-bottom:.075rem;}
.alnr .wp-cont .alleft .ar-article p{color:#696969;font-size:var(--f18);line-height:2.2em;}
.alnr .wp-cont .alright{/* padding:0.25rem 0.3rem 1rem;*/padding:0.20rem;width:2.29rem;margin-top:-0.9rem;background:var(--themeColor);display:grid;gap:0.3575rem;position:sticky;z-index:0;top:0.5rem;overflow:hidden;border-radius:.05rem;}
.alnr .wp-cont .alright::before{content:'';position:absolute;width:100%;height:100%;background:url(../images/alxqbg.png) center center no-repeat;background-size:100% auto;bottom:-30%;z-index:-1;opacity: 0.5;}
.alnr .wp-cont .alright::after{background-size:cover;background-position:center;background-attachment: fixed;-webkit-filter: blur(15px) brightness(110%);filter: blur(15px) brightness(110%);background-image: url(../images/alxqbg.png);}
.alnr .wp-cont .alright h5{font-size:var(--f28);line-height:1.5;color:#fff;margin-bottom:0.2rem;}
.alnr .wp-cont .alright ul{display:grid;grid-template-columns:1fr 1fr;gap:0.1rem 0.15rem;}
.alnr .wp-cont .alright ul li{color:#fff;font-size:var(--f17);line-height:1.5;padding-left:0.1rem;position:relative;}
.alnr .wp-cont .alright ul li::before{content:'';position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;left:0;top:50%;transform:translate(0,-50%);}
.alnr .wp-cont .alright .tsmore{display:flex;flex-direction:column;gap:0.13125rem;}
.alnr .wp-cont .alright .tsmore a{display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:0.1875rem;color:#fff;line-height:1.5;font-size:var(--f18);transition:all .5s;height:0.3625rem;}
.alnr .wp-cont .alright .tsmore a:first-child{color:#171717;background:#fff;}
.alnr .wp-cont .alright .tsmore a:hover{/* color:#171717;* background:#fff;*/font-size:var(--f20);}
.alnr .wp-cont .alright .updown{/* display:flex;* align-items:center;* justify-content:space-between;*/}
.alnr .wp-cont .alright .updown a{color:#fff;font-size:var(--f22);line-height:1.5;width:100%;}
.alnr .wp-cont .alright .updown .zy{display:flex;align-items:center;gap:10px;margin-top:0.06rem;}
.alnr .wp-cont .alright .updown .zy i{color:#fff;font-size:var(--f22);}
.alnr .wp-cont .alright .goback{width:100%;color:#fff;display:inline-block;margin:.3rem auto 0;font-size:var(--f18);text-align:center;border:1px solid #fff;border-radius:0.1875rem;transition:all .5s;height:0.3625rem;line-height:3.5;}
.alnr .wp-cont .alright .goback:hover{ font-size:var(--f20);}
/* 详情内容部分结束 */