.banner-case-info { position: relative; overflow: hidden; }
.banner-case-info .img-div { display: block; margin: 0 auto; }
.banner-case-info .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: var(--default-h); color: #ffffff; }
.banner-case-info .cont .cont-title { font-size: 42px; font-weight: bold; line-height: 1.4em; letter-spacing: 1px; }
.banner-case-info .cont .cont-des { margin-top: 15px; font-size: 20px; line-height: 1.4em; }
.case-info .cont video{ max-width: 100%; }
@media (max-width: 1660px) {
.banner-case-info .cont .cont-title { font-size: 40px; }
.banner-case-info .cont .cont-des { margin-top: 12px; font-size: 19px; }
}
@media (max-width: 1550px) {
.banner-case-info .cont .cont-title { font-size: 38px; }
.banner-case-info .cont .cont-des { margin-top: 10px; font-size: 18px; }
}
@media (max-width: 1400px) {
.banner-case-info .cont .cont-title { font-size: 36px; }
.banner-case-info .cont .cont-des { font-size: 17px; }
}
@media (max-width: 1300px) {
.banner-case-info .cont .cont-title { font-size: 30px; }
.banner-case-info .cont .cont-des { font-size: 16px; }
}
.myyuanli, .mytedian{ font-size:20px; color:#f60;}
.case-info { padding-bottom: 80px; }
.case-info .info-flex { margin-top: -130px; position: relative; }
.case-info .cont { width: 73.86%; background-color: #ffffff; padding: 60px 42px 115px; }
.case-info .cont .other {
 --lh: 42px; margin-bottom: 5px; line-height: var(--lh); }
.case-info .cont .other .type {
 --c: #222222; font-size: 18px; font-weight: bold; color: var(--c); }
.case-info .cont .other .type .self-svg {  --size: 25px;
 --fill: var(--c);
}
.case-info .cont .other .type .self-svg svg { transform: rotate(90deg); }
.case-info .cont .other .type .type-word { margin-left: 14px; }
.case-info .cont .other .word { font-size: 16px; color: #999999; }
.case-info .cont .info-title { font-size: 22px; line-height: 1.4em; letter-spacing: 0.1em; color: #222222; }
.case-info .cont .info-title-en { margin-top: 17px; margin-bottom: 33px; font-family: DIN-Bold; font-weight: bold; font-size: 59px; line-height: 1em; letter-spacing: -3px; }
.case-info .cont .info-title-en span { display: inline-block; vertical-align: top; background: linear-gradient(124deg, #ebb13c, #ed7841 100%); -webkit-background-clip: text; color: transparent; }
.case-info .cont .info-title-line { display: block; margin: 0 auto; width: 42px; height: 3px; background-color: #2d2d2c; }
.case-info .cont .message { margin-top: 55px; line-height:1.8; font-size:16px; }
.case-info .info-type {
 --c: #ffffff;
 --fill: var(--c); width: 26.14%; }
.show-header .case-info .info-type .pad { top: var(--header-small-height); }
.case-info .info-type .pad { position: sticky; top: 0; padding: 53px 48px 75px; background-image: linear-gradient(-34deg, #0e70cc 0%, #57c5f7 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; color: #fdfdfd; transition: top .4s; }
.case-info .info-type .title { font-size: 22px; line-height: 1.4em; color: #fdfdfd; padding-bottom:20px; }
.case-info .info-type .tags { margin-top: 14px; font-size: 20px; line-height: 1.5em; }
.case-info .info-type .tags .tags-li { padding: 0.3em 0; }
.case-info .info-type .btns-box { margin-top: 54px; }
.case-info .info-type .btn-type-a { text-align: center; font-size: 16px; line-height: 1.4em; }
.case-info .info-type .btn-type-a:hover { --fill: var(--main-color);
}
.case-info .info-type .btn-type-a:hover .self-svg { background: var(--c); }
.case-info .info-type .btn-type-a .self-svg {
 --sw: 44px;
 --size: 35.8%; display: inline-flex; border-radius: 50%; border: 1px solid var(--c); width: var(--sw); height: var(--sw); transition: all 0.3s; }
.case-info .info-type .btn-type-a .self-svg svg { margin-right: 2%; transition: all 0.3s; }
.case-info .info-type .btn-type-a .btn-type-word { display: block; margin-top: 8px; }
.case-info .info-type .btn-type-a.prev .self-svg { transform: scaleX(-1); }
.case-info .info-type .btn-type-b {
 --lh: 50px; margin-top: 38px; border-radius: calc(var(--lh)/2) calc(var(--lh)/2) calc(var(--lh)/2) 0px; border: 1px solid var(--c); background: transparent; text-align: center; font-size: 16px; line-height: calc(var(--lh) - 2px); transition: all 0.3s; }
.case-info .info-type .btn-type-b .self-svg {
 --sw: 50px;
 --size: 47%; width: var(--sw); height: var(--sw); }
.case-info .info-type .btn-type-b .self-svg svg { transform: rotate(45deg); transition: all 0.3s; }
.case-info .info-type .btn-type-b.on, .case-info .info-type .btn-type-b:hover {
 --fill: var(--main-color); background: var(--c); color: var(--main-color); }
.case-info .info-type .text { margin-top: 65px; margin-bottom: 20px; font-size: 28px; font-weight: bold; line-height: 1.42em; }

.ui-piclist-body {
    padding: 5px 8px;
}
.ui-piclist-title{ color:#333; font-size:14px;}
.ui-piclist-title:hover{ color:#1265c7; font-size:14px;}

@media (max-width: 1660px) {
.case-info { padding-bottom: 70px; }
.case-info .info-flex { margin-top: -100px; }
.case-info .cont { padding: 55px 40px 100px; }
.case-info .cont .other {  --lh: 36px;
}
.case-info .cont .other .type { font-size: 17px; }
.case-info .cont .other .type .self-svg {  --size: 23px;
}
.case-info .cont .other .type .type-word { margin-left: 12px; }
.case-info .cont .other .word { font-size: 16px; }
.case-info .cont .info-title {}
.case-info .cont .info-title-en { margin-top: 15px; margin-bottom: 30px; font-size: 55px; letter-spacing: -2px; }
.case-info .cont .message { margin-top: 50px; }
.case-info .info-type .pad { padding: 50px 45px 70px; }
.case-info .info-type .title { font-size: 26px; }
.case-info .info-type .tags { margin-top: 12px; font-size: 19px; line-height: 1.4em; }
.case-info .info-type .tags .tags-li { padding: 0.2em 0; }
.case-info .info-type .btns-box { margin-top: 45px; }
.case-info .info-type .btn-type-a { font-size: 15px; }
.case-info .info-type .btn-type-a .self-svg {  --sw: 42px;
}
.case-info .info-type .btn-type-a .btn-type-word { margin-top: 6px; }
.case-info .info-type .btn-type-b {
 --lh: 46px; margin-top: 33px; font-size: 15px; }
.case-info .info-type .btn-type-b .self-svg {  --sw: 46px;
}
.case-info .info-type .text { margin-top: 50px; margin-bottom: 15px; font-size: 26px; }
}
@media (max-width: 1550px) {
.case-info { padding-bottom: 60px; }
.case-info .info-flex { margin-top: -90px; }
.case-info .cont { padding: 50px 40px 80px; }
.case-info .cont .info-title { l }
.case-info .cont .info-title-en { margin-top: 10px; margin-bottom: 25px; font-size: 50px; letter-spacing: -1px; }
.case-info .cont .message { margin-top: 40px; }
.case-info .info-type .pad { padding: 45px 42px 60px; }
.case-info .info-type .title { font-size: 24px; }
.case-info .info-type .tags { margin-top: 10px; font-size: 18px; }
.case-info .info-type .btns-box { margin-top: 35px; }
.case-info .info-type .btn-type-a { font-size: 14px; }
.case-info .info-type .btn-type-a .self-svg {  --sw: 40px;
}
.case-info .info-type .btn-type-b {
 --lh: 44px; margin-top: 30px; font-size: 14px; }
.case-info .info-type .btn-type-b .self-svg {  --sw: 42px;
}
.case-info .info-type .text { margin-top: 40px; margin-bottom: 13px; font-size: 24px; }
}
@media (max-width: 1400px) {
.case-info .info-flex { margin-top: -80px; }
.case-info .cont { padding: 45px 38px 70px; }
.case-info .cont .info-title {  }
.case-info .cont .info-title-en { margin-bottom: 22px; font-size: 48px; letter-spacing: 0px; }
.case-info .cont .message { margin-top: 35px; }
.case-info .info-type .pad { padding: 40px 38px 50px; }
.case-info .info-type .title { font-size: 22px; }
.case-info .info-type .tags { font-size: 16px; }
.case-info .info-type .btns-box { margin-top: 30px; }
.case-info .info-type .btn-type-a .self-svg {  --sw: 38px;
}
.case-info .info-type .btn-type-b {
 --lh: 42px; margin-top: 26px; }
.case-info .info-type .btn-type-b .self-svg {  --sw: 40px;
}
.case-info .info-type .text { margin-top: 35px; margin-bottom: 10px; font-size: 22px; }
}
@media (max-width: 1300px) {
.case-info .info-flex { margin-top: -60px; }
}
@media (max-width: 1200px) {
.case-info .info-type .pad { padding: 40px 28px 50px; }
}
@media (max-width: 996px) {
.banner-case-info .cont { padding-top: 50px; }
.case-info .info-flex { display: block; }
.case-info .cont { width: 100%; }
.case-info .cont .message { margin-top: 30px; }
.case-info .cont .info-title { font-size: 16px; }
.case-info .cont .info-title-en { font-size: 30px; }
.case-info .info-type { width: 100%; clear: both; }
.case-info .info-type .tags { overflow: hidden; }
.case-info .info-type .tags .tags-li { width: 50%; float: left; }
.case-info .info-type .btns-box { clear: both; }
}
@media (max-width: 960px) {
.banner-case-info .img-div { object-fit: cover; min-height: 350px; }
}
@media (max-width: 480px) {
.case-info { padding-bottom: 50px; }
.banner-case-info .cont .cont-title { font-size: 24px; }
.banner-case-info .cont .cont-des { font-size: 14px; }
.case-info .cont { padding: 25px 15px 40px; }
.case-info .info-type .pad { padding: 25px 15px 40px; }
}