/* 案例详情统一背景 */
.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;
}
/* 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: #005ab2;
    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;
}

.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{
    color: #fff;
    display: inline-block;
    margin: .3rem auto 0;
    font-size: var(--f20);
}
/* 详情内容部分结束 */



/* hzy case detail enterprise polish */
.alxqbg{background:linear-gradient(90deg,#f3f6fb 0,#f8fbff 7%,#fff 7%,#fff 100%);}
.alnr{position:relative;z-index:2;}
.alnr .wp-cont{align-items:stretch;gap:0;filter:drop-shadow(0 18px 42px rgba(9,28,64,.08));}
.alnr .wp-cont .alleft{
    padding:.32rem .38rem .34rem;
    margin-top:-.34rem;
    border-radius:.16rem 0 0 .16rem;
    min-height:5.2rem;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.alnr .wp-cont .alleft .alhead{padding-bottom:.16rem;margin-bottom:.22rem;gap:.2rem;}
.alnr .wp-cont .alleft .alhead .alyead{font-size:var(--f21);letter-spacing:.01em;}
.alnr .wp-cont .alleft .alhead .alliulan{display:flex;align-items:center;gap:.05rem;white-space:nowrap;color:#9aa1ad;}
.alnr .wp-cont .alleft .ar-article{max-width:9.2rem;}
.alnr .wp-cont .alleft .ar-article h5{font-size:var(--f22);margin:.18rem 0 .12rem;color:#2b3440;}
.alnr .wp-cont .alleft .ar-article p{font-size:var(--f18);line-height:2;color:#5c6673;margin-bottom:.1rem;}
.alnr .wp-cont .alleft .ar-article img{
    max-width:100%;
    height:auto!important;
    border-radius:.08rem;
    margin:.08rem 0 .14rem;
    box-shadow:0 12px 32px rgba(11,39,88,.08);
}
.alnr .wp-cont .alleft .bzdiv{margin-top:.28rem;padding:.14rem .18rem;border-radius:.08rem;background:#f7f9fc;color:#a2aab6;line-height:1.8;}
.alnr .wp-cont .alright{
    width:3.05rem;
    flex:0 0 3.05rem;
    margin-top:-.34rem;
    padding:.28rem .28rem .32rem;
    border-radius:0 .16rem .16rem 0;
    background:linear-gradient(155deg,#0b5dff 0%,#0b49bd 54%,#07308c 100%)!important;
    box-shadow:0 18px 44px rgba(10,76,191,.28);
    gap:.3rem;
    top:.76rem;
}
.alnr .wp-cont .alright::before{opacity:.48;background-size:135% auto;bottom:-18%;right:-18%;}
.alnr .wp-cont .alright h5{font-size:var(--f26);line-height:1.2;margin-bottom:.18rem;font-weight:800;}
.alnr .wp-cont .alright ul{grid-template-columns:1fr 1fr;gap:.12rem .14rem;}
.alnr .wp-cont .alright ul li{
    min-height:.34rem;
    display:flex;
    align-items:center;
    padding:.06rem .08rem .06rem .18rem;
    border-radius:.08rem;
    background:rgba(255,255,255,.08);
    font-size:var(--f16);
    line-height:1.35;
}
.alnr .wp-cont .alright ul li::before{width:6px;height:6px;left:.07rem;background:#8feaff;box-shadow:0 0 0 4px rgba(143,234,255,.12);}
.alnr .wp-cont .alright .tsmore{gap:.14rem;}
.alnr .wp-cont .alright .tsmore a{
    width:100%;
    min-height:.48rem;
    height:auto;
    padding:.11rem .18rem;
    border-radius:999px;
    font-size:var(--f17);
    line-height:1.45;
    text-align:center;
    white-space:normal;
    box-sizing:border-box;
}
.alnr .wp-cont .alright .tsmore a:first-child{box-shadow:0 12px 26px rgba(0,0,0,.16);}
.alnr .wp-cont .alright .tsmore a:hover{font-size:var(--f17);transform:translateY(-2px);}
.alnr .wp-cont .alright .updown{padding-top:.04rem;border-top:1px solid rgba(255,255,255,.16);}
.alnr .wp-cont .alright .updown a{
    font-size:var(--f18);
    line-height:1.45;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.alnr .wp-cont .alright .updown .zy{gap:.08rem;margin-top:.12rem;}
.alnr .wp-cont .alright .updown .zy i{font-size:var(--f20);flex:0 0 auto;}
.alnr .wp-cont .alright .goback{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:.42rem;
    margin:.08rem 0 0;
    border-radius:.09rem;
    background:rgba(255,255,255,.1);
    font-size:var(--f18);
    letter-spacing:.02em;
}
@media(max-width:1200px){
    .alnr .wp-cont{flex-direction:column;filter:none;}
    .alnr .wp-cont .alleft{border-radius:.16rem;margin-top:-.2rem;padding:.28rem;}
    .alnr .wp-cont .alright{position:relative;top:auto;width:auto;flex:auto;margin-top:.18rem;border-radius:.16rem;}
}
@media(max-width:768px){
    .alnr .wp-cont .alleft{padding:.22rem .16rem;}
    .alnr .wp-cont .alleft .alhead{align-items:flex-start;flex-direction:column;}
    .alnr .wp-cont .alright ul{grid-template-columns:1fr;}
}

/* hzy case detail final visual alignment - 2026-07-07 */
.alxqbg{
    background:
        radial-gradient(circle at 3.5% 1.8rem, rgba(22,93,255,.9) 0 .04rem, transparent .045rem),
        linear-gradient(90deg,#f1f5fb 0,#f1f5fb .62rem,#f8fbff .62rem,#f8fbff 100%)!important;
    overflow-x:hidden;
}
.alxqbg::before{
    content:"";
    position:fixed;
    left:.62rem;
    top:0;
    bottom:0;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(22,93,255,.14) 18%,rgba(35,215,255,.18) 76%,transparent);
    pointer-events:none;
    z-index:0;
}
.alnr .wp{
    padding-left:.62rem!important;
    padding-right:.42rem!important;
    box-sizing:border-box;
}
.alnr .wp-cont{
    max-width:14.6rem;
    margin:0 auto .42rem;
    padding:0!important;
    display:flex;
    align-items:stretch;
    gap:.16rem;
    filter:none;
}
.alnr .wp-cont .alleft{
    flex:1 1 auto;
    min-width:0;
    margin-top:-.28rem;
    padding:.36rem .42rem .38rem!important;
    border-radius:.14rem!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 .18rem .46rem rgba(8,31,73,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.alnr .wp-cont .alleft .alhead{
    padding-bottom:.18rem!important;
    margin-bottom:.24rem!important;
    border-bottom:1px solid #e8edf5!important;
}
.alnr .wp-cont .alleft .alhead .alyead{
    font-size:clamp(20px,var(--f21),26px)!important;
    color:#263140!important;
    letter-spacing:.01em;
}
.alnr .wp-cont .alleft .alhead .alyead img{
    width:.28rem;
    height:auto;
    object-fit:contain;
}
.alnr .wp-cont .alleft .alhead .alliulan{
    font-size:clamp(14px,var(--f15),18px)!important;
    color:#9aa6b6!important;
}
.alnr .wp-cont .alleft .ar-article{
    max-width:none!important;
    color:#526071;
}
.alnr .wp-cont .alleft .ar-article h5{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:.08rem;
    margin:.06rem 0 .16rem!important;
    font-size:clamp(20px,var(--f22),28px)!important;
    color:#182338!important;
    font-weight:800;
}
.alnr .wp-cont .alleft .ar-article h5::before{
    content:"";
    width:.05rem;
    height:.2rem;
    border-radius:999px;
    background:linear-gradient(180deg,#165dff,#23d7ff);
    box-shadow:0 0 .16rem rgba(35,215,255,.35);
}
.alnr .wp-cont .alleft .ar-article p{
    font-size:clamp(15px,var(--f17),19px)!important;
    line-height:1.95!important;
    color:#566274!important;
    margin:.08rem 0 .16rem!important;
}
.alnr .wp-cont .alleft .ar-article p:has(> img){
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.14rem;
    margin-top:.18rem!important;
}
.alnr .wp-cont .alleft .ar-article p > img{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    display:block;
    object-fit:cover;
    border-radius:.12rem!important;
    box-shadow:0 .16rem .34rem rgba(7,31,72,.10)!important;
    background:#eef5ff;
}
.alnr .wp-cont .alleft .bzdiv{
    margin-top:.3rem!important;
    padding:.16rem .2rem!important;
    border:1px solid #eaf0f8;
    border-radius:.12rem!important;
    background:linear-gradient(135deg,#f8fbff,#f2f8ff)!important;
    color:#9aa5b4!important;
    font-size:clamp(13px,var(--f14),16px);
}
.alnr .wp-cont .alright{
    width:3.18rem!important;
    flex:0 0 3.18rem!important;
    min-width:3.18rem!important;
    margin-top:-.28rem!important;
    margin-right:0!important;
    padding:.3rem .26rem .28rem!important;
    border-radius:.14rem!important;
    background:
        radial-gradient(circle at 92% 22%,rgba(35,215,255,.28),transparent 32%),
        linear-gradient(153deg,#176cff 0%,#0a4ab8 55%,#062c7e 100%)!important;
    box-shadow:0 .18rem .44rem rgba(10,76,191,.24)!important;
    overflow:hidden!important;
    gap:.28rem!important;
}
.alnr .wp-cont .alright::after{
    content:"";
    position:absolute;
    inset:auto -.55rem -.45rem auto;
    width:1.8rem;
    height:1.8rem;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.12),transparent 64%);
    pointer-events:none;
}
.alnr .wp-cont .alright h5{
    font-size:clamp(24px,var(--f26),32px)!important;
    line-height:1.18!important;
    margin:0 0 .18rem!important;
    color:#fff!important;
    font-weight:900!important;
}
.alnr .wp-cont .alright ul{
    grid-template-columns:1fr 1fr!important;
    gap:.1rem!important;
}
.alnr .wp-cont .alright ul li{
    box-sizing:border-box;
    min-width:0;
    min-height:.36rem!important;
    padding:.075rem .08rem .075rem .2rem!important;
    border:1px solid rgba(255,255,255,.12);
    border-radius:.09rem!important;
    background:rgba(255,255,255,.09)!important;
    font-size:clamp(13px,var(--f15),16px)!important;
    line-height:1.35!important;
    color:#edf8ff!important;
    word-break:keep-all;
}
.alnr .wp-cont .alright .tsmore a{
    min-height:.46rem!important;
    padding:.11rem .13rem!important;
    border-radius:.14rem!important;
    font-size:clamp(14px,var(--f16),17px)!important;
    font-weight:700;
    letter-spacing:0;
    word-break:keep-all;
    white-space:normal!important;
}
.alnr .wp-cont .alright .tsmore a:first-child{
    color:#0d2445!important;
    background:#fff!important;
    border-color:#fff!important;
}
.alnr .wp-cont .alright .tsmore a:not(:first-child){
    background:rgba(255,255,255,.07)!important;
}
.alnr .wp-cont .alright .updown{
    display:grid;
    gap:.1rem;
    padding-top:.18rem!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
}
.alnr .wp-cont .alright .updown .zy{
    width:100%;
    min-width:0;
    margin:0!important;
    padding:.08rem .1rem;
    border-radius:.08rem;
    background:rgba(255,255,255,.08);
    box-sizing:border-box;
}
.alnr .wp-cont .alright .updown a{
    display:flex!important;
    align-items:center;
    gap:.07rem!important;
    color:#fff!important;
    font-size:clamp(14px,var(--f16),17px)!important;
    line-height:1.35!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}
.alnr .wp-cont .alright .updown .zy i{
    flex:0 0 auto;
    font-size:clamp(16px,var(--f18),20px)!important;
    opacity:.9;
}
.alnr .wp-cont .alright .goback{
    height:.42rem!important;
    margin-top:.02rem!important;
    border:1px solid rgba(255,255,255,.16);
    border-radius:.11rem!important;
    background:rgba(255,255,255,.12)!important;
    font-size:clamp(15px,var(--f17),18px)!important;
    font-weight:800;
}
.alnblist .wp,
.xqbottom .wp{
    padding-left:.62rem!important;
    padding-right:.42rem!important;
    box-sizing:border-box;
}
@media(max-width:1360px){
    .alnr .wp{padding-left:.34rem!important;padding-right:.34rem!important;}
    .alnr .wp-cont{max-width:12.6rem;gap:.14rem;}
    .alnr .wp-cont .alleft{padding:.3rem .3rem .34rem!important;}
    .alnr .wp-cont .alright{width:2.95rem!important;flex-basis:2.95rem!important;min-width:2.95rem!important;padding:.26rem .22rem!important;}
    .alnr .wp-cont .alleft .ar-article p:has(> img){grid-template-columns:1fr;}
    .alnblist .wp,.xqbottom .wp{padding-left:.34rem!important;padding-right:.34rem!important;}
}
@media(max-width:980px){
    .alxqbg{background:#f6f9fe!important;}
    .alxqbg::before{display:none;}
    .alnr .wp{padding:0 .18rem!important;}
    .alnr .wp-cont{display:block;margin-bottom:.26rem;}
    .alnr .wp-cont .alleft{margin-top:-.18rem!important;padding:.22rem .18rem!important;border-radius:.14rem!important;}
    .alnr .wp-cont .alright{width:auto!important;min-width:0!important;flex:auto!important;margin-top:.18rem!important;border-radius:.14rem!important;position:relative!important;top:auto!important;}
    .alnr .wp-cont .alleft .ar-article p:has(> img){grid-template-columns:1fr;}
    .alnblist .wp,.xqbottom .wp{padding:0 .18rem!important;}
}
@media(max-width:640px){
    .alnr .wp-cont .alleft .alhead{display:block!important;}
    .alnr .wp-cont .alleft .alhead .alliulan{margin-top:.08rem;}
    .alnr .wp-cont .alright ul{grid-template-columns:1fr!important;}
}