@media (max-width: 768px) {
html {
font-size: calc(100vw / 18);
}
}
@media (min-width: 769px) and (max-width: 1921.99px) {
html {
font-size: calc(100vw / 19.2);
}
}
@media (min-width: 1922px) and (max-width: 4000px) {
html {
font-size: calc(100vw / 22.4);
}
}
/* 手机 */
@media (max-width: 768px) {
.zhengtizhuans .wfull {
width: 100%;
}
.zhengtizhuans .wfull .undrelative {
position: relative;
/* 弹框 */
}
.zhengtizhuans .wfull .undrelative .landing {
translate: none;
rotate: none;
scale: none;
transform: translate(0, 0);
position: relative;
top: 0;
transition: 0.3s ease-out;
overflow: hidden;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans {
display: flex;
flex-direction: column;
gap: 2rem;
padding: 6.66666667rem 0 5%;
min-height: 212rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
gap: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi {
padding: 0 5%;
position: relative;
z-index: 1000;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi h3 {
font-size: 1.06666667rem;
color: #000;
margin-bottom: 1.33333333rem;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie {
max-width: 100%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 1.2rem !important;
color: #000 !important;
line-height: 1.3 !important;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 1.2rem !important;
color: #000 !important;
line-height: 1.3 !important;
margin-bottom: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box {
height: auto;
margin-bottom: 1.33333333rem;
background-color: #ffffff00;
border-bottom: 0.06666667rem solid #e7e7e7;
display: grid;
will-change: transform;
/* 轻度优化 */
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian {
padding: 0 5%;
display: inline-block;
flex-wrap: wrap;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian i {
display: none;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian {
width: 100%;
position: relative;
display: grid;
gap: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .titrfissnds {
font-size: 1.06666667rem;
color: rgba(0, 0, 0, 0.6);
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu {
margin: 1rem 0;
order: 2;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto {
margin: auto;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter {
width: 8rem;
display: flex;
align-items: center;
justify-content: center;
border: 0.06666667rem solid #000;
border-radius: 6.66666667rem;
transition-duration: 0.3s;
padding: 0.33333333rem 0;
gap: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter p {
font-size: 0.8rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter .invert {
display: flex;
width: 1rem;
height: 0.66666667rem;
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter .invert .icon {
display: block;
width: 0.66666667rem;
height: 0.66666667rem;
fill: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .jiagexhunahs {
order: 1;
font-size: 1.06666667rem;
position: inherit;
bottom: 0;
left: 0;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .jiagexhunahs .font {
font-weight: bold;
color: #ff8900;
font-size: 1.06666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .jiagexhunahs p {
font-size: 1.06666667rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .videossa {
width: 100%;
height: 13.33333333rem;
border-radius: 1.33333333rem;
margin-bottom: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .videossa video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium {
width: 100%;
position: relative;
height: 100%;
will-change: box-shadow;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .box-shadow-container {
inset: 0;
width: 100%;
z-index: 0;
margin: auto;
height: 90%;
position: absolute;
display: block;
transition: 0.3s;
background: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive {
background: linear-gradient(239deg, rgba(255, 255, 255, 0) 31.17%, rgba(255, 255, 255, 0) 55.21%);
transition: 0.2s;
padding: 0 0 1.33333333rem;
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
gap: 1.33333333rem;
height: 100%;
width: 100%;
border-radius: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flitstart {
display: flex;
flex-shrink: 0;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
flex-direction: row;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flitstart .scsscs .textfontmedium {
font-weight: 500;
font-size: 1.06666667rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flitstart .scsscs .graymainnormal {
width: 21.33333333rem;
font-size: 0.8rem;
--tw-text-opacity: 1;
color: rgb(154 154 154 / var(--tw-text-opacity));
font-weight: 400;
margin-top: 1rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flitstart .hitespacepy {
width: fit-content;
border-radius: 6.66666667rem;
padding: 0.33333333rem 1rem;
font-size: 0.6rem;
font-weight: 500;
order: 1;
color: #00a04d;
background: rgba(0, 160, 77, 0.125);
backdrop-filter: opacity(0.5);
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf {
display: flex;
gap: 1.33333333rem;
row-gap: 1rem;
flex-direction: row;
flex-wrap: wrap;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf .flgap {
display: flex;
min-width: 100%;
align-items: center;
gap: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf .flgap .icon {
display: block;
width: 1.06666667rem;
height: 1.06666667rem;
fill: #00000077;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf .flgap .tfwhitesrapfontnorm {
font-size: 0.66666667rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(126 130 133 / var(--tw-text-opacity));
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative.pin {
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng {
width: 100%;
position: relative;
padding: 2% 5% 7%;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi h3 {
font-size: 1.06666667rem;
color: #000;
margin-bottom: 1.33333333rem;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi .jianjie {
max-width: 100%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 1.2rem !important;
color: #000 !important;
line-height: 1.3 !important;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi .jianjie * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 1.2rem !important;
color: #000 !important;
line-height: 1.3 !important;
margin-bottom: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans {
position: relative;
width: 33%;
margin-bottom: 2rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans i {
width: 2rem;
margin: 0 auto;
display: block;
margin-bottom: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans i .icon {
display: block;
width: 2rem;
height: 2rem;
fill: #000000b4;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans p {
text-align: center;
font-size: 0.8rem;
color: #000000b4;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans .jaintuzhuans {
display: none;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian {
position: relative;
width: 100%;
height: 40rem;
padding: 15% 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .imgsaci {
width: 100%;
height: 40rem;
position: absolute;
top: 0;
z-index: 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .imgsaci img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent {
position: absolute;
width: 100%;
z-index: 2;
padding: 0 5%;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi h3 {
font-size: 1.06666667rem;
color: #fff;
margin-bottom: 1.33333333rem;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi .jianjie {
max-width: 100%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 1.2rem !important;
color: #fff !important;
line-height: 1.3 !important;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi .jianjie * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 1.2rem !important;
color: #fff !important;
line-height: 1.3 !important;
margin-bottom: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs {
position: relative;
width: 100%;
height: 4.66666667rem;
margin-right: 0;
border: 0.06666667rem solid #fff;
border-radius: 0.33333333rem;
transition: height 0.5s ease;
padding: 1.33333333rem 0 0;
margin-bottom: 2rem;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs h3 {
font-size: 1.2rem;
color: #fff;
font-weight: normal;
margin-bottom: 1.33333333rem;
transition: all 0.5s ease;
position: absolute;
left: 0;
text-align: center;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs .content {
width: 100%;
position: absolute;
left: 0;
text-align: center;
top: 3.33333333rem;
bottom: 0;
opacity: 0;
overflow: hidden;
transition: all 0.5s ease;
font-size: 0.8rem !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #fff !important;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs .content * {
font-size: 0.8rem !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #fff !important;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs:last-child {
margin-right: 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs.active {
width: 100%;
height: 6rem;
transition: height 0.5s ease;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs.active h3 {
left: 0;
transition: all 0.5s ease;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs.active .content {
left: 0;
opacity: 1;
overflow: visible;
transition: all 0.5s ease;
}
.zhengtizhuans .wfull .undrelative .landing .case {
padding: 8% 5% 12%;
height: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg {
position: relative;
z-index: 4;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi {
display: flex;
justify-content: space-between;
margin-bottom: 1.33333333rem;
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi h3 {
font-size: 1.06666667rem;
color: #000;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan {
position: relative;
width: 3.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next,
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev {
position: absolute;
top: 10%;
width: 1.33333333rem;
height: 1.33333333rem;
margin-top: 0;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next {
right: 0;
left: auto;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next .icon {
display: block;
width: 1rem;
height: 1rem;
fill: #000;
opacity: 0.8;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev {
right: auto;
left: 0;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev .icon {
display: block;
width: 1rem;
height: 1rem;
fill: #000;
opacity: 0.8;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next:hover .icon {
opacity: 1;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev:hover .icon {
opacity: 1;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next::after {
content: '';
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev::after {
content: '';
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide {
transform-origin: center center;
will-change: transform;
backface-visibility: hidden;
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn {
transition: opacity 0.3s ease, transform 0.3s ease;
width: 99%;
left: 0.8%;
height: 14.66666667rem;
border-radius: 0.66666667rem;
position: relative;
z-index: 3;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn .loggosiican {
position: absolute;
top: 2rem;
left: 5%;
width: 10rem;
height: 2rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn .loggosiican img {
width: 100%;
height: 100%;
object-fit: contain;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn .titjfijns {
width: 100%;
position: absolute;
top: 10.66666667rem;
display: flex;
justify-content: center;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn .titjfijns h3 {
font-size: 1.06666667rem;
color: #fff;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn.active {
transform: scale(1);
opacity: 0;
z-index: -1;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .videossa {
transition: opacity 0.3s ease, transform 0.3s ease;
position: absolute;
top: 0;
z-index: -1;
opacity: 0;
pointer-events: none;
width: 100%;
height: 14.66666667rem;
border-radius: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .videossa video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .videossa.active {
opacity: 1;
pointer-events: auto;
z-index: 3;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .scmammka {
display: flex;
justify-content: space-between;
margin-top: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .scmammka p {
font-size: 0.8rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .scmammka span {
font-size: 0.8rem;
color: #999;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore {
display: flex;
align-items: center;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto {
margin: auto;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 0.06666667rem solid #000;
border-radius: 6.66666667rem;
transition-duration: 0.3s;
padding: 0.33333333rem 1rem 0.13333333rem;
gap: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter p {
line-height: 2.2;
font-size: 0.93333333rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter .invert {
margin-left: 0.66666667rem;
display: flex;
margin-top: -0.2rem;
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter .invert .icon {
display: block;
width: 1rem;
height: 0.8rem;
fill: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter:hover {
gap: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .landing.active {
translate: none;
rotate: none;
scale: none;
top: 1.33333333rem;
transform: scale(0.99, 0.99);
transition: 0.3s ease-out;
}
.zhengtizhuans .wfull .undrelative .tankuang {
position: fixed;
height: 100%;
inset: 0;
z-index: 1001;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0s linear 0.25s;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison {
position: relative;
display: flex;
width: 100%;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
height: 100vh;
max-height: 100%;
max-width: 100%;
border-radius: 0;
padding-bottom: 0;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls {
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
position: absolute;
right: 1.33333333rem;
top: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls .hamburgersss {
cursor: pointer;
width: 2rem;
height: 2rem;
border-radius: 6.66666667rem;
border: 0.06666667rem solid #e7e7e7;
display: flex;
justify-content: center;
align-items: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls .hamburgersss .icon {
display: block;
width: 1rem;
height: 1rem;
fill: #000000bd;
transform-box: fill-box;
/* 兼容性更稳 */
transform-origin: center;
/* 以 viewBox 中心为原点 */
transform: rotate(45deg);
transition: transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls .hamburgersss:hover .icon {
transform: rotate(-45deg);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh {
display: flex;
flex-wrap: wrap;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo {
background-color: #fff;
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
overflow: auto;
padding: 1.66666667rem 5%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .textull {
margin: 0;
max-width: 100%;
font-size: 1.06666667rem;
font-weight: 600;
line-height: 1.4;
color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi {
position: relative;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas {
width: 100%;
margin-bottom: 0;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss {
margin-bottom: 1.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.33333333rem;
font-size: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.33333333rem;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd {
width: 31%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem {
padding: 0.06666667rem 0;
height: 1rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
position: relative;
cursor: pointer;
text-transform: uppercase;
border: 0.06666667rem solid #00000061;
border-radius: 6.66666667rem;
text-align: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem .initialitems {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.33333333rem;
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.53333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem .secondary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.33333333rem;
transform: translateY(240%);
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.53333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem:hover .initialitems {
transform: translateY(-240%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem:hover .secondary {
transform: translateY(-102%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem.active {
background-color: #000;
border: 0.06666667rem solid #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem.active .initialitems {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem.active .secondary {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa {
margin-bottom: 1.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.33333333rem;
font-size: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww {
width: 23%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw {
padding: 0.13333333rem 0;
height: 1rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
position: relative;
cursor: pointer;
text-transform: uppercase;
border: 0.06666667rem solid #00000061;
border-radius: 6.66666667rem;
text-align: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw .initialitems {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.33333333rem;
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.53333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw .secondary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.33333333rem;
transform: translateY(240%);
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.53333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw:hover .initialitems {
transform: translateY(-240%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw:hover .secondary {
transform: translateY(-102%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw.active {
background-color: #000;
border: 0.06666667rem solid #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw.active .initialitems {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw.active .secondary {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb {
margin-bottom: 1.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.33333333rem;
font-size: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 1rem;
width: 100%;
max-width: 100%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs .flgap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs .flgap input {
font-size: 0.53333333rem;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
outline: none;
padding: 0.66666667rem;
background: rgba(0, 0, 0, 0);
width: 48%;
border: 0.06666667rem solid #e7e7e7;
height: 1rem;
border-radius: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs textarea {
font-size: 0.53333333rem;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
outline: none;
padding: 0.33333333rem;
background: rgba(0, 0, 0, 0);
width: 100%;
border: 0.06666667rem solid #e7e7e7;
height: 2.66666667rem;
border-radius: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc {
margin-bottom: 1rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.33333333rem;
font-size: 0.66666667rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un {
width: 20%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci {
padding: 0.06666667rem 0;
height: 1rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
position: relative;
cursor: pointer;
text-transform: uppercase;
border: 0.06666667rem solid #00000061;
border-radius: 6.66666667rem;
text-align: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci .initialitems {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.33333333rem;
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.53333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci .secondary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.33333333rem;
transform: translateY(240%);
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.53333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci:hover .initialitems {
transform: translateY(-240%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci:hover .secondary {
transform: translateY(-102%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci.active {
background-color: #000;
border: 0.06666667rem solid #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci.active .initialitems {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci.active .secondary {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto {
position: fixed;
bottom: 0.66666667rem;
left: 2rem;
width: 80%;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter {
width: 100%;
height: 2.26666667rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000033;
border-radius: 6.66666667rem;
transition-duration: 0.3s;
gap: 0.33333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter p {
font-size: 0.8rem;
color: #fff;
line-height: 2;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter .invert {
display: none;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter:hover {
background-color: #000;
gap: 1.33333333rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you {
display: none;
}
.zhengtizhuans .wfull .undrelative .tankuang.active {
opacity: 1;
visibility: inherit;
transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0s;
}
}
/* pc */
@media (min-width: 769px) {
.zhengtizhuans .wfull {
width: 100%;
}
.zhengtizhuans .wfull .undrelative {
position: relative;
/* 弹框 */
}
.zhengtizhuans .wfull .undrelative .landing {
translate: none;
rotate: none;
scale: none;
transform: translate(0, 0);
position: relative;
top: 0;
transition: 0.3s ease-out;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans {
position: relative;
display: flex;
flex-direction: column;
gap: 0.3rem;
padding: 2.4rem 0 0;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi {
position: relative;
display: flex;
width: 100%;
flex-direction: column;
gap: 0.4rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi {
padding: 0 1.5%;
position: relative;
z-index: 1000;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi h3 {
font-size: 0.3rem;
color: #000;
margin-bottom: 0.6rem;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie {
max-width: 12.8rem;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.36rem !important;
color: #000 !important;
line-height: 1.3 !important;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .wazhanshi .jianjie * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.5rem !important;
color: #000 !important;
line-height: 1.3 !important;
margin-bottom: 0.1rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box {
position: sticky;
top: 1.6rem;
min-height: 5.5rem;
margin-bottom: 0.2rem;
background-color: #fff;
border-bottom: 0.01rem solid #e7e7e7;
display: grid;
will-change: transform;
/* 轻度优化 */
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian {
padding: 0.3rem 1.5%;
display: flex;
justify-content: space-between;
gap: 0.5rem;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian i {
width: 20%;
display: block;
font-size: 0.66rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian {
width: 38%;
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .titrfissnds {
font-size: 0.3rem;
color: rgba(0, 0, 0, 0.6);
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu {
margin-top: 0.5rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto {
margin: auto;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter {
width: 1.6rem;
height: 0.3rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000000;
border: 0.01rem solid #000;
border-radius: 1rem;
transition-duration: 0.3s;
padding: 0.2rem 0;
gap: 0.05rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter p {
font-size: 0.16rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter .invert {
margin-left: 0.1rem;
display: block;
width: 0.22rem;
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter .invert .icon {
display: block;
width: 0.22rem;
height: 0.12rem;
fill: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter:hover {
gap: 0.2rem;
background-color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter:hover p {
color: #fff;
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter:hover .invert {
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .anniu .mlauto .itemscenter:hover .invert .icon {
fill: #fff;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .jiagexhunahs {
font-size: 0.28rem;
position: absolute;
bottom: 0.6rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .jiagexhunahs .font {
font-weight: bold;
color: #ff8900;
font-size: 0.28rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .titlezxaniujiaqian .jiagexhunahs p {
font-size: 0.28rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .videossa {
width: 10rem;
height: 5rem;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .videossa video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium {
width: 50%;
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive {
background: linear-gradient(239deg, white 31.17%, white 55.21%);
transition: 0.2s;
padding: 0.2rem;
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
gap: 0.3rem;
height: 100%;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flitstart {
display: flex;
flex-shrink: 0;
align-items: flex-start;
justify-content: space-between;
gap: 0.15rem;
flex-direction: row;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flitstart .scsscs .textfontmedium {
font-weight: 500;
font-size: 0.36rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf {
display: flex;
gap: 0.2rem;
row-gap: 0.15rem;
flex-direction: row;
flex-wrap: wrap;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf .flgap {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
gap: 0.1rem;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf .flgap .icon {
display: block;
width: 0.24rem;
height: 0.24rem;
fill: #00000077;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative .service_box .beijingsheshian .wpremium .contentwfullive .flexf .flgap .tfwhitesrapfontnorm {
font-size: 0.18rem;
font-weight: 400;
color: #000000b1;
}
.zhengtizhuans .wfull .undrelative .landing .quanjuzhuans .servicezhanshi .relative.pin {
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng {
width: 100%;
position: relative;
padding: 1.5rem 1.5% 1.1rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 1rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi h3 {
font-size: 0.3rem;
color: #000;
margin-bottom: 0.6rem;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi .jianjie {
max-width: 100%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.36rem !important;
color: #000 !important;
line-height: 1.3 !important;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .wazhanshi .jianjie * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.5rem !important;
color: #000 !important;
line-height: 1.3 !important;
margin-bottom: 0.1rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans {
display: flex;
justify-content: space-between;
align-items: center;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans {
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans i {
width: 0.6rem;
margin: 0 auto;
display: block;
margin-bottom: 0.25rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans i .icon {
display: block;
width: 0.6rem;
height: 0.6rem;
fill: #000000b4;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans p {
text-align: center;
font-size: 0.24rem;
color: #000000b4;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans .jaintuzhuans {
position: absolute;
top: 0.85rem;
left: 1.5rem;
width: 0.2rem;
height: 0.33rem;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans .jaintuzhuans img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans:hover i .icon {
fill: #ff951a;
}
.zhengtizhuans .wfull .undrelative .landing .fuwuwserviceliucheng .peiliezhuans .mokuaiszuans:last-child .jaintuzhuans {
display: none;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian {
position: relative;
width: 100%;
height: 9.5rem;
padding: 5% 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .imgsaci {
width: 100%;
height: 9.5rem;
position: absolute;
top: 0;
z-index: 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .imgsaci img {
width: 100%;
height: 100%;
object-fit: cover;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent {
width: 100%;
position: absolute;
z-index: 2;
padding: 0 1.5%;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 1rem;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi h3 {
font-size: 0.3rem;
color: #fff;
margin-bottom: 0.6rem;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi .jianjie {
max-width: 100%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.36rem !important;
color: #fff !important;
line-height: 1.3 !important;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .wazhanshi .jianjie * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.5rem !important;
color: #fff !important;
line-height: 1.3 !important;
margin-bottom: 0.1rem;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei {
display: flex;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs {
position: relative;
width: 4.3rem;
height: 4rem;
margin-right: 0.5rem;
border: 0.01rem solid #fff;
border-radius: 0.2rem;
transition: width 0.5s ease;
padding: 2.2rem 0 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs h3 {
font-size: 0.36rem;
color: #fff;
font-weight: normal;
margin-bottom: 0.2rem;
transition: all 0.5s ease;
position: absolute;
left: 30%;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs .content {
width: 100%;
position: absolute;
left: 30%;
bottom: 0.8rem;
opacity: 0;
overflow: hidden;
transition: all 0.5s ease;
font-size: 0.2rem !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #fff !important;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs .content * {
font-size: 0.2rem !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #fff !important;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs:last-child {
margin-right: 0;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs.active {
width: 7rem;
transition: width 0.5s ease;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs.active h3 {
left: 10%;
transition: all 0.5s ease;
}
.zhengtizhuans .wfull .undrelative .landing .fwlinian .zhuanshiacontent .linianfenlei .fenleijzijs.active .content {
left: 10%;
opacity: 1;
overflow: visible;
transition: all 0.5s ease;
}
.zhengtizhuans .wfull .undrelative .landing .case {
padding: 1.1rem 1.5%;
height: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg {
position: relative;
z-index: 4;
width: 100%;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi {
display: flex;
justify-content: space-between;
margin-bottom: 0.6rem;
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi h3 {
font-size: 0.3rem;
color: #000;
font-weight: normal;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan {
position: relative;
width: 0.8rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next,
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev {
position: absolute;
top: 50%;
width: 0.2rem;
height: 0.2rem;
margin-top: 0;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next {
right: 0;
left: auto;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next .icon {
display: block;
width: 0.3rem;
height: 0.3rem;
fill: #000;
opacity: 0.8;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev {
right: auto;
left: 0;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev .icon {
display: block;
width: 0.3rem;
height: 0.3rem;
fill: #000;
opacity: 0.8;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next:hover .icon {
opacity: 1;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev:hover .icon {
opacity: 1;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-next::after {
content: '';
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .wazhanshi .sncaosaszuoyouqiehuan .swiper-button-prev::after {
content: '';
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide {
transform-origin: center center;
will-change: transform;
backface-visibility: hidden;
position: relative;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn {
transition: opacity 0.3s ease, transform 0.3s ease;
height: 4.5rem;
border-radius: 0.2rem;
position: relative;
z-index: 3;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn .titjfijns {
width: 100%;
position: absolute;
top: 3rem;
display: flex;
justify-content: center;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn .titjfijns h3 {
font-size: 0.3rem;
color: #fff;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .imgshihncisn.active {
transform: scale(1);
opacity: 0;
z-index: -1;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .videossa {
transition: opacity 0.3s ease, transform 0.3s ease;
position: absolute;
top: 0;
z-index: -1;
opacity: 0;
pointer-events: none;
height: 4.5rem;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .videossa video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .videossa.active {
opacity: 1;
pointer-events: auto;
z-index: 3;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .scmammka {
display: flex;
justify-content: space-between;
margin-top: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .scmammka p {
font-size: 0.2rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .mySwiper_case .swiper-wrapper .swiper-slide .scmammka span {
font-size: 0.2rem;
color: #999;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore {
display: flex;
align-items: center;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0.7rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto {
margin: auto;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter {
display: flex;
align-items: center;
justify-content: center;
border: 0.01rem solid #000;
border-radius: 1rem;
transition-duration: 0.5s;
padding: 0.05rem 0.22rem;
gap: 0.05rem;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter p {
font-size: 0.2rem;
color: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter .invert {
display: flex;
width: 0.15rem;
height: 0.125rem;
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter .invert .icon {
display: block;
width: 0.15rem;
height: 0.15rem;
fill: #000;
}
.zhengtizhuans .wfull .undrelative .landing .case .ggvvg .casemore .mlauto .itemscenter:hover {
gap: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .landing.active {
translate: none;
rotate: none;
scale: none;
top: 0.25rem;
transform: scale(0.99, 0.99);
transition: 0.3s ease-out;
}
.zhengtizhuans .wfull .undrelative .tankuang {
position: fixed;
height: 100vh;
inset: 0;
z-index: 1001;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0s linear 0.25s;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison {
position: relative;
display: flex;
width: 100%;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
height: 90vh;
max-height: 11.5rem;
max-width: 18rem;
border-radius: 0.2rem;
padding-bottom: 0;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls {
width: 0.6rem;
height: 0.6rem;
display: flex;
align-items: center;
position: absolute;
right: 0.2rem;
top: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls .hamburgersss {
cursor: pointer;
width: 0.6rem;
height: 0.6rem;
border-radius: 1rem;
border: 0.01rem solid #e7e7e7;
display: flex;
justify-content: center;
align-items: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls .hamburgersss .icon {
display: block;
width: 0.25rem;
height: 0.25rem;
fill: #000000bd;
transform-box: fill-box;
/* 兼容性更稳 */
transform-origin: center;
/* 以 viewBox 中心为原点 */
transform: rotate(45deg);
transition: transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .hfulls .hamburgersss:hover .icon {
transform: rotate(-45deg);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh {
display: flex;
justify-content: space-between;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo {
background-color: #fff;
display: flex;
width: 11rem;
flex-direction: column;
align-items: flex-start;
gap: 0.45rem;
padding: 0.2rem 0.3rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .textull {
margin: 0;
max-width: 2.5rem;
font-size: 0.36rem;
font-weight: 600;
line-height: 1.4;
color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi {
position: relative;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas {
width: 100%;
margin-bottom: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss {
margin-bottom: 0.45rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.15rem;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer {
display: flex;
align-items: center;
gap: 0.15rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem {
padding: 0.07rem 0;
height: 0.42rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
position: relative;
cursor: pointer;
text-transform: uppercase;
border: 0.01rem solid #00000061;
border-radius: 1rem;
text-align: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem .initialitems {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.05rem;
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem .secondary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.05rem;
transform: translateY(240%);
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem:hover .initialitems {
transform: translateY(-240%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem:hover .secondary {
transform: translateY(-102%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem.active {
background-color: #000;
border: 0.01rem solid #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem.active .initialitems {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwss .btncontainer .undefinedwwdd .socialitem.active .secondary {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa {
margin-bottom: 0.45rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.15rem;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera {
display: flex;
align-items: center;
gap: 0.15rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw {
padding: 0.22rem 0 0;
height: 0.42rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
overflow: hidden;
position: relative;
cursor: pointer;
text-transform: uppercase;
border: 0.01rem solid #00000061;
border-radius: 1rem;
text-align: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw .initialitems {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.05rem;
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw .secondary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.05rem;
transform: translateY(240%);
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw:hover .initialitems {
transform: translateY(-240%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw:hover .secondary {
transform: translateY(-102%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw.active {
background-color: #000;
border: 0.01rem solid #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw.active .initialitems {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssa .btncontainera .undefinedwwddwdww .socialitemsw.active .secondary {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb {
margin-bottom: 0.45rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.15rem;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 0.15rem;
width: 100%;
max-width: 9rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs .flgap {
display: flex;
flex-direction: row;
gap: 0.15rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs .flgap input {
font-size: 0.16rem;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
outline: none;
padding: 0.2rem;
background: rgba(0, 0, 0, 0);
width: 100%;
border: 0.01rem solid #e7e7e7;
height: 0.6rem;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssb .biaodansuangs textarea {
font-size: 0.16rem;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
outline: none;
padding: 0.2rem;
background: rgba(0, 0, 0, 0);
width: 100%;
border: 0.01rem solid #e7e7e7;
height: 1.5rem;
border-radius: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc {
margin-bottom: 0.45rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .title {
color: #9a9a9a;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.15rem;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai {
display: flex;
align-items: center;
gap: 0.15rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci {
padding: 0.07rem 0;
height: 0.42rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
position: relative;
cursor: pointer;
text-transform: uppercase;
border: 0.01rem solid #00000061;
border-radius: 1rem;
text-align: center;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci .initialitems {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.05rem;
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci .secondary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 0.05rem;
transform: translateY(240%);
transition: 0.4s;
width: 100%;
color: #000;
font-size: 0.18rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci:hover .initialitems {
transform: translateY(-240%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci:hover .secondary {
transform: translateY(-102%);
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci.active {
background-color: #000;
border: 0.01rem solid #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci.active .initialitems {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .fddvdas .sectionaadwssc .btncontai .un .soci.active .secondary {
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter {
width: 2rem;
height: 0.46rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #00000033;
border-radius: 1rem;
transition-duration: 0.3s;
gap: 0.05rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter p {
font-size: 0.18rem;
color: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter .invert {
margin-left: 0.1rem;
display: block;
width: 0.3rem;
transition: all 0.5s;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter .invert .icon {
display: block;
width: 0.28rem;
height: 0.25rem;
fill: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .zuo .biaodanzhanshi .mlauto .itemscenter:hover {
background-color: #000;
gap: 0.2rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you {
height: 100%;
width: 7rem;
flex-shrink: 0;
flex-direction: column;
align-items: stretch;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity));
padding: 0.3rem 0.3rem 0;
display: flex;
/* 鼠标移上去暂停（可选） */
}
.zhengtizhuans .wfull .undrelative .tankuang.active {
opacity: 1;
visibility: inherit;
transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0s;
}
}
/* ACTICEE-CONSULT-CONTACT-001：咨询弹框右栏（手机端右栏整栏隐藏，只按电脑端写）——上方公司联系方式（读企业档案，
可视化修改改的是企业档案，页脚等处一并更新），下方预留 AI 咨询窗口（#lx-consult-ai，后续接入 AI 客服挂载到这里） */
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you {
padding-bottom: 0.3rem;
gap: 0.24rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact {
flex-shrink: 0;
padding: 0.24rem;
border-radius: 0.16rem;
background: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-title {
margin-bottom: 0.18rem;
font-size: 0.24rem;
font-weight: 600;
color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list {
margin: 0;
padding: 0;
list-style: none;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li {
display: flex;
align-items: flex-start;
gap: 0.12rem;
font-size: 0.16rem;
line-height: 1.6;
color: #333;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li + li {
margin-top: 0.12rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li svg {
flex-shrink: 0;
width: 0.2rem;
height: 0.2rem;
margin-top: 0.03rem;
fill: none;
stroke: #000;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li a {
color: inherit;
text-decoration: none;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li a:hover {
text-decoration: underline;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-ai {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
padding: 0.24rem;
border: 0.01rem dashed #cbd5e1;
border-radius: 0.16rem;
background: #fff;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-ai-title {
font-size: 0.24rem;
font-weight: 600;
color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-ai-body {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 0.16rem;
line-height: 1.7;
color: #94a3b8;
}
/* ACTICEE-CONSULT-AI-002：AI 客服开着时 AI 窗口是内嵌对话框（右栏只在电脑端显示，按电脑端 rem 写） */
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-ai.is-live {
border-style: solid;
border-color: #e5e7eb;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-chat {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
margin-top: 0.16rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-msgs {
flex: 1;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: 0.04rem 0.04rem 0.12rem 0;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-msg {
display: flex;
margin-bottom: 0.12rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-msg.is-user {
justify-content: flex-end;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-bub {
max-width: 82%;
padding: 0.1rem 0.14rem;
border-radius: 0.14rem;
font-size: 0.15rem;
line-height: 1.7;
white-space: pre-wrap;
word-break: break-word;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-msg.is-bot .lx-chat-bub {
background: #f4f4f5;
color: #1f2430;
border-bottom-left-radius: 0.04rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-msg.is-user .lx-chat-bub {
background: #000;
color: #fff;
border-bottom-right-radius: 0.04rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-bub strong {
font-weight: 600;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-dots {
display: inline-flex;
gap: 0.04rem;
padding: 0.03rem 0;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-dots i {
width: 0.07rem;
height: 0.07rem;
border-radius: 50%;
background: #b8bdc7;
animation: lx-chat-bounce 1.2s infinite;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-dots i:nth-child(2) {
animation-delay: 0.15s;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-dots i:nth-child(3) {
animation-delay: 0.3s;
}
@keyframes lx-chat-bounce {
0%, 60%, 100% { transform: none; opacity: 0.5; }
30% { transform: translateY(-0.04rem); opacity: 1; }
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-chips {
display: flex;
flex-wrap: wrap;
gap: 0.08rem;
margin: 0.02rem 0 0.12rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-ai-chip {
padding: 0.06rem 0.16rem;
border: 0.01rem solid #d4d4d8;
border-radius: 9.99rem;
background: #fff;
font-size: 0.14rem;
line-height: 1.6;
color: #333;
cursor: pointer;
transition: border-color 0.2s, color 0.2s;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-ai-chip:hover {
border-color: #000;
color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-leadlink {
align-self: center;
margin: 0.04rem 0 0.1rem;
padding: 0.04rem 0.16rem;
border: 0.01rem dashed #cbd5e1;
border-radius: 9.99rem;
background: #fff;
font-size: 0.13rem;
color: #5a6372;
cursor: pointer;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-leadlink:hover {
border-color: #000;
color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-leadlink.is-done {
display: none;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead {
display: none;
gap: 0.08rem;
padding: 0.12rem 0;
border-top: 0.01rem solid #eee;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead.is-open {
display: grid;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead input,
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead textarea {
width: 100%;
padding: 0.08rem 0.12rem;
border: 0.01rem solid #d4d8e0;
border-radius: 0.1rem;
font-size: 0.14rem;
font-family: inherit;
outline: none;
resize: none;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead input:focus,
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead textarea:focus {
border-color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-lead-submit {
height: 0.42rem;
border: 0;
border-radius: 9.99rem;
background: #000;
font-size: 0.14rem;
color: #fff;
cursor: pointer;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-input {
display: flex;
align-items: flex-end;
gap: 0.1rem;
padding-top: 0.12rem;
border-top: 0.01rem solid #eee;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-input textarea {
flex: 1;
height: 0.46rem;
padding: 0.11rem 0.14rem;
border: 0.01rem solid #d4d8e0;
border-radius: 0.12rem;
font-size: 0.15rem;
line-height: 1.5;
font-family: inherit;
outline: none;
resize: none;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-input textarea:focus {
border-color: #000;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-input button {
flex-shrink: 0;
width: 0.46rem;
height: 0.46rem;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 50%;
background: #000;
cursor: pointer;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-input button:disabled {
opacity: 0.5;
cursor: default;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-input button svg {
width: 0.2rem;
height: 0.2rem;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-chat-note {
margin: 0.08rem 0 0;
text-align: center;
font-size: 0.12rem;
color: #a0a6b3;
}
/* 电脑端弹框打开期间隐藏右下角客服气泡与面板（弹框里已有对话框；service.js 同步 html.lx-consult-open） */
@media (min-width: 769px) {
html.lx-consult-open .lxw-btn,
html.lx-consult-open .lxw-panel {
display: none !important;
}
}
/* ACTICEE-CONSULT-CONTACT-GRID-001：弹框「联系我们」两列排（电话、固话、手机、邮箱两个一行，地址 li.is-wide 独占一行）；
某项没填时后面的自动补位 */
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.2rem 0.24rem;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li + li {
margin-top: 0;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li.is-wide {
grid-column: 1 / -1;
}
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li a,
.zhengtizhuans .wfull .undrelative .tankuang .sanmoison .qifenzhauoiasuh .you .lx-consult-contact-list li > span {
min-width: 0;
overflow-wrap: anywhere;
}