@import url('animate.min.css');
@import url('swiper-bundle.min.css');
@import url('public.min.css');
@import url('../iconfonts/iconfont.css');
:root{
    --alpha:1;
    --radius:.05rem;
    --primary-color:0, 71, 39;
    --secondary-color:200, 165, 102;
    --black-color:0, 15, 8;
    --black-color-2:2, 2, 2;
    --black-color-3:51, 51, 51;
    --black-color-6:102, 102, 102;
    --black-color-9:153, 153, 153;
    --white-color:255, 255, 255;
    --alpha-speed:0.3s;
    --color-primary:rgba(var(--primary-color), var(--alpha));
    --color-secondary:rgba(var(--secondary-color), var(--alpha));
    --color-black-default:rgba(var(--black-color), var(--alpha));
    --color-black-2:rgba(var(--black-color-2), var(--alpha));
    --color-black-3:rgba(var(--black-color-3), var(--alpha));
    --color-black-6:rgba(var(--black-color-6), var(--alpha));
    --color-black-9:rgba(var(--black-color-9), var(--alpha));
    --color-white-default:rgba(var(--white-color), var(--alpha));
    --black-gradient:linear-gradient(180deg, rgba(var(--black-color), var(--alpha)) 0%, rgba(var(--black-color), 0) 100%);
    --bg-color-black-fa:rgba(250, 250, 250, 1);
    --bg-color-gray-f9:rgba(249, 249, 249, 1);
    --bg-color-gray-f8:rgba(248, 248, 248, 1);
}
@font-face {
    font-family: 'ALMMSHT';
    src: url('../fonts/ALMMSHT.ttf') format('truetype');
}
.iconfont{
    font-size: .16rem;
}
.noto-serif-sc{
    font-family: 'Noto Serif SC';
}
.flex-1{
    flex:1
}
/*
* header
*/
#header{
    --alpha:.2;
    --text-color:var(--color-white-default);
    --bg-alpha:.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: .8rem;
    padding: 0 1rem;
    transition: all var(--alpha-speed) ease-in-out;
    background-color:rgba(var(--white-color), var(--alpha));
    border-bottom: 1px solid var(--color-white-default);
}
.header-logo{
    height: .36rem;
}
.header-logo img{
    height: 100%;
    width: auto;
    display: block;
    object-fit: contain;
    object-position: left center;
}
.header-logo img.header-logo-default{
    display: none;
}
.header-logo img.header-logo-white{
    display: block;
}
.header-container {
    column-gap: .25rem;
}
.header-nav{
    margin-right: .6rem;
    column-gap: .6rem;
}
.header-nav-item{
    font-size: .16rem;
    position: relative;
    height: .8rem;
    display: flex;
    align-items: center;
}
.header-nav-item a{
    color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.header-nav-item:hover>a,
.header-nav-item:active>a,
.header-nav-item:focus>a,.header-nav-item.active>a{
    color: var(--color-primary);
    font-weight: 500;
}
.header-nav-item-dropdown{
    position: absolute;
    top: calc(100% + 0rem);
    left: auto;
    background: rgba(var(--white-color), var(--alpha));
    min-width: 1.5rem;
    padding: .1rem;
    border-radius: var(--radius);
    box-shadow: 0 0 .1rem rgba(var(--black-color),.1);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.header-nav-item-dropdown a{
    display: block;
    font-size: .14rem;
    padding: .06rem .15rem;
    border-radius: var(--radius);
    margin-top: .1rem;
    white-space: nowrap;
}
.header-nav-item-dropdown a:first-child{
    margin-top: 0;
}
.header-nav-item-dropdown a:hover,
.header-nav-item-dropdown a:active,
.header-nav-item-dropdown a:focus,.header-nav-item-dropdown a.active{
    background: rgba(var(--primary-color),1);
    color: var(--color-white-default);
}
.header-nav-item-dropdown::before{
    content: '';
    position: absolute;
    top: -.05rem;
    left: .25rem;
    border-left: solid .05rem transparent;
    border-right: solid .05rem transparent;
    border-bottom: solid .05rem rgba(var(--white-color), var(--alpha));
}
.header-nav-item:hover .header-nav-item-dropdown{
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
.header-relative{
    position: relative;
}
.header-absolute{
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
}
.header-search{
    color: var(--text-color);
    display: flex;
    align-items: center;
    column-gap: .25rem;
    
}
.header-search::after{
    content: '';
    display: block;
    width: 1.5px;
    height: .16rem;
    background-color: var(--text-color);
}
.header-search i{
    font-size: .18rem;
    color: var(--text-color);
    cursor: pointer;
}
.header-search .close{
    display: none;
}

.header-search-from{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100vh - .8rem);
    background-color:rgba(var(--white-color), var(--bg-alpha));
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all var(--alpha-speed) ease-in-out;
}
.header-search-form-block{
    background: var(--color-white-default);
    height: .8rem;
    box-shadow: 0 0 .1rem rgba(var(--black-color),.1);
    border-radius: .4rem;
    padding: 0 .2rem;
    column-gap: .1rem;
    overflow: hidden;
   
}
.header-search-input{
    width: 9rem;
    max-width: 95vw;
    border: none;
    outline: none;
    font-size: .18rem;
    color: var(--color-primary);
    padding-left: .3rem;
    height: 100%;
}
.header-search-button{
    background: transparent;
    outline: none;
    border: none;
    border-left: solid 1px var(--color-black-6);
    padding-left: .2rem;
    padding-right: .1rem;
}
.header-search-button .iconfont{
    font-size: .24rem;
}
.header-search.open .iconfont.default{
    display: none;
}
.header-search.open .iconfont.close{
    display: block;
}
.header-search.open .header-search-from{
    visibility: visible;
    opacity: 1;
}
.header-code-title,.header-contact-title{
    column-gap: .1rem;
    color: var(--text-color);
    font-size: .14rem;
    cursor: pointer;
}
.header-code:hover .header-code-title,.header-code:active.header-code-title,.header-code:focus .header-code-title,
.header-contact:hover .header-contact-title,.header-contact:active .header-contact-title,.header-contact:focus .header-contact-title{
    color: var(--color-primary);
    font-weight: 500;
}
.header-code-content,.header-contact-content{
    background: var(--color-white-default);
    border-radius: var(--radius);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(.2rem);
    padding: .15rem;
    opacity: 0;
    visibility: hidden;
    transition: all var(--alpha-speed) ease-in-out;
}
.header-code-content::before,.header-contact-content::before{
    content: '';
    position: absolute;
    right: .2rem;
    top: -.05rem;
    border-left: solid .05rem transparent;
    border-right: solid .05rem transparent;
    border-bottom: solid .05rem var(--color-white-default);
}
.header-code-content img,.header-contact-content img{
    max-width: 1.2rem;
}
.header-code-content p,.header-contact-content p,.header-contact-content p a{
    font-size: .15rem;
    color: var(--color-black-2);
    line-height: 2;
    column-gap: .1rem;
}
.header-code-content p{
    color: var(--color-primary);
    font-weight: 500;
}
.header-contact-content p span{
    white-space: nowrap;
    color: var(--color-primary);
    font-weight: 500;
}
.header-contact-content p a:hover{
    color: var(--color-primary);
    font-weight: 500;
}
.header-code:hover .header-code-content,.header-code:active .header-code-content,.header-code:focus .header-code-content,
.header-contact:hover .header-contact-content,.header-contact:active .header-contact-content,.header-contact:focus .header-contact-content{
    opacity: 1;
    visibility: visible;
}
.header-button{
    width: .25rem;
    height: .1rem;
    cursor: pointer;
    position: relative;
    display: none;
}
.header-button::before,.header-button::after{
    content: '';
    width: 100%;
    height: .02rem;
    background-color: var(--text-color);
    border-radius: var(--radius);
    transition: all var(--alpha-speed) ease-in-out;
    position: absolute;
    left: 0;
}
.header-button::before{
    top: 0;
}
.header-button::after{
    bottom: 0;
}
.header-button.active::before{
    top: 2px;
    transform: rotate(45deg);
}
.header-button.active::after{
    bottom: 3px;
    transform: rotate(-45deg);
}
#header.bg-white-alpha{
    --alpha:.3;
    --text-color:var(--color-black-2);
}
#header.bg-white-alpha .header-logo img.header-logo-default,
#header.scroll .header-logo img.header-logo-default{
    display: block;
}
#header.bg-white-alpha .header-logo img.header-logo-white,
#header.scroll .header-logo img.header-logo-white{
    display: none;
}
#header.scroll{
    --alpha:1;
    --text-color:var(--color-black-2);
    --bg-alpha:1;
    box-shadow: 0 0 .1rem rgba(var(--black-color),.1);
}
@media screen and (min-width:992px) and (max-width:1032px){
    .header-nav{
        margin-right: .1rem;
        column-gap: .4rem;
    }
}
@media screen and (max-width:991px) and (min-width:768px) {
    #header{
        padding: 0 3vw;
    }
    .header-container{
        column-gap: .15rem;
    }
    .header-nav{
        margin-right: .0rem;
        column-gap: .1rem;
    }
}
@media screen and (max-width:767px) {
    #header{
        padding: 0 3vw;
    }
    .header-nav,.header-code,.header-contact{
        display: none;
    }
    .header-button{
        display: block;
    }
}
/*
* nav
*/
#nav{
    --text-color:var(--color-black-6);
    position: fixed;
    top: 0;
    right: -100%;
    background: var(--color-white-default);
    z-index: 101;
    width: 100%;
    height: 100%;
    transition: all var(--alpha-speed) ease-in-out;
}
#nav.open{
    right: 0;
}
.nav-close{
    padding: .2rem 0;
}
.nav-close .iconfont{
    font-size: .5rem;
    color: var(--color-black-6);
}
.nav-logo{
    margin: .15rem 0;
    text-align: center;
}
.nav-logo img{
    height: .5rem;
}
.nav-list{
    margin-top: .2rem;
}
.nav-item{
    border-bottom: solid 1px rgba(var(--black-color-6),.12);
    padding: .15rem 0;
    font-size: .18rem;
}
.nav-item a{
    color: var(--color-black-3);
}
.nav-item a:hover,
.nav-item a:active,
.nav-item a:focus{
    color: var(--color-primary);
    font-weight: 500;
}
.nav-item-title {
    font-size: .18rem;
    color: var(--color-black-3);
    cursor: pointer;
}
.nav-item-title.active{
    color: var(--color-primary);
    font-weight: 500;
}
.nav-item-title.active .iconfont{
    transform: rotate(180deg);
}
.nav-item-dropdown{
    display: flex;
    flex-wrap: wrap;
    column-gap: .15rem;
    row-gap: .15rem;
    padding: .15rem 0 0;
    display: none;
    font-size: .16rem;
}
.nav-item-dropdown.active{
    display: flex !important;
}
.nav-item-dropdown-item{
    background: rgba(var(--black-color-2),.05);
    padding: .05rem .15rem;
    border-radius: var(--radius);
}
.nav-code{
    max-width: 2rem;
    margin: .2rem auto 0;
}
.nav-code img{
    width: 100%;
}
.nav-code p{
    font-size: .14rem;
    color: var(--color-primary);
}
.nav-contact{
    width: fit-content;
    margin: .2rem auto 0;
}
.nav-contact p{
    font-size: .16rem;
    color: var(--color-black-default);
    line-height: 2;
}
.nav-contact p a{
    color: var(--color-black-default);
}
.nav-contact p span{
    white-space: nowrap;
    color: var(--color-primary);
    font-weight: 500;
    margin-right: .2rem;
}
/**
* main
*/
.home-title-en{
    font-weight: 700;
    text-transform: uppercase;
    font-size: .48rem;
    line-height: 1;
    white-space: nowrap;
    color: rgba(var(--primary-color), .1);
}
.home-title-cn{
    font-weight: 700;
    font-size: .48rem;
    line-height: 1;
    margin-top: -.3rem;
    color: var(--color-primary);
}
.home-title-cn span{
    color: var(--color-secondary);
}
.home-subtitle{
    margin-top: .12rem;
    font-size: .16rem;
    color: var(--color-black-6);
}
/* 
* banner
*/
#banner{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    min-height: 7rem;
}
@-webkit-keyframes scaleBigToSmall {
    0% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes scaleBigToSmall {
    0% {
      opacity: 1;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
.banner-item{
    position: relative;
}
.banner-img{
    -webkit-animation: scaleBigToSmall 2s;
    animation: scaleBigToSmall 2s;
}
.banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    
}
.banner-content{
    position: absolute;
    inset: 0;
}
.banner-title{
    font-family: 'ALMMSHT';
    font-size: .7rem;
    color: var(--color-white-default);
    letter-spacing: .05rem;
    text-shadow: 0 0 .1rem var(--color-black-default);
    line-height: 1;
}
.banner-subtitle{
    margin-top: .45rem;
    font-size: .24rem;
    font-weight: 700;
    letter-spacing: .05rem;
    color: rgba(var(--white-color), .9);
    text-shadow: 0 0 .1rem var(--color-black-default);
    line-height: 1;
}
.banner-statistics{
    position: absolute;
    bottom: .3rem;
    left: 0;
    right: 0;
}
.banner-statistics-item{

}
.banner-statistics-item-header{
    display: flex;
    align-items: flex-start;
    line-height: 1;
    font-size: .5rem;
    color: var(--color-white-default);
    font-weight: 600;
}
.banner-statistics-item-header em{
    font-size: .18rem;
    font-weight: 400;
    margin-left: .05rem;
    transform: translateY(-.09rem);
}
.banner-statistics-item-footer{
    font-size: .18rem;
    color: var(--color-white-default);
    font-weight: 400;
    margin-top: .1rem;
}
@media screen and (max-width:767px) {
    .banner-title{
        font-size: .34rem;
    }
    .banner-subtitle{
        font-size: .18rem;
        line-height: 1.5;
    }
    .banner-statistics-list{
        display: grid;
        grid-template-columns: repeat(3, auto);
        row-gap: .5rem;
    }
    .banner-statistics-item-header{
        font-size: .4rem;
    }
}
/*
* home brand
*/
.home-brand{
    background: url(../images/bg-2.webp) no-repeat right center/cover;
    padding: .6rem 0 .75rem;
}
.home-brands-list{
    /* display: grid;
    grid-template-columns: repeat(2, auto); */
    column-gap: .2rem;
    /* row-gap: .2rem; */
    margin-top: .6rem;
}
.home-brands-item{
    border-radius: .23rem;
    overflow: hidden;
    position: relative;
    flex:1;
    transition: all var(--alpha-speed) ease-in-out;
    height: 7.8rem;
}
.home-brands-item::before{
    content: '';
    position: absolute;
    inset: 0;
    background: var(--black-gradient);
    z-index: 1;
    opacity: .3;
    transition: all var(--alpha-speed) ease-in-out;
}
.home-brands-img{
    width: 100%;
    height: 100%;
}
.home-brands-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home-brands-content{
    position: absolute;
    inset: 0;
    padding: .9rem .45rem;
    text-align: center;
    transition: all var(--alpha-speed) ease-in-out;
    z-index: 2;
    color: var(--color-white-default);
}
.home-brands-title{
    font-size: .32rem;
    font-weight: 700;
}
.home-brands-desc{
    font-size: .18rem;
    line-height: 2.2;
}
.home-brands-button{
    color: var(--color-white-default);
    font-size: .18rem;
    display: block;
    width: fit-content;
    margin: .25rem auto 0;
}
.home-brands-item:hover{
    flex:1.7
}
.home-brands-item:hover::before{
    background: rgba(var(--primary-color),.5);
    opacity: 1;
}
.home-brands-item:hover .home-brands-content{
    padding: 1.7rem .45rem .45rem;
}
.home-brands-item:hover .home-brands-desc{
    --row:10
}
.home-brands-item:hover .home-brands-button{
    margin-top: .4rem;
    background: rgba(var(--white-color),.8);
    border-radius: .23rem;
    height: .46rem;
    line-height: .46rem;
    padding: 0 .23rem;
    color: var(--color-primary);
}
@media screen and (max-width:767px) {
    .home-brands-list{
        flex-direction: column;
        row-gap: .2rem;
    }
    .home-brands-item{
        height: 1.8rem;
    }
    .home-brands-item::before{
        opacity: .6;
    }
    .home-brands-content{
        padding: .2rem !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
/*
* home service
*/
.home-service{
    overflow: hidden;
    width: 100%;
    height: 100vh;
    min-height: 8rem;
    max-height: 1080px;
}
.home-service-item a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-service-img{
    height: 100%;
}
.home-service-img img{
    transition: all var(--alpha-speed) ease-in-out;
}
.home-service-content{
    position: absolute;
    inset: 0;
    background: rgba(var(--black-color),.2);
    padding: 1.1rem 1rem;
    transition: all var(--alpha-speed) ease-in-out;
    color: var(--color-white-default);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.home-service-icon{
    width:.6rem;
    height:.6rem;
}
.home-service-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.home-service-icon .iconfont{
    font-size: .6rem;
    line-height: 1;
}
.home-service-en{
    font-size: .26rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: .65rem;
    opacity: .15;
    line-height: 1.3;
    max-width: 3rem;
    min-height: calc(.26rem * 1.3 * 3);
}
.home-service-title{
    font-size: .28rem;
    font-weight: 700;
    margin-top: .3rem;
}
.home-service-subtitle{
    margin-top: .15rem;
    font-size: .18rem;
    display: none;
}
.home-service-desc{
    --row:-1;
    font-size: .18rem;
    margin-top: .4rem;
    line-height: 2.2;
    display: none;
}
.home-service-more{
    margin-top: .9rem;
    font-size: .18rem;
    transition: all var(--alpha-speed) ease-in-out;
}
.home-service-item:hover .home-service-img img{
    transform: scale(1.2);
}
.home-service-item:hover .home-service-content{
    padding: 1.1rem .65rem .65rem;
    background: rgba(var(--primary-color),.5);
}
.home-service-item:hover .home-service-subtitle{
    display: block;
}
.home-service-item:hover .home-service-desc{
    display: -webkit-box;
}
.home-service-item:hover .home-service-more{
    margin-top: 1rem;
}
@media screen and (max-width:767px) {
    .home-service{
        max-height: 6rem;
    }
}
/*
* home news
*/
.home-news{
    padding: .4rem 0 .8rem;
}
.swiper-news{
    margin-top: .5rem;
    padding-bottom: .75rem;
}
.home-news-item{
    --radius:.23rem;
    background-color: var(--bg-color-black-fa);
    border-radius: var(--radius);
    padding: .15rem;
    transition: all var(--alpha-speed) ease-in-out;
    display: block;
    overflow: hidden;
    transition: all var(--alpha-speed) ease-in-out;
}
.home-news-img{
    border-radius: var(--radius);
    overflow: hidden;
    height: 3rem;
    transition: all var(--alpha-speed) ease-in-out;
}
.home-news-img img{
    transition: all var(--alpha-speed) ease-in-out;
}
.home-news-content{
    padding: .4rem 0 .25rem;
}
.home-news-info{
    font-size: .13rem;
    color: var(--color-black-2);
    line-height: 1;
    margin-bottom: .2rem;
}
.home-news-info .iconfont{
    font-size: .18rem;
    color: var(--color-primary);
    margin-right: .05rem;
}
.home-news-title{
    --row:2;
    font-size: .18rem;
    color: var(--color-black-default);
    font-weight: 500;
    line-height: 1.7;
    min-height: calc(.17rem * var(--row) * 1.7);
}
.news-pagination span{
    height: .1rem;
    width: .32rem;
    border-radius: var(--radius);
    background: var(--color-black-default);
    opacity: 1;
    transition: all var(--alpha-speed) ease-in-out;
}
.news-pagination span.swiper-pagination-bullet-active{
    background: var(--color-primary);
    width: .6rem;
}
.home-news-item:hover{
    box-shadow: 0 0 .1rem rgba(var(--primary-color), 0.1);   
}
.home-news-item:hover .home-news-img img{
    transform: scale(1.2);
    transition: all var(--alpha-speed) ease-in-out;
}
.home-news-item:hover .home-news-title{
    color: var(--color-primary);
}
/*
* footer
*/
#footer{
    background: url(../images/bg-1.webp) no-repeat top center/cover;
    position: relative;
    z-index: 5;
}
.footer-buttons {
    transform: translateY(-.45rem);
}
.footer-buttons .btn{
    width: .84rem;
    height: .84rem;
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white-default);
    font-size: .2rem;
    cursor: pointer;
    position: relative;
    z-index: 5;
}
.footer-buttons .btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.footer-buttons .btn .iconfont{
    font-size: .2rem;
    color: var(--color-white-default);
}
.footer-buttons .btn.footer-sustomer{
    width: .95rem;
    height: .95rem;
    background: var(--color-secondary);
}
.footer-menu{
    margin-top: .1rem;
}
.footer-menu-left{
    max-width: 4.15rem;
}
.footer-menu-logo{
    margin-bottom: .2rem;
}
.footer-menu-logo img{
    height: .37rem;
    display: block;
}
.footer-menu-desc{
    font-size: .16rem;
    color: var(--color-black-3);
    line-height: calc(28 / 16);
}
.footer-codes{
    margin-top: .6rem;
    column-gap: .2rem;
}
.footer-codes-item{
    width: 1.05rem;
    text-align: center;
}
.footer-codes-item img{
    border-radius: var(--radius);
    max-width: 100%;
    overflow: hidden;
    display: block;
}
.footer-codes-item-title{
    margin-top: .12rem;
    font-size: .14rem;
    color: var(--color-primary);
}
.footer-codes-item-tips{
    font-size: .12rem;
    color: var(--color-primary);
    margin-top: .07rem;
    opacity: .4;
}
.footer-menu-right{
    column-gap: 1rem;
}
.footer-menu-item{
    max-width: 3rem;
}
.footer-menu-item-title{
    font-size: .18rem;
    color: var(--color-primary);
    font-weight: 700;
    padding-bottom: .15rem;
    border-bottom: solid 1px rgba(var(--primary-color),.12);
    margin-bottom: .35rem;
    text-transform: uppercase;
}
.footer-brand-list{
    display: flex;
    flex-direction: column;
    row-gap: .3rem;
}
.footer-brand-item svg{
    height: .3rem;
    width: 100%;
}
.footer-brand-item:first-child svg{
    fill: #1B5E8C;
}
.footer-brand-item:last-child svg{
    fill: #96B931;
}
.footer-contact p{
    border-bottom: solid 1px rgba(var(--black-color-6),.12);
    padding: .27rem 0;
    font-size: .15rem;
    color: var(--color-black-3);
    display: flex;
}
.footer-contact p a{
    color: var(--color-black-3);
}
.footer-contact p span{
    color: var(--color-primary);
    margin-right: .25rem;
    white-space: nowrap;
}
.footer-contact p:first-child{
    padding-top: 0;
}
.footer-contact p:last-child{
    border-bottom: none;
}
.footer-menu-item-link{
    padding: .09rem 0;
    font-size: .15rem;
    color: var(--color-black-3);
    line-height: 1.5;
}
.footer-menu-item-link span{
    color: var(--color-primary);
    margin-right: .4rem;
}
.footer-menu-item-link b{
    font-weight: 400;
    color: var(--color-black-3);
}

.footer-menu-item-link:first-child{
    padding-top: 0;
}
.footer-menu-item-link:hover b{
    color: var(--color-primary);
    font-weight: 500;
}
.footer-copyright{
    margin-top: .5rem;
    padding: .3rem 0 .35rem;
    border-top: solid 1px rgba(var(--primary-color),.12);
    font-size: .14rem;
    color: var(--color-black-6);
}
.footer-copyright a{
    color: var(--color-black-6);
}
.footer-copyright a:hover{
    color: var(--color-primary);
    font-weight: 500;
}
@media screen and (min-width:768px) and (max-width:992px) {
    .footer-menu{
        column-gap: .15rem;
    }
    .footer-menu-right{
        column-gap: .2rem;
    }
    .footer-menu-item-title{
        white-space: nowrap;
    }
    .footer-menu-item-link{
        white-space: nowrap;
    }
}
@media screen and (max-width:767px) {
    .footer-menu{
        flex-direction: column;
    }
    .footer-menu-left{
        max-width: 100%;
    }
    .footer-menu-logo img{
        margin: auto;
    }
    .footer-codes{
        margin-top: .5rem;
        justify-content: center;
        padding-bottom: .3rem;
        border-bottom: solid 1px rgba(var(--primary-color),.05);
        margin-bottom: .5rem;
    }
    .footer-codes-item{
        width: 1.6rem;
    }
    .footer-menu-right{
        flex-direction: column;
        row-gap: .4rem;
    }
    .footer-menu-item{
        max-width: 100%;
    }
    .footer-copyright{
        flex-direction: column;
        row-gap: .15rem;
    }
    .footer-brand-list{
        flex-direction: row;
        column-gap: .3rem;
    }
    .footer-brand-item{
        flex:1;
    }
    .footer-brand-item svg{
        height: auto;
    }
}

/*
* page public
*/
#main{
    width: 100%;
    overflow-x: clip;
}
.page-banner{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 8rem;
    background-attachment: fixed;
    height: 7rem;
    position: relative;
}
.page-banner::before{
    content: '';
    background: linear-gradient(180deg, rgba(0, 26, 14, 1) 0%, rgba(0, 26, 14, 0) 27.78%, rgba(0, 26, 14, 0) 77.78%, rgba(0, 26, 14, 1) 100%);
    position: absolute;
    inset: 0;
    opacity: .5;
    z-index: 1;
}
.page-banner .container{
    position: relative;
    z-index: 2;
    padding-bottom: 1.3rem;
}
.page-banner-title{
    font-size: .7rem;
    color: var(--color-primary);
    font-weight: 700;
    line-height: 1;
}
.page-banner-subtitle{
    margin-top: .2rem;
    font-size: .72rem;
    font-weight: 700;
    color: var(--color-primary);
    opacity: .5;
    line-height: 1;
}
.page-section{
    padding-bottom: 1rem;
    position: relative;
    z-index: 2;
}
.page-channel{
    margin-top: -.54rem;   
}
.page-channel-list {
    background: var(--color-primary);
    height: 1rem;
    padding: 0 1.1rem 0 .7rem;
    position: relative;
    column-gap: .7rem;
    font-size: .16rem;
}
.page-channel-list::after{
    content: '';
    position: absolute;
    right: -1.05rem;
    top: 0;
    width: 1.05rem;
    background: var(--color-primary) url('../images/bg-3.webp') no-repeat right bottom;
    background-size: auto .66rem;
    height: 100%;
}
.page-channel-item a{
    color: var(--color-white-default);
    display: flex;
    align-items: center;
}
.page-channel-item.active,.page-channel-item:hover{
    font-weight: 500;
}
.page-channel-item.active a{
    column-gap: .1rem;
}
.page-channel-item.active a::before{
    content: '';
    width: .27rem;
    height: .02rem;
    background: var(--color-white-default);
}
.page-pagination{
    margin-top: 1rem;
}
.page-pagination ul{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .15rem;
}
.page-pagination li{
    width: .46rem;
    height: .46rem;
    border-radius: .05rem;
    border: solid 1px var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    color: var(--color-black-6);
}
.page-pagination li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-black-6);
}
.page-pagination li.disabled{
    opacity: .5;
    cursor: not-allowed;
}
.page-pagination li:hover{
    background: var(--color-primary);
    color: var(--color-white-default);
}
.page-pagination li:hover a{
    color: var(--color-white-default);
}
.page-pagination li.active{
    background: var(--color-primary);
    color: var(--color-white-default);
}
.page-filters{
    margin-top: .6rem;
    column-gap: .85rem;
    position: relative;
    z-index: 3;
}
.page-filters-item{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .7rem;
    border: solid 1px #E5E7EB;
    border-radius: .35rem;
    position: relative;
    z-index: 5;
}
.page-filters-select,.page-filters-input{
    flex:1;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: .18rem;
    color: var(--color-black-3);
    border-radius: .35rem;
   padding: 0 .2rem;
}
.page-filters-select-title{
    width: 100%;
    height: 100%;
    color: var(--color-black-6);
    position: relative;
    z-index: 2;
}
.page-filters-select-title span.active{
    color:var(--color-primary);
    font-weight:500
}
.page-filters-select{
    margin-right: .2rem;
    cursor: pointer;
}
.page-filters-list{
    position: absolute;
    left: 0;
    top:calc(40% + 1px);
    background: var(--color-white-default);
    box-shadow: 0 .1rem .1rem rgba(var(--black-color),.1);
    right: 0;
    border-radius:0 0 .35rem .35rem;
    padding: .4rem .1rem .15rem;
    border: solid 1px #E5E7EB;
    border-top: none;
    
    z-index: 1;
   
    visibility: hidden;
    opacity: 0;
    transition: all var(--alpha-speed) ease-in-out;
}
.page-filters-body{
    max-height: 3.5rem;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    row-gap: .1rem;
}
.page-filters-list a{
    font-size: .16rem;
    color: var(--color-black-2);
    padding: .05rem .15rem;
    border-radius: var(--radius);
}
.page-filters-list a:hover{
    color: var(--color-primary);
}
.page-filters-list a.active{
    background: var(--color-primary);
    color: var(--color-white-default);
}
.page-filters-item:hover .page-filters-list{
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
.page-filters-button{
    width: .54rem;
    height: .54rem;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    margin-right: .08rem;
    color: var(--color-white-default);
    font-size: .2rem;
    font-weight: 500;
}
.page-text{
    font-size: .16rem;
    line-height: 2;
    color: var(--color-black-6);
}
.page-text ul,.page-text ol{
    list-style: initial;
    padding-left: .2rem;
}
.page-text img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
.page-text table{
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #E5E7EB;
}
.page-text table th,
.page-text table td{
    border: solid 1px #E5E7EB;
    padding: .1rem .2rem;
}
.page-preview{
    border-top: solid 1px #E5E7EB;
    padding-top: .3rem;
    column-gap: .5rem;
    margin-top: .3rem;
}
.page-preview span{
    flex:1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.page-prev .iconfont,.page-next .iconfont{
    width: .3rem;
    height: .3rem;
    border: solid 1px #E5E7EB;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .17rem;
}
.page-preview-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.page-prev,.page-next{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.page-next{
    justify-content: flex-end;
}
.page-prev a,.page-next a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: .1rem;
    font-size: .15rem;
    color: var(--color-black-6);
}
.page-preview-list a{
    font-size: .15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: .1rem;
    color: var(--color-primary);
}
.page-preview-list a:hover{
    color: var(--color-secondary);
    font-weight: 500;
}
.page-prev a:hover,.page-next a:hover{
    color: var(--color-primary);
    font-weight: 500;
}
.page-prev a:hover .iconfont,.page-next a:hover .iconfont{
    background-color: var(--color-primary);
    color: var(--color-white-default);
    border-color: var(--color-primary);
}
.page-return-button{
    width: fit-content;
    border: solid 1px rgba(var(--black-color),.1);
    border-radius: var(--radius);
    padding: .1rem .3rem;
    font-size: .16rem;
    column-gap: .1rem;
    color: var(--color-black-3);
    transition: all var(--alpha-speed) ease-in-out;
}
.page-return-button:hover{
    background-color: var(--color-primary);
    color: var(--color-white-default);
    border-color: var(--color-primary);
}
@media screen and (max-width:767px) {
    .page-banner{
        height: 5rem;
        background-size: auto 6rem;
    }
    .page-banner .container{
        padding-bottom: 0;
        justify-content: center;
        align-items: center;
    }
    .page-banner-title{
        font-size: .4rem;
    }
    .page-banner-subtitle{
        font-size: .4rem;
    }
    .page-channel{
        margin-top: -.35rem;
    }
    .page-channel-list{
        padding: 0 .3rem;
        column-gap: .3rem;
        height: .7rem;
    }
    .page-filters{
        column-gap: .2rem;
        margin-top: .5rem;
        flex-wrap: wrap;
        row-gap: .2rem;
    }
    .page-filters-item{
        flex:1 1 45%;
        height: .64rem;
    }
    .page-pagination{
        margin-top: .6rem;
    }
    .page-pagination li{
        width: .36rem;
        height: .36rem;
    }
    .page-preview{
        flex-direction: column;
        row-gap: .2rem;
    }
    .page-preview-list{
        display: none;
    }
}
/*
* page news
*/
.page-news-list{
    margin-top: .8rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .5rem;
    row-gap: .8rem;
}
.page-news-item{
    transition: all var(--alpha-speed) ease-in-out;
    position: relative;
}
.page-news-item::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .8rem;
    background: var(--bg-color-black-fa);
    z-index: -1;
}
.page-news-img{
    height: 3.3rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.page-news-img img{
    transition: all var(--alpha-speed) ease-in-out;
}
.page-news-content{
    padding: .3rem .45rem 0;
    position: relative;
}
.page-news-type{
    font-size: .16rem;
    color: var(--color-primary);
    line-height: 1;
}
.page-news-title{
    --row:3;
    margin-top: .15rem;
    font-size: .24rem;
    font-weight: 500;
    color:var(--color-black-2);
    line-height: 1.5;
    min-height: calc(.24rem * var(--row) * 1.5);
}
.page-news-info{
    height: .8rem;
}
.page-news-time{
    font-size: .16rem;
    color: var(--color-black-9);
}
.page-news-more{
    width: .4rem;
    height: .4rem;
    border: solid 1px var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: .2rem;
    transform: rotate(-45deg);
    transition: all var(--alpha-speed) ease-in-out;
}
.page-news-item:hover{
    box-shadow: 0 0 .15rem rgba(var(--primary-color),.2);
    transform: translateY(-.1rem);
    border-radius: var(--radius);
    overflow: hidden;
}
.page-news-item:hover .page-news-img img{
    transform: scale(1.05);
}
.page-news-item:hover::after{
    height: 100%;
}
.page-news-item:hover .page-news-title{
    color: var(--color-primary);
}
.page-news-item:hover .page-news-more{
    background-color: var(--color-primary);
    color: var(--color-white-default);
    transform: rotate(0);
}
@media screen and (max-width:767px) {
    .page-news-list{
        grid-template-columns: repeat(2, 1fr);
        row-gap: .3rem;
        column-gap: .2rem;
        margin-top: .5rem;
    }
    .page-news-item::after{
        height: .6rem;
    }
    .page-news-img{
        height: 2rem;
    }
    .page-news-content{
        padding: .2rem .2rem 0;
    }
    .page-news-title{
        font-size: .18rem;
        min-height: calc(.19rem * var(--row) * 1.5);
    }
    .page-news-info{
        height: .6rem;
    }
    .page-news-more{
        height: .3rem;
        width: .3rem;
    }
}
/*
* page news details
*/
.page-news-details{
    gap: 1.4rem;
    margin-top: .6rem;
    align-items: flex-start;
}
.page-news-details-left{
    flex:1;
    min-width: 0;
}
.page-news-details-left .title{
    font-size: .5rem;
    color: var(--color-black-2);
    font-weight: 500;
    line-height: 1.5;
}
.page-news-details-left .meta{
    padding: .3rem 0;
    border-bottom: solid 1px #E5E7EB;
    margin-bottom: .3rem;
    font-size: .15rem;
    color: var(--color-black-6);
}
.page-news-details-side{
    flex:0 0 3.8rem;
    width: 3.8rem;
    position: sticky;
    top: 1.2rem; /* 避开 fixed header */
    align-self: flex-start;
}
.page-news-side-title{
    font-size: .24rem;
    font-weight: 700;
    color: var(--black-color-2);
    margin-bottom: .2rem;
    border-bottom: solid 1px #E5E7EB;
    padding-bottom: .2rem;
}
.page-news-side-list{
    display: flex;
    flex-direction: column;
    row-gap: .2rem;
}
.page-news-side-item{
    border-bottom: solid 1px #E5E7EB;
    padding-bottom: .2rem;
}
.page-news-side-item-img{
    max-height: 2rem;
    overflow: hidden;
}
.page-news-side-item-img img{
    transition: all var(--alpha-speed) ease-in-out;
}
.page-news-side-item-time{
    margin-top: .15rem;
    font-size: .15rem;
    color: var(--color-black-9);
}
.page-news-side-item-title {
    font-size: .18rem;
    color: var(--color-black-2);
    margin-top: .05rem;
}
.page-news-side-item:hover .page-news-side-item-img img{
    transform: scale(1.05);
}
.page-news-side-item:hover .page-news-side-item-title{
    color: var(--color-primary);
    font-weight: 500;
}
@media screen and (min-width:768px) and (max-width:992px) {
    .page-news-details{
        gap: .6rem;
    }
    .page-news-details-left .title{
        font-size: .3rem;
    }
}
@media screen and (max-width:767px) {
    .page-news-details{
        flex-direction: column;
        gap: .4rem;
    }
    .page-news-details-left .title{
        font-size: .28rem;
    }
    .page-news-details-side{
        flex: 0 0 100%;
        width: 100%;
    }
    .page-news-side-list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: .25rem;
        row-gap: .3rem;
    }
}
/*
* page team
*/
.page-team-list{
    margin-top: .8rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: .5rem;
    row-gap: .55rem;
}
.page-team-item{
    border: solid 1px #DCD7CB;
    position: relative;
    transition: all var(--alpha-speed) ease-in-out;
}
.page-team-item::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: var(--color-primary);
    transition: all var(--alpha-speed) ease-in-out;
}
.page-team-img{
    height: 4.8rem;
    overflow: hidden;
}
.page-team-img img{
    transition: all var(--alpha-speed) ease-in-out;
    object-position: top center;
}
.page-team-content{
    padding: .2rem .2rem .25rem;
}
.page-team-title{
    font-size: .24rem;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1;
}
.page-team-work{
    margin-top: .15rem;
    width: fit-content;
    min-width: 70%;
    font-size: .16rem;
    color: var(--color-black-3);
    /* padding-bottom: .2rem; */
    line-height: 1;
    /* border-bottom: solid 1px #F1F2F1; */
}
.page-team-item .page-team-tags{
    display:none
}
.page-team-tags{
    margin-top: .2rem;
    column-gap: .2rem;
    row-gap: .1rem;
    color: var(--color-primary);
    font-size: .14rem;
    line-height: .3rem;
}
.page-team-tag{
    border: solid 1px rgba(var(--primary-color),.2);
    padding: 0 .14rem;
}
.page-team-item:hover{
    border-color: var(--color-primary);
    box-shadow: 0 0 .2rem rgba(var(--primary-color),.2);
}
.page-team-item:hover::after{
    width: 100%;
}
@media screen and (max-width:767px) {
    .page-team-list{
        grid-template-columns: repeat(2, 1fr);
        row-gap: .25rem;
        column-gap: .2rem;
        margin-top: .5rem;
    }
    .page-team-img{
        height: 3rem;
    }
    .page-team-tags{
        font-size: .13rem;
        gap: .1rem;
    }
    .page-team-tag{
        padding: 0 .1rem;
    }
}
/*
* page team detail
*/
.page-team-detail{
    gap: .8rem;
    margin-top: .6rem;
}
.page-team-aside{
    flex: 0 0 4rem;
    width: 4rem;
    position: sticky;
    top: 1.2rem;
    align-self: flex-start;
    box-shadow: 0 0 .1rem rgba(var(--primary-color),.05);
}
.page-team-aside-img{
    height: 4.2rem;
    overflow: hidden;
}
.page-team-aside-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.page-team-aside-content{
    padding: .2rem;
    display: flex;
    flex-direction: column;
    row-gap: .25rem
}
.page-team-aside-content .page-team-tags{
    margin-top: 0
}
.page-team-aside-item{
    column-gap: .2rem;
    font-size: .16rem;
    color: var(--color-black-3);
    line-height: 1;
}
.page-team-aside-item .iconfont{
    font-size: .17rem;
    color: var(--color-primary);
}
.page-team-main-title{
    font-size: .3rem;
    font-weight: 700;
    color: var(--color-primary);
}
.page-team-main-section{
    margin-top: .35rem;
}
.page-team-main-section-title{
    display: flex;
    align-items: center;
    position: relative;
    font-size: .18rem;
    font-weight: 700;
    margin-bottom: .15rem;
    color: var(--color-black-2);
    line-height: 1;
}
.page-team-main-section-title::before,.page-team-main-section-title::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.page-team-main-section-title::before{
    width: calc(100% - (.18rem * 4) - .25rem);
    height: 1px;
    background: #E5E7EB;
    right: 0;
}
.page-team-main-section-title::after{
    width: .4rem;
    height: 3px;
    background: var(--color-secondary);
    left: calc(.18rem * 4 + .25rem);
}
@media screen and (max-width:767px) {
    .page-team-detail{
        flex-direction: column;
        gap: .3rem;
    }
    .page-team-aside{
        position: initial;
        width: 100%;
        box-shadow: 0 0 .2rem rgba(var(--primary-color),.1);
    }
}
/*
* page case
*/
.page-case-list{
    margin-top: .8rem;
}
.page-case-item{
    border-top: solid 1px #DCD7CB;
    border-bottom: solid 1px #DCD7CB;
    margin-top: -1px;
    
}
.page-case-item a{
    padding: .45rem 0;
}
.page-case-serial{
    min-width: .9rem;
    text-align: center;
    font-size: .2rem;
    color: var(--color-black-9);
}
.page-case-title{
    width: fit-content;
    position: relative;
    margin-left: .25rem;
}
.page-case-title .title{
    font-size: .2rem;
    color: var(--color-black-2);
    font-weight: 700;
    max-width: 8rem;
}
.page-case-img{
    position: absolute;
    top: 50%;
    left: calc(100% + .25rem);
    right: auto;
    width: 4.4rem;
    transform: translateY(-50%);
    background: var(--color-white-default);
    border-radius: var(--radius);
    padding: .1rem;
    box-shadow: 0 0 .1rem rgba(var(--primary-color),.2);
    transition: all var(--alpha-speed) ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.page-case-img::before{
    content: '';
    position: absolute;
    top: 50%;
    left: -.08rem;
    border-top: solid .08rem transparent;
    border-bottom: solid .08rem transparent;
    border-right: solid .08rem var(--color-white-default);
}
.page-case-img img{
    border-radius: var(--radius);
}
.page-case-right{
    display: flex;
    align-items: center;
    column-gap: .4rem;
}
.page-case-type{
    border: solid 1px rgba(var(--black-color-6),.2);
    display: flex;
    align-items: center;
    column-gap: .08rem;
    padding: .1rem .15rem;
    font-size: .14rem;
    color: var(--color-black-6);
    white-space: nowrap;
    line-height: 1;
}
.page-case-type::before{
    content: '';
    width: .1rem;
    height: .1rem;
    background: var(--color-black-6);
    opacity: .5;
    display: block;
}
.page-case-right .iconfont{
    font-size: .3rem;
    color: var(--color-black-9);
}
.page-case-item:hover{
    border-color: var(--color-primary);
    position: relative;
    z-index: 2;
}
.page-case-item:hover .page-case-serial,.page-case-item:hover .page-case-title .title{
    color: var(--color-primary);
}
.page-case-item:hover .page-case-img{
    visibility: visible;
    opacity: 1;
}
.page-case-item:hover .page-case-type{
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.page-case-item:hover .page-case-type::before{
    background: var(--color-primary);
}
.page-case-item:hover .page-case-right .iconfont{
    color: var(--color-primary);
}
@media screen and (max-width:767px) {
    .page-case-list{
        margin-top: .5rem;
    }
    .page-case-item a{
        padding: .3rem 0;
        column-gap: .15rem;
    }
    .page-case-serial{
        min-width: .6rem;
    }
    .page-case-title{
        margin-left: .1rem;
    }
    .page-case-title .title{
        font-size: .18rem;
    }
    .page-case-right{
        column-gap: .15rem;
    }
    .page-case-right .iconfont{
        font-size: .2rem;
    }
}
/*
* page case detail
*/
.page-case-detail{
    margin-top: .5rem;
    gap: .8rem;
    align-items: flex-start;
}
.page-case-detail-left{
    flex:0 0 4rem;
    width: 4rem;
    position: sticky;
    top: 1rem;
    align-self: flex-start;
    z-index: 10;
}
.page-case-aside{
    margin-top: .2rem;
    /* background: rgba(var(--primary-color),.05); */
    background: var(--bg-color-black-fa);
    border-radius: var(--radius);
    padding: .3rem;
}
.page-case-aside-title{
    font-size: .2rem;
    font-weight: 700;
    margin-bottom: .2rem;
    color: var(--color-black-2);
}
.page-case-aside-body{
    display: flex;
    flex-direction: column;
    row-gap: .15rem;
}

.page-case-aside-group-title{
    background: var(--color-white-default);
    border-radius: var(--radius);
    padding: .1rem .2rem;
    font-size: .17rem;
    color: var(--color-black-2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.page-case-aside-group-title em{
    font-size: .14rem;
    color: var(--color-black-9);
}
.page-case-aside-group-list{
    padding-top: .08rem;
    display: none;
    flex-direction: column;
    max-height: calc(100vh - 2.5rem);
    overflow-y: scroll;
}
.page-case-aside-group-item{
    padding: .1rem .25rem;
}
.page-case-aside-group-item a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    font-size: .15rem;
    color: var(--color-black-6);
    transition: all var(--alpha-speed) ease-in-out;
    font-weight: 500;
}
.page-case-aside-group-item:hover a{
    color: var(--color-primary);
}
.page-case-aside-group-item.active a{
    color: var(--color-primary);
    font-weight: 700;
}
.page-case-aside-group.is_open .page-case-aside-group-title{
    color: var(--color-primary);
    font-weight: 500;
}
.page-case-aside-group.is_open .page-case-aside-group-list{
    display: flex;
}
.page-case-detail-right{
    flex:1;
    min-width: 0;
}
.page-case-detail-info{
    padding: .1rem 0;
    font-size: .14rem;
    color: var(--color-black-9);
    column-gap: .6rem;
    margin-bottom: .3rem;
}
.page-case-detail-title{
    font-size: .3rem;
    font-weight: 600;
    margin-bottom: .2rem;
}
@media screen and (max-width:767px) {
    .page-case-detail{
        flex-direction: column;
        row-gap: .4rem;
    }
    .page-case-detail-left{
        flex: 0 0 100%;
        width: 100%;
    }
    .page-case-detail-left .page-return-button{
        background: var(--color-white-default);
    }
    .page-case-aside{
        display: none;
    }
    .page-case-detail-info{
        column-gap: .3rem;
    }
}
/*
* page join
*/
.page-join{
    padding: 1rem 0;
}
.page-join-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .6rem;
}
.page-join-item{
    background: #F9F9F9;
    padding: .4rem .6rem;
}
.page-join-header{
    border-bottom: solid 1px #E5E7EB;
    padding-bottom: .3rem;
    line-height: 1;
    margin-bottom: .35rem;
}
.page-join-header .title{
    font-size: .3rem;
    color: var(--color-black-2);
    font-weight: 500;
}
.page-join-header .info{
    display: flex;
    align-items: center;
    column-gap: .75rem;
    color: var(--color-black-6);
    font-size: .16rem;
}
.page-join-body{
    height: 3rem;
    overflow-y: scroll;
    font-size: .16rem;
    color: var(--color-black-6);
    line-height: 2;
}
.page-join-item::after{
    content: '';
    background: #E5E7EB;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: .4rem;
}
.page-join-tips{
    margin-top: .8rem;
}
.page-join-tips-title{
    font-size: .48rem;
    color: var(--color-primary);
    font-weight: 900;
    line-height: 1;
}
.page-join-tips-content,.page-join-tips-content a{
    font-size: .2rem;
    color: var(--color-black-6);
}
.page-join-tips-content{
    margin-top: .35rem;
    text-align: center;
}
.page-join-tips-content a:hover{
    color: var(--color-primary);
}
@media screen and (min-width:768px) and (max-width:992px) {
    .page-join-list{
        gap: .3rem;
    }
    .page-join-item{
        padding: .3rem .4rem;
    }
    .page-join-header .title{
        font-size: .26rem;
    }
    .page-join-header .info{
        column-gap: .2rem;
    }
}
@media screen and (max-width:767px) {
    .page-join{
        padding: .6rem 0;
    }
    .page-join-list{
        grid-template-columns: repeat(1, 1fr);
        gap: .2rem;
    }
    .page-join-item{
        padding: .25rem .3rem;
    }
    .page-join-header .title{
        font-size: .2rem;
    }
    .page-join-header .info{
        column-gap: .2rem;
    }
    .page-join-tips-title{
        font-size: .3rem;
    }
}
/*
* page about
*/
.page-about{
    background:#F9F9F9 url(../images/bg-4.webp) no-repeat top .54rem right 0;
    background-size: 50% auto;
    padding:1rem 0
}
.page-about-body{
    max-width: 50%;
}
.page-about-en{
    font-size: .3rem;
    color: var(--color-primary);
    margin-bottom: 1.2rem;
    line-height: 1;
}
.page-slogan{
    --size:.55rem;
    font-size: var(--size);
    color: var(--color-black-2);
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    width: fit-content;
}
.page-slogan::after{
    content: '';
    background: #CCCCCC;
    width: calc(var(--size) * 4.5);
    height: calc(var(--size) + .05rem);
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: hard-light;
}
.page-about-content{
    margin-top: .5rem;
    font-size: .18rem;
    line-height: 2;
    color: #4A4A4A;
}
.page-about-more{
    width: fit-content;
    margin-top: .9rem;
    background: var(--color-primary);
    border-radius: .5rem;
    font-size: .16rem;
    line-height: 1;
}
.page-about-more a{
    padding: .18rem .32rem;
    column-gap: .2rem;
    color: var(--color-white-default);
}
.page-about-more a .iconfont{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    background: var(--color-secondary);
}
.page-about-list{
    margin-top: 1.05rem;
    column-gap: .35rem;
}
.page-about-item{
    background-color: var(--color-white-default);
    border-radius: .3rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}
.page-about-item-title{
    width: fit-content;
    padding: .3rem .25rem .17rem;
    border-bottom: solid 1px #F4F4F4;
    column-gap: .12rem;
    font-size: .18rem;
    color: var(--color-black-2);
}
.page-about-item-title .iconfont{
    font-size: .3rem;
    color: var(--color-primary);
}
.page-about-item-statistics{
    display: flex;
    align-items: flex-end;
    line-height: 1;
    color: var(--color-primary);
    margin-top: .25rem;
}
.page-about-item-statistics em,.page-about-item-statistics b{
    font-size: .16rem;
    font-style: normal;
}
.page-about-item-statistics .countTo{
    font-size: .8rem;
    font-weight: 900;
}
.page-about-img{
    margin-top: .2rem;
    border-radius: .3rem;
    height: 2.4rem;
    overflow: hidden;
}
.about-historical{
    padding: 1rem 0 .6rem;
}
.about-historical-body{
    margin-top: 1rem;
    position: relative;
    padding-left: 1.2rem;
}
.about-historical-year{
    font-size: 1rem;
    color: var(--color-primary);
    font-weight: 900;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    right: calc(100% - (1rem * 3));
    line-height: 1;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}
.about-historical-swiper{
    flex:1;
    height: 7.9rem;
}
.swiper-historical{
    --swiper-pagination-progressbar-size:1px;
    --swiper-pagination-progressbar-bg-color:rgba(74, 74, 74, .3);
    --swiper-pagination-color:var(--color-primary);
    height: 100%;
    padding-left: .8rem;
    padding-right: .7rem;
    cursor: grab;
}
.swiper-historical .swiper-slide{
    height: auto;
}
.swiper-historical .swiper-slide .title{
    font-size: .36rem;
    color: var(--color-black-2);
    line-height: 1.5;
}
.swiper-historical .swiper-slide .content{
    margin-top: .25rem;
    font-size: .2rem;
    color: #4A4A4A;
    line-height: 2;
}
.swiper-historical::before,.swiper-historical::after{
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    height: 1.0rem;
    z-index: 10;
}
.swiper-historical::before{
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.swiper-historical::after{
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.historical-pagination{
    left: .06rem !important;
}
.historical-pagination::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: .12rem;
    height: .12rem;
    background: var(--color-primary);
    border-radius: 50%;
    transform: translateX(-50%);
}
.about-historical-imgs{
    flex: 0 0 5.4rem;
    width: 5.4rem;
    height: auto;
    border-radius: var(--radius);
    overflow: hidden;
}
.swiper-imgs{
    width: 100%;
    height: 100%;
}
.about-culture{
    position: relative;
    transition: all var(--alpha-speed) ease-in-out;
    height: 7rem;
}
.about-culture .swiper{
    height: 100%;
}
.about-culture .swiper-wrapper{
    transition-delay:.3s;
}
.about-culture .swiper-culture .swiper-slide{
    overflow: hidden;
}
.about-culture .swiper-culture .swiper-slide img{
    transform: scale(1.3);
    transition:all 2s;
}
.about-culture .about-culture-detail{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-culture-desc{
    font-family: 'ALMMSHT';
    font-size: .7rem;
    color: var(--color-white-default);
    letter-spacing: .05rem;
    text-shadow: 0 0 .1rem var(--color-black-default);
    line-height: 1.3;
    max-width: 10rem;
    text-align: center;
    transform:translateX(-2rem);
	opacity:0;
	transition:all .4s;
}
.about-culture .swiper-slide.ani-slide .about-culture-desc{
    transform:translateX(0);
	opacity:1;
}
.about-culture .swiper-slide.ani-slide img{
    transform: scale(1);
    
}
.about-culture .container{
    height: 100%;
    padding-top: 1.35rem;
}
.about-culture-thumbs{
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
}

.about-culture-item{
    font-size: .58rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
    color: var(--color-white-default);
    opacity: .5;
    column-gap: .4rem;
    font-weight: 500;
    cursor: pointer;
}
.about-culture-item em{
    font-size: .24rem;
    color: var(--color-primary);
    display: none;
}
.about-culture-item.active{
    opacity: 1;
}
.about-culture-item.active em{
    display: block;
}
.about-culture .culture-pagination{
    display: flex;
    align-items: center;
    text-align: left;
    position: initial;
    margin-bottom: .9rem;
    font-size: .16rem;
    color: var(--color-white-default);
}
.about-culture .culture-pagination::before{
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: var(--color-white-default);
    content: '';
    margin-right: .2rem;
}
.about-culture-content{
    position: absolute;
    right: .4rem;
    bottom: .7rem;
    z-index: 10;
}
.about-culture-text{
    font-size: .56rem;
    color: var(--color-white-default);
    font-weight: 900;
    max-width: 8rem;
    padding-right: calc((100vw - 95vw) / 2 + 1rem);
}
.about-culture-buttons{
    display: flex;
    align-items: center;
    margin-top: .4rem;
    column-gap: .1rem;
}
.culture-prev,.culture-next{
    position: initial;
    display: flex;
    width: .6rem;
    height: .6rem;
    background: var(--color-white-default);
    border-radius: 50%;
    color: var(--color-primary);
    margin: 0;
}
.culture-prev::after,.culture-next::after{
    display: none;
}

/*start news culture*/
.about-culture-news{
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding:1.2rem 0;
    position:relative;
}
.about-culture-news::before{
    content:'';
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    backdrop-filter: blur(1px);
}
.about-culture-news .container{
    display: flex;
    justify-content: space-between;
    position:relative;
    z-index:2;
}
.about-culture-left{
    position: sticky;
    top: 2rem;
    align-self: flex-start;
    flex: 0 0 4rem;
}
.about-culture-channel{
    font-size:.48rem;
    color:var(--color-primary);
    font-weight: 700;
    line-height:1
}
.about-culture-summary{
    font-size: .32rem;
    color: #000;
    margin-top: .2rem;
}
.about-culture-right{
    row-gap: .3rem;
    flex: 0 0 50%;
}
.about-culture-news-item{
    background: #fff;
    padding: .4rem .6rem;
    border-radius: .2rem;
    box-shadow: 0 0 .15rem rgba(0,0,0,.1);
    transition: all var(--alpha-speed) ease-in-out;
}
.about-culture-icon{
    width: .88rem;
    height: .88rem;
    background: var(--color-primary);
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--alpha-speed) ease-in-out;
}
.about-culture-icon .icon{
    width: .44rem;
    height: .44rem;
    background-color:var(--color-white-default);
    display:block;
    mask-position: center;
    mask-size: contain;
    mask-repeat:no-repeat;
    transition: all var(--alpha-speed) ease-in-out;
}
.about-culture-item-title{
    margin-top:.4rem;
    font-size:.3rem;
    color:var(--color-primary);
    font-weight: 700;
}
.about-culture-item-desc{
    margin-top:.15rem;
    font-size:.2rem;
    color:var(--color-black-default);
    line-height:2
}
.about-culture-news-item:hover{
    background-color: var(--color-primary);
    box-shadow: 0 0 .15rem rgba(var(--primary-color), .2);
}
.about-culture-news-item:hover .about-culture-icon{
    background-color: var(--color-white-default);
}
.about-culture-news-item:hover .about-culture-icon .icon{
    background-color: var(--color-primary);
}
.about-culture-news-item:hover .about-culture-item-title{
    color: var(--color-secondary);
}
.about-culture-news-item:hover .about-culture-item-desc{
    color: var(--color-white-default);
}
@media screen and (max-width: 768px) {
    .about-culture-news{
        padding:1rem 0;
    }
    .about-culture-news .container{
        flex-direction: column;
        row-gap: .5rem;
    }
    .about-culture-left {
        position: inherit;
        top: 0;
        width: 100%;
        flex: 1;
        text-align: center;
    }
    .about-culture-right{
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .3rem;
    }
    .about-culture-news-item{
        padding:.4rem .2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
/*end news cultrure*/
.about-brand{
    padding: 1rem 0;
}
.about-brand-body{
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .6rem;
}
.about-brand-item{
    background-color: var(--bg-color-black-fa);
    border-radius: .3rem;
    overflow: hidden;
}
.about-brand-item-img{
    height: 3.9rem;
    overflow: hidden;
}
.about-brand-item-content{
    padding: .4rem .4rem .45rem;
}
.about-brand-item-title{
    font-size: .34rem;
    color: var(--color-black-2);
    font-weight: 500;
    line-height: 1;
}
.about-brand-item-desc{
    --row:3;
    margin-top: .15rem;
    font-size: .18rem;
    color: #4A4A4A;
    line-height: 1.5;
    min-height: calc(.18rem * var(--row) * 1.5);
}
.about-brand-item-link{
    margin-top: .15rem;
    font-size: .18rem;
    color: var(--color-primary);
    text-decoration: underline;
}
.about-brand-item-link:hover{
    color: var(--color-secondary);
}
.about-quality{
    --bg-height:1.5rem;
    padding: 1rem  0 0;
    background:  linear-gradient(180deg, rgba(238, 238, 238, .2) 0%, rgba(238, 238, 238, 0) 100%),url(../images/bg-6.webp) no-repeat bottom 0 center;
    background-size: cover;
    position: relative;
}
.about-quality::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: var(--bg-height);
    background:linear-gradient(180deg, #F0F0F0 0%, #FAFAFA 100%);
    height: .8rem;
}
.about-quality::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: var(--bg-height);
    width: 100%;
    background-color: #F0F0F0;
}
.about-quality-body{
    margin-top: 1rem;
}
.swiper-quality{
    
}
.swiper-quality .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.about-quality-img{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 4.2rem;
}
.about-quality-img img{
    /* transform: scaleY(1); */
    transform-origin: bottom center;
    object-fit: contain;
    object-position: bottom center;
    transition: all var(--alpha-speed) ease-in-out;
    height: 100%;
}
.about-quality-title{
    height: var(--bg-height);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: .24rem;
    color: #676A70;
    margin-top: .1rem;
    opacity: 0;
    visibility: hidden;
    
}
.swiper-quality .swiper-slide.swiper-slide-active .about-quality-title{
    opacity: 1;
    visibility: visible;
    transition: all var(--alpha-speed) ease-in-out;
}
.swiper-quality .swiper-slide.swiper-slide-active .about-quality-img img{
    height: 100%;
    /* transform: scale(1); */
}
.about-quality-pagination{
    position: absolute;
    right: 0;
    bottom: 0;
    height: var(--bg-height);
    column-gap: .3rem;
}
.quality-next,.quality-pagination,.quality-prev{
    position: initial;
}
.quality-next,.quality-prev{
    background-color: var(--color-primary);
    width: .3rem;
    height: .3rem;
    min-width: .3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white-default);
    transform: translateY(0);
    margin-top: 0;
}
.quality-next::after,.quality-prev::after{
    display: none;
}
.quality-pagination{
    --swiper-pagination-bullet-inactive-color:var(--color-white-default);
    --swiper-pagination-bullet-inactive-opacity:1;
    --swiper-pagination-bullet-size:.13rem;
    --swiper-pagination-color:var(--color-primary);
    column-gap: .15rem;
}
.quality-next:hover,.quality-prev:hover{
    background-color: var(--color-secondary);
}
.about-honor{
    background: url(../images/bg-5.webp) no-repeat left 0rem bottom;
    background-size: 20% auto;
    padding: 1rem 0 .55rem;
}
.about-honor-body{
    padding-left: 27vw;
    margin-top: 1rem;
}
.about-honor-list{
    column-gap: .5rem;
    row-gap: .5rem;
}
.about-honor-item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.about-honor-item-title{
    font-size: .24rem;
    color: var(--color-primary);
    column-gap: .2rem;
    font-weight: 500;
    line-height: 1;
}
.about-honor-item-title .iconfont{
    color: var(--color-secondary);
    font-size: .3rem;
}
.about-honor-item-title .iconfont:last-child{
    transform: rotateY(180deg);
}
.about-honor-item-content{
    margin-top: .5rem;
    text-align: center;
    font-size: .18rem;
    color: #83889B;
    line-height: 3;
}
.swiper-honor{
    margin-top: .55rem;
    border-top: dashed 1px #A3A4A6;
    padding-top: .55rem;
}
.swiper-honor .swiper-slide{
    height: 2.3rem;
    overflow: hidden;
}
@media screen and (min-width:768px) and (max-width:992px) {
    .page-about{
        padding: .7rem 0;
        background-size: 30% auto;
    }
    .page-about-en{
        margin-bottom: .7rem;
    }
    .page-about-body{
        max-width: 80%;
    }
    .page-about-more{
        margin-top: .6rem;
    }
    .page-about-list{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .4rem;
        margin-top: .5rem;
    }
    .about-historical,.about-brand{
        padding: .7rem 0;
    }
    .about-historical-body{
        margin-top: .6rem;
    }
    .about-historical-swiper{
        height: 6rem;
    }
    .about-historical-imgs{
        flex: 0 0 30%;
        width: 30%;
        height: 5rem;
    }
    .about-culture{
        height: 7rem;
    }
    .swiper-culture{
        height: 100%;
    }
    .about-culture-item{
        font-size: .4rem;
        margin-bottom: .15rem;
    }
    .about-culture .container{
        padding-top: .6rem;
    }
    .about-culture-text{
        font-size: .34rem;
    }
    .about-brand-body{
        margin-top: .6rem;
    }
    .about-brand-item-img{
        height: 3.2rem;
    }
    .about-quality{
        padding-top: .7rem;
    }
    .about-quality-body{
        margin-top: .6rem;
    }
    .about-honor{
        padding-top: .7rem;
    }
    .about-honor-body{
        margin-top: .6rem;
    }
    .about-honor-list{
        flex-wrap:wrap;
    }
    .about-honor-item{
        width: calc(50% - .25rem);
    }
}
@media screen and (max-width:767px) {
    .page-about{
        padding: .5rem 0;
        background-position: top .3rem right;
        background-size: 40% auto;
    }
    .page-about-body{
        max-width: 100%;
    }
    .page-about-en{
        margin-bottom: .6rem;
    }
    .page-slogan{
        --size:.4rem;
        line-height: 1.5;
    }
    .page-about-content{
        margin-top: .2rem;
    }
    .page-about-more{
        margin-top: .6rem;
    }
    .page-about-list{
        margin-top: .6rem;
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .3rem;
    }
    .page-about-item{
        border-radius: .2rem;
    }
    .page-about-item-title{
        font-size: .2rem;
    }
    .page-about-item-statistics .countTo{
        font-size: .46rem;
    }
    .page-about-img{
        height: 1.8rem;
        border-radius: .2rem;
    }
    .about-historical,.about-brand{
        padding: .5rem 0;
    }
    .about-historical-body{
        margin-top: .7rem;
        padding-left: .6rem;
    }
    .about-historical-year{
        font-size: .5rem;
        right: calc(100% - (.5rem * 3));
    }
    .about-historical-imgs{
        flex:0 0 20%;
        display: none;
    }
    .swiper-historical{
        padding-left: .4rem;
        padding-right: .0rem;
    }
    .about-culture{
        height:6rem;
    }
    .swiper-culture{
        height: 100%;
    }
    .about-culture .container{
        padding-top: .5rem;
    }
    .about-culture .culture-pagination{
        margin-bottom: .6rem;
    }
    .about-culture-content{
        bottom: .5rem;
    }
    .about-culture-item{
        font-size: .24rem;
        margin-bottom: .15rem;
        column-gap: .2rem;
    }
    .about-culture-text{
        font-size: .26rem;
        max-width: 80vw;
    }
    .about-culture-buttons{
        margin-top: .2rem;
    }
    .culture-prev, .culture-next{
        width: .4rem;
        height: .4rem;
    }
    .about-brand-body{
        margin-top: .5rem;
        gap: .3rem;
    }
    .about-brand-item{
        border-radius: .2rem;
    }
    .about-brand-item-img{
        height: 2rem;
    }
    .about-brand-item-content{
        padding: .2rem;
    }
    .about-brand-item-title{
        font-size: .26rem;
    }
    .about-quality{
        padding-top: .5rem;
    }
    .about-quality-body{
        margin-top: .5rem;
    }
    .about-quality-pagination{
        height: .5rem;
        width: 100%;
        bottom: .15rem;
    }
    .about-quality-title{
        padding-bottom: .4rem;
    }
    .about-honor{
        padding-top: .5rem;
    }
    .about-honor-body{
        margin-top: .5rem;
        padding-left: 5vw;
    }
    .about-honor-list{
        flex-wrap: wrap;
    }
    
    .about-honor-item{
        width: calc(50% - .25rem);
    }
}
/*
* page contact
*/
.page-company,.page-reservation{
    padding: 1rem 0;
}
.page-company-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem;
    column-gap: .7rem;
}
.page-company-item{
    --tag-bg:#1B5E8C;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page-company-item:nth-child(even){
    --tag-bg:#0E7C7B;
}
.page-company-item:nth-child(odd){
    --tag-bg:#1B5E8C;
}
.page-company-img{
    position: relative;
    height: 3.1rem;
    overflow: hidden;
}
.page-company-tag{
    position: absolute;
    left: 0;
    top: 0;
    background: var(--tag-bg);
    padding: .07rem .15rem;
    color: var(--color-white-default);
    font-size: .14rem;
    line-height: 1;
}
.page-company-name,.page-company-contact{
    border: solid 1px #DCD7CB;
    padding: .2rem .4rem;
    flex:1;
}
.page-company-contact{
    margin-top: -1px;
    
}
.page-company-name .title{
    font-size: .28rem;
    font-weight: 700;
    color: var(--tag-bg);
    line-height: 1;
}
.page-company-name .en{
    font-size: .14rem;
    color: #4A4A4A;
    margin-top: .05rem;
}
.page-company-contact{
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: .2rem;
    row-gap: .25rem;
}
.page-company-contact-item span{
    font-size: .14rem;
    color: #4A4A4A;
    line-height: 1;
}
.page-company-contact-item p{
    font-size: .17rem;
    color: #4A4A4A;
    line-height: 1.5;
    margin-top: .1rem;
}
.page-company-contact-item p a{
    color: #4A4A4A;
}
.page-company-contact-item p a:hover{
    color: var(--color-primary);
}
.page-reservation{
    background: linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, 0) 100%);
}
.page-reservation-content{
    margin-top: .6rem;
}
.page-reservation-left{
    flex:1;
    background: var(--color-white-default);
    border: solid 1px #DCD7CB;
    padding: .4rem;
}
.page-reservation-title{
    font-size: .24rem;
    font-weight: 700;
    color: var(--color-black-2);
}
.page-reservation-desc{
    font-size: .16rem;
    color: var(--color-black-6);
    line-height: 2;
    margin-top: .2rem;
}
.page-reservation-buttons {
    margin-top: .23rem;
    column-gap: .15rem;
}
.page-reservation-button{
    border: solid 1px var(--color-primary);
    padding: .15rem .2rem;
    font-size: .16rem;
    color: var(--color-primary);
    line-height: 1;
}
.page-reservation-button:hover{
    background-color: var(--color-primary);
    color: var(--color-white-default);
}
.page-reservation-contact{
    margin-top: .35rem;
    border-top: solid 1px #DCD7CB;
    border-bottom: solid 1px #DCD7CB;
    padding: .12rem 0;
    font-size: .16rem;
    color: var(--color-black-6);
    line-height: .4rem;
}
.page-reservation-contact span{
    width: .72rem;
    display: inline-block;
}
.page-reservation-code{
    margin-top: .3rem;
    column-gap: .2rem;
}
.page-reservation-code-img{
    border: solid 1px var(--color-primary);
    width: .92rem;
    height: .92rem;
}
.page-reservation-code-content .title{
    color: var(--color-primary);
    font-size: .18rem;
    font-weight: 700;
}
.page-reservation-code-content .desc{
    font-size: .14rem;
    color: var(--color-black-6);
    margin-top: .1rem;
}
.page-reservation-code-content .original-id{
    font-size: .12rem;
    color: var(--color-secondary);
    margin-top: .12rem;
}
.page-reservation-right{
    flex:1.5;
    min-height: 3rem;
}
.page-reservation-right iframe{
    width: 100%;
    height: 100%;
    min-height: 3rem;
}
@media screen and (max-width:767px) {
    .page-company,.page-reservation{
        padding: .5rem 0;
    }
    .page-company-list{
        grid-template-columns: repeat(1, 1fr);
    }
    .page-company-name .title{
        font-size: .24rem;
    }
    .page-company-name, .page-company-contact{
        padding: .2rem;
    }
    .page-company-contact-item span{
        font-size: .16rem;
    }
    .page-company-contact-item p{
        font-size: .18rem;
    }
    .page-reservation{
        padding-bottom: 1rem;
    }
    .page-reservation-content{
        margin-top: .5rem;
        flex-direction: column;
    }
    .page-reservation-button{
        padding: .15rem .1rem;
        font-size: .14rem;
    }
}

/*
* special
*/
.special-banner::before{
    background: var(--color-black-2);
    opacity: .5;
}
.special-banner-content{
    position: absolute;
    inset: 0;
    z-index: 2;
}
.special-banner-title{
    font-size: .7rem;
    color: var(--color-white-default);
    font-weight: 700;

}
.special-banner-tag{
    border: solid 1px rgba(var(--white-color),.3);
    background: rgba(var(--white-color),.1);
    border-radius: var(--radius);
    padding:.05rem .2rem;
    font-size:.18rem;
      color: var(--color-secondary);
      font-weight: 500;
      margin-top:.1rem;
      margin-bottom:.1rem;
}
.special-banner-desc{
    font-size: .18rem;
    color: var(--color-white-default);
    text-shadow: 0 0 .05rem rgba(var(--black-color), .25);
    max-width:8rem;
    text-align: center;
    line-height:2
}
.special-banner-tags {
    margin-top: .3rem;
    column-gap: .2rem;
}
.special-banner-tags .iconfont{
    color: var(--color-white-default);
    font-size: .16rem;
}
.special-banner-tag-item{
    border: solid 1px rgba(var(--white-color),.3);
    background: rgba(var(--white-color),.1);
    padding: .15rem;
    border-radius: .14rem;
    min-width: 2.8rem;
}
.special-banner-tag-item b{
    font-size: .2rem;
    color: var(--color-white-default);
    font-weight: 700;
    line-height: 1;
}
.special-banner-tag-item p{
    font-size: .14rem;
    margin-top: .05rem;
    color: var(--color-white-default);
    line-height: 2;
}
.special-view{
    /* background: var(--bg-color-gray-f9); */
    padding: .8rem 0;
}
.special-view .container{
    column-gap: .75rem;
}
.special-view-left{
    flex:1;
}
.special-view-tips {
    font-size: .3rem;
    color: var(--color-primary);
    margin-top: .2rem;
}
.special-view-title{
    font-size: .55rem;
    color: var(--color-black-2);
    font-weight: 500;
}
.special-view-desc {
    font-size: .18rem;
    color: #4A4A4A;
    line-height: 2;
    
    padding-bottom: .05rem;
}
.special-view-desc span{
    font-weight: 700;
    color: var(--color-primary);
    border-bottom: solid 2px var(--color-primary);
}
.special-view-tags{
    column-gap: .2rem;
    border-top: solid 1px #ECE9E0;
    padding-top: .35rem;

}
.special-view-tags-item span{
    font-size: .18rem;
    color: var(--color-primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: .08rem;
}
.special-view-tags-item span::before{
    width: .07rem;
    height: .07rem;
    background: var(--color-primary);
    border-radius: 50%;
    content: '';
}
.special-view-tags-item p{
    font-size: .12rem;
    color: var(--color-black-6);
    margin-top: .1rem;
}
.special-view-right{
    flex:0 0 6.9rem;
    width: 6.9rem;
    border-radius: 0 .3rem .3rem 0;
    height: 6.2rem;
    overflow: hidden;
}
.special-service{
    padding: 1rem 0;
}
.special-service-header-right{
    column-gap: .1rem;
    display: flex;
    align-items: center;
}
.special-service-header-channel{
    border: solid 1px #E5E5E5;
    height: .5rem;
    background: var(--bg-color-gray-f9);
    border-radius: .3rem;
    padding: 0 .5rem;
    font-size: .18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-black);
    cursor: pointer;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-service-header-channel.active{
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: var(--color-white-default);
}
.special-service-body{
    margin-top: 1rem;
    margin-left: -3vw;
    margin-right: -3vw;
}
.swiper-service{
    --swiper-pagination-bullet-opacity:.5;
    --swiper-pagination-bullet-size:.16rem;
    --swiper-pagination-bullet-inactive-color:var(--color-primary);
    --swiper-pagination-color:var(--color-primary);
    --swiper-pagination-bullet-border-radius:.08rem;
    padding-bottom: .96rem;
}
.swiper-service .swiper-slide{
    background-color: var(--bg-color-gray-f8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .65rem .3rem;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-service-img{
    width: .92rem;
    height: .92rem;
    position: relative;
}
.special-service-img::before{
    content: '';
    width: .58rem;
    height: .58rem;
    background: rgba(var(--primary-color), .1);
    border-radius: 50%;
    position: absolute;
    bottom: .04rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.special-service-img img{
    transition: all var(--alpha-speed) ease-in-out;
    position: absolute;
    top: 0;
    left: auto;
    z-index: 2;
    backface-visibility: hidden;
}
.special-service-img img.white{
    transform: rotateY(-180deg);
}
.pecial-service-number{
    width:.7rem;
    height:.75rem;
    position:relative;
}
.pecial-service-number::before,.pecial-service-number::after{
    content:'';
    position:absolute;
    inset:0;
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.pecial-service-number::before{
    background:var(--color-primary);
}
.pecial-service-number::after{
    inset:.02rem;
    background: var(--bg-color-gray-f8);
}
.pecial-service-number span{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.24rem;
    color:var(--color-primary);
    font-weight:700;
    line-height:1;
    z-index:3;
}

.special-service-title{
    margin-top: .22rem;
    font-size: .24rem;
    color: var(--color-black-2);
    line-height: 1;
}
.special-service-title-en{
    font-size: .14rem;
    color: var(--color-black-6);
    text-transform: uppercase;
    margin-top: .1rem;
    line-height: 1;
}
.special-service-desc{
    font-size: .16rem;
    color: var(--color-black-6);
    margin-top: .15rem;
    line-height: 1.5;
    text-align: center;
}

/* 棋盘格高亮：由 JS 按视觉行列加 is-alt（对应 2、4、5、7…） */
.swiper-service .swiper-slide.is-alt{
    background: #F2FFF9;
}
.swiper-service .swiper-slide.is-alt .pecial-service-number::after{
    background: #F2FFF9;
}
.special-service-pagination span.swiper-pagination-bullet-active{
    width: .4rem;
}
.swiper-service .swiper-slide:hover{
    background-color: var(--color-primary);
}
.swiper-service .swiper-slide:hover .special-service-img img.default{
    transform: rotateY(-180deg);
}
.swiper-service .swiper-slide:hover .special-service-img img.white{
    transform: rotateY(0);
}
.swiper-service .swiper-slide:hover .special-service-img::before{
    background: rgba(var(--white-color),.1);
}
.swiper-service .swiper-slide:hover .special-service-title,.swiper-service .swiper-slide:hover .special-service-title-en{
    color: var(--color-white-default);
}
.swiper-service .swiper-slide:hover .special-service-desc{
    color: var(--color-white-default);
    opacity: .8;
}
.swiper-service .swiper-slide:hover .pecial-service-number::before{
    background: rgba(var(--white-color),1);
}
.swiper-service .swiper-slide:hover .pecial-service-number::after{
    background: var(--color-primary);
}
.swiper-service .swiper-slide:hover .pecial-service-number span{
    color: var(--color-white-default);
}
.special-promise{
    background: url(../images/bg-7.webp) no-repeat center center / cover fixed;
    padding: 1.2rem 0 1rem;
    position: relative;
}
.special-promise::before{
    content: '';
    position: absolute;
    inset: 0;
    background: var(--color-primary);
    opacity: .9;
}
.special-promise .container{
    --primary-color:var(--white-color);
    --color-primary:var(--color-white-default);
    position: relative;
    z-index: 2;
}
.special-promise-list{
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    row-gap: .55rem;
    align-items: center;
}
.special-promise-item{
    display: flex;
    flex-wrap: wrap;
    font-size: .34rem;
    color: var(--color-white-default);
    font-weight: 700;
    column-gap: .18rem;
    line-height: 1;
}
.special-promise-item b,.special-promise-item strong{
    color: var(--color-secondary);
}
.special-promise-item label{
    background-color: rgba(var(--white-color),.1);
    border:solid 1px rgba(var(--white-color),.5);
    border-radius: .2rem;
    font-size: .16rem;
    color: var(--color-white-default);
    padding: 0 .15rem;
    height: .34rem;
    display: flex;
    align-items: center;
}
.special-workflow{
    padding: 1rem 0;
}
.special-workflow-list{
    margin-top: 1rem;
}
.special-workflow-item{
    --size:.74rem;
    --color:var(--primary-color);
    --border-color:var(--color-white-default);
    text-align: center;
    flex: 1;
}
.special-workflow-item.blue{
    --color:27, 94, 140;
}
.special-workflow-item.cyan{
    --color:14, 124, 123;
}
.special-workflow-header{
    position: relative;
}
.special-workflow-header::after{
    content: '';
    width: calc(100% - (var(--size) / 2));
    height: 2px;
    background: var(--color-primary);
    position: absolute;
    top: 50%;
    left: calc((50% + (var(--size) / 2)) * 1);
    right: calc((50% + (var(--size) / 2)) * -1);
    margin-top: -1px;
    margin-left: -.08rem;
    z-index: -1;
}
.special-workflow-item:last-child .special-workflow-header::after{
    display: none;
}
.special-workflow-number{
    align-items: center;
    display: flex;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: rgba(var(--white-color), .2);
    padding: .08rem;
    box-shadow: 0 .05rem .1rem rgba(var(--color),.2);
    font-size: .24rem;
    color: var(--color-white-default);
    position: relative;
    margin: auto;
}
.special-workflow-number span{
    align-items: center;
    display: flex;
    justify-content: center;
    background: rgba(var(--color),1);
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.special-workflow-title{
    margin-top: .13rem;
    color: rgba(var(--color),1);
    font-size: .2rem;
    font-weight: 700;
    line-height: 1;
}
.special-workflow-subtitle{
    font-size: .12rem;
    color: var(--color-black-9);
    margin-top: .05rem;
    text-transform: uppercase;
}
.special-workflow-desc{
    margin-top: .15rem;
    font-size: .16rem;
    color: var(--color-black-6);
    line-height: 2.2;
}
.special-workflow-company{
    margin-top: .15rem;   
}
.special-workflow-company span{
    background: rgba(var(--color),.1);
    border-radius: .3rem;
    padding: .07rem .1rem;
    line-height: 1;
    font-size: .12rem;
    color: rgba(var(--color),1);
}
.special-case{
     background: var(--bg-color-gray-f9); 
    padding: 1rem 0;
}
.special-case-body{
    margin-top: 1rem;
}
.swiper-case .swiper-slide{
    width: auto;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 3.75rem;
    border-radius: .37rem;
    overflow: hidden; */
}
.special-case-item{
    position: relative;
    width: 3.75rem;
    height: 2.3rem;
    border-radius: .35rem;
    position: relative;
    overflow: hidden;
    display: block;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-case-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-case-content{
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: .2rem .4rem;
}
.special-case-title{
    color: var(--color-white-default);
    font-weight: 500;
    font-size: .16rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-case-desc{
    margin-top: .12rem;
    font-size: .18rem;
    color: var(--color-white-default);
    text-align: center;
    line-height: 1;
    display: none;
    transition: all var(--alpha-speed) ease-in-out;
}
.swiper-case .swiper-slide.swiper-slide-active .special-case-item{
    width: 7.5rem;
    height: 4.6rem;
}
.swiper-case .swiper-slide.swiper-slide-active .special-case-title{
    font-size: .28rem;
    font-weight: 700;
}
.swiper-case .swiper-slide.swiper-slide-active .special-case-desc{
    display: block;
}
.special-case-button{
    margin-top: .8rem;
    column-gap: .1rem;
}
.special-case-item:hover img{
    transform: scale(1.1);
}

.special-case-item:hover .special-case-title{
    color: var(--color-primary);
}
.special-case-button .case-prev,.special-case-button .case-next{
    position: initial;
    margin-top: 0;
    width: .6rem;
    height: .6rem;
    border: solid 1px var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    transition: all var(--alpha-speed) ease-in-out;
}
.special-case-button .case-prev::after,.special-case-button .case-next::after{
    display: none;
}
.special-case-button .case-prev:hover,.special-case-button .case-next:hover{
    background-color: var(--color-primary);
    color: var(--color-white-default);
}
.special-boundary{
    /*background:var(--bg-color-gray-f9);*/
    padding: 1rem 0;
}
.special-boundary-list{
    margin-top: 1rem;
    column-gap: .6rem;
    row-gap: .5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.special-boundary-item{
    --color:27, 94, 140;
    border: solid 1px #EAE6DC;
    border-radius: .18rem;
    border-top: solid 5px rgba(var(--color),1);
    padding: .4rem;
}
.special-boundary-item:nth-child(even){
    --color:14, 124, 123;
}
.special-boundary-tags{
    width: fit-content;
    background: rgba(var(--color),.1);
    padding: .09rem .2rem;
    font-size: .12rem;
    color:rgba(var(--color),1);
    line-height: 1;
    border-radius: .5rem;
}
.special-boundary-title{
    margin-top: .2rem;
    font-size: .22rem;
    font-weight: 700;
    color: rgba(var(--color),1);
    line-height: 1;
}
.special-boundary-scope{
    margin-top: .3rem;
    font-size: .16rem;
    color:rgba(var(--color),.5);
}
.special-boundary-scope-list{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .15rem;
    row-gap: .2rem;
    margin-top: .2rem;
}
.special-boundary-scope-item{
    display: flex;
    column-gap: .06rem;
    font-size: .16rem;
    color: var(--color-black-6);
}
.special-boundary-scope-item i{
    font-size: .13rem;
    color: rgba(var(--color),1);
    line-height: 2;
}
.special-boundary-tips{
    margin-top: .6rem;
    border: solid 1px rgba(234, 230, 220, 1);
    border-radius: .18rem;
    padding: .3rem .75rem;
    font-size: .16rem;
    color: var(--color-black-6);
    line-height: 2;
}
.special-boundary-tips span{
    font-weight: 700;
    color: var(--color-primary);
}
.special-pain{
    background:var(--bg-color-black-fa);
    padding:.8rem 0;
}
.special-pain-container{
    column-gap:.6rem;
    margin-top:.5rem;
}
.special-pain-right{
    flex:0 0 55%;
    width:55%;
}
.special-pain-image{
    width:100%;
    height:100%;
    max-height:7rem;
    display:none;
    transition: all var(--alpha-speed) ease-in-out;
    border-radius: .15rem;
    overflow: hidden;
}
.special-pain-image img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center center;
}
.special-pain-image.active{
    display:block;
}
.special-pain-left{
    flex:1;
}
.special-pain-list{
    display:flex;
    flex-direction:column;
    row-gap:.15rem;
}
.special-pain-item{
    cursor:pointer;
    display:flex;
    background:var(--bg-color-gray-f8);
    border-radius:.15rem;
    padding:.15rem .3rem;
    column-gap:.2rem;
    border:solid 2px var(--color-white-default);
    transition:all var(--alpha-speed) ease-in-out;
}
.special-pain-number{
    width:.5rem;
    height:.55rem;
    min-width:.5rem;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.special-pain-box{
    position:absolute;
    inset:0;
}
.special-pain-block{
    background:var(--color-primary);
    width:100%;
    height:100%;
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.special-pain-bg{
    background:var(--bg-color-black-fa);
    inset:.02rem;
    position:absolute;
    z-index:2;
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
}
.special-pain-num{
    font-size:.2rem;
    color:var(--color-primary);
    position:relative;
    z-index:3;
    font-weight:600;
}
.special-pain-title{
    font-size:.2rem;
    font-weight:600;
    color:var(--color-black-2);
}
.special-pain-desc{
    margin-top:.05rem;
    font-size:.14rem;
    color:var(--color-black-6);
    line-height:2;
}
.special-pain-item.active{
    background:rgba(var(--primary-color),1);
    border-color:rgba(var(--primary-color),1);
}
.special-pain-item.active .special-pain-title{
    color:var(--color-white-default);
}
.special-pain-item.active .special-pain-desc{
    color:rgba(var(--white-color),.5)
}
.special-pain-item.active .special-pain-block{
    background:var(--color-white-default);
}
.special-pain-item.active .special-pain-bg{
    background:var(--color-primary);
}
.special-pain-item.active .special-pain-num{
    color:var(--color-white-default);
}
.special-avatages{
    padding:1rem 0;
    background:var(--bg-color-gray-f9);
}
.special-avatages-list{
    margin-top:.8rem;
    display:grid;
    grid-template-columns: repeat(4,1fr);
    column-gap:.3rem;
    row-gap:.3rem
}
.special-avatages-item{
    background:var(--color-white-default);
    padding:.5rem .3rem;
    border-radius:var(--radius);
    box-shadow:0 0 .1rem rgba(var(--black-color),.05);
    display:flex;
    flex-direction:column;
    row-gap:.15rem;
    align-items:center;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-avatages-icon{
    width:1.2rem;
    height:1.2rem;
    position:relative;
    padding:.2rem;
}
.special-avatages-icon::before,.special-avatages-icon::after{
    content:'';
    position:absolute;
    inset:0;
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.special-avatages-icon::before{
    background:var(--color-primary);
}
.special-avatages-icon::after{
    inset:.02rem;
    background:var(--color-white-default);
}
.special-avatages-icon img{
    position:absolute;
    inset:50%;
    z-index:2;
    width:.6rem;
    height:.6rem;
    margin-top:-.3rem;
    margin-left:-.3rem;
    transition: all var(--alpha-speed) ease-in-out;
    backface-visibility: hidden;
    transform:rotateY(0deg);
}
.special-avatages-icon img.special-avatages-icon-white{
    transform:rotateY(180deg);
}
.special-avatages-title{
    font-size:.2rem;
    color:var(--color-black-2);
    font-weight:600;
    line-height:1;
    margin-top:.15rem;
}
.special-avatages-desc{
    font-size:.16rem;
    color:var(--color-black-6);
    margin-top:.05rem;
    text-align:center;
}
.special-avatages-item:hover{
    background: var(--color-primary);
    box-shadow: 0 0 .15rem rgba(var(--primary-color),.5);
}
.special-avatages-item:hover .special-avatages-icon::before{
    background: var(--color-white-default);
}
.special-avatages-item:hover .special-avatages-icon::after{
    background: var(--color-primary);
}
.special-avatages-item:hover .special-avatages-icon img.special-avatages-icon-white{
    transform:rotateY(0deg);
}
.special-avatages-item:hover .special-avatages-icon img.special-avatages-icon-black{
    transform:rotateY(180deg);
}
.special-avatages-item:hover .special-avatages-title{
    color: var(--color-white-default);
}
.special-avatages-item:hover .special-avatages-desc{
    color: rgba(var(--white-color),.5);
}
.special-service-news{
    --padding:1rem;
    background-color:var(--color-white-default);
    position:relative;
    padding:var(--padding) 0;
}
.special-service-news::before,.special-service-news::after{
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:calc(var(--padding) * 1);
    background-color:var(--color-white-default);
    z-index:2;
}
.special-service-news::before{
    top:0;
    height:calc(var(--padding) * 2 + .8rem);
}
.special-service-news::after{
    bottom:0
}
.special-service-news-bg{
    position:absolute;
    inset:0;
    background-size:auto 8rem;
    background-position:right center;
    z-index:1;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.special-service-news-bg::before{
    content:'';
    position:absolute;
    left:0;
    width:60%;
    height:100%;
    background-color:var(--color-white-default);
}
.special-service-news .container{
    position:relative;
    z-index:3;
}
.special-service-news-body{
    margin-top:.5rem;
    max-width:50%;
    padding: .5rem 0;
}
.special-service-news-content{
    font-size: .2rem;
    line-height:2.2;
    color:var(--color-black-2);
}
.special-service-news-content span,.special-service-news-content b,.special-service-news-content strong{
    font-weight: 900;
    font-family:'Noto Serif SC';
    color: var(--color-primary);
    position: relative;
    background: linear-gradient(to bottom,transparent 70%,rgba(var(--primary-color),.1) 70%,rgba(var(--primary-color),.1) 90%,transparent 90%,transparent 100%);
}
.special-service-news-content span::after,.special-service-news-content b::after,.special-service-news-content strong::after{
    content:'';
    position:absolute;
    left:0;
    height:.1rem;
    background-color:var(--color-primary);
    bottom:.04rem;
    z-index: -1;
    width: 100%;
    opacity: 0;
}
.special-service-news-list{
    --color:var(--color-secondary);
    --border-color: var(--color-black-9);
    --hover-color:var(--color-black-9);
    margin-top:.5rem;
    display: flex;
    flex-direction: column;
    row-gap:.6rem
}
.special-service-news-channel{
    font-size:.16rem;
    column-gap: .1rem;
    color:var(--color);
    font-weight:900;
    margin-bottom:.3rem;
    text-transform: uppercase;
    opacity: .8;
    line-height: 1;
}
.special-service-news-channel::after{
    content:'';
    flex:1;
    height:.01rem;
    background-color:var(--color);
    opacity: .2;
}
.special-service-news-tabs{
    color: var(--border-color);
    display: flex;
    flex-wrap: wrap;
    gap: .15rem;
}
.special-service-news-tabs span{
    border: solid  .01rem var(--border-color);
    padding: .15rem .25rem;
    border-radius: .02rem;
    font-weight: 500;
    line-height: 1;
    font-size: .15rem;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-service-news-tabs span:hover{
    background-color: var(--hover-color);
    border-color: var(--hover-color);
    color:var(--color-white-default);
    transform: translateY(-.05rem);
}
.special-service-news-item:nth-child(odd){
    --color:var(--color-primary);
    --border-color:var(--color-black-2);
    --hover-color:var(--color-primary)
}
.special-service-news-item:nth-child(even){
    --color:var(--color-secondary);
    --border-color:var(--color-primary);
    --hover-color:var(--color-primary);
}
.special-consulting{
    /*position: sticky;*/
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background: #3e725b;
    padding: .5rem 0;
}
.special-consulting-left{
    font-size: .4rem;
    font-weight: 900;
    color: var(--color-secondary);
}
.special-consulting-btn{
    background-color: var(--color-secondary);
    font-size: .2rem;
    padding: .15rem .3rem;
    border-radius: .05rem;
    color: var(--color-white-default);
    column-gap: .1rem;
}
.special-consulting-btn:hover{
    background-color: var(--color-primary);
}
.special-service-avatages{
    display: flex;
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: .3rem;
    margin-top: .8rem;
}
.special-service-avatages-item{
    background-color: var(--color-white-default);
    border: solid  .01rem var(--color-white-default);
    box-shadow: 0 0 .15rem rgba(var(--black-color),.1);
    border-radius: .05rem;
    position: relative;
    padding: .3rem;
    flex:1;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-service-avatages-icon{
     width:.6rem;
    height:.6rem;
    position:absolute;
    padding:.2rem;
    right: -.3rem;
    top: 0;
    transform: translateY(-.3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: var(--color-primary);
    font-weight: 700;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-service-avatages-icon::before,.special-service-avatages-icon::after{
    content:'';
    position:absolute;
    inset:0;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
transition: all var(--alpha-speed) ease-in-out;
}
.special-service-avatages-icon::before{
    background:var(--color-secondary);
}
.special-service-avatages-icon::after{
    inset:.02rem;
    background:var(--color-white-default);
}
.special-service-avatages-icon span{
    position: relative;
    color: var(--color-secondary);
    z-index: 4;
    transition: all var(--alpha-speed) ease-in-out;
}
.special-service-avatages-tag{
    width:fit-content;
    background: rgba(var(--primary-color),.1);
    border-radius: .3rem;
    padding: .05rem .2rem;
    line-height: 1;
    font-size: .12rem;
    color: var(--color-secondary);
    font-weight: 700;
}
.special-service-avatages-title{
    margin-top: .2rem;
    color: var(--color-primary);
    font-weight: 900;
    font-size: .2rem;
}
.special-service-avatages-desc{
    font-size: .16rem;
    color: var(--black-color-2);
    margin-top: .1rem;
    line-height: 2;
}
.special-service-avatages-item:hover {
    box-shadow: 0 0 .15rem rgba(var(--primary-color),.2);
    transform: translateY(-.05rem);
}
.special-service-avatages-item:hover .special-service-avatages-icon:before{
    background: var(--color-white-default);
}
.special-service-avatages-item:hover .special-service-avatages-icon:after{
    background: var(--color-primary);
}
.special-service-avatages-item:hover .special-service-avatages-icon span{
    color: var(--color-white-default);
}
.special-pain{
    padding-bottom: 0;
}
.special-pain-body{
    margin-top: .8rem;
}
.special-pain-body .special-pain-list{
    display: flex;
    column-gap: .3rem;
    flex-direction: row;
}
.special-pain-body .special-pain-item{
    flex-direction: column;
    row-gap: .2rem;
    height: 100%;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 .2rem rgba(0,0,0,.1);
}
.special-pain-body .special-pain-item:first-child,.special-pain-body .special-pain-item:last-child{
    margin-top: 1.5rem
}
.special-pain-body .special-pain-pic{
    margin-top:-1.2rem;
    position: relative;
    margin-bottom: -3rem;
}
.special-pain-body .special-pain-pic:before,.special-pain-body .special-pain-pic:after{
    border: solid     .05rem var(--color-primary);
    content: '';
    position: absolute;
    top:0;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin-left: -3rem;
    opacity:.1;
    transform: scale(1);
    
}
.special-pain-body .special-pain-pic:before{
   /*animation: ripple-effect 2s ease-out infinite;*/

}
.special-pain-body .special-pain-pic:after{
    /*animation: ripple-effect 2s ease-out infinite;*/
    animation-delay: 1s; /* 延迟时长的一半 */
}
.special-pain-body .special-pain-image{
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.special-pain-body .special-pain-image img{
    object-position: bottom center;
}
@keyframes ripple-effect {
    0% {
        transform: scale(1);
        opacity: 0.2; /* 开始时较清晰 */
    }
    100% {
        transform: scale(1.2); /* 扩散到更大范围 */
        opacity: 0; /* 最后完全消失 */
    }
}
@media screen and (max-width:768px) {
    .special-banner-title{
        font-size: .5rem;
    }
    .special-view .container{
        flex-direction: column;
        row-gap: .5rem;
    }
    .special-view-left{
        row-gap: .4rem;
    }
    .special-view-title{
        font-size: .4rem;
    }
    .special-view-right{
        flex: 0 0 100%;
        width: 100%;
        border-radius: .3rem;
    }
    .special-service-header{
        flex-direction: column;
        row-gap: .3rem;
    }
    .special-service-header-left{
        flex:1;
        width: 100%;
        text-align: center;
    }
    .special-boundary-list{
        column-gap: .3rem;
    }
}
@media screen and (max-width:767px) {
    .special-banner-content{
        padding-top: .8rem;
    }
    .special-banner-title{
        font-size: .4rem;
    }
    .special-banner-tag-item{
        min-width: 2rem;
    }
    .special-view,.special-service,.special-workflow,.special-case,.special-boundary,.special-avatages,.special-pain{
        padding: .6rem 0;
    }
    .special-view-tips{
        font-size: .2rem;
    }
    .special-view-title{
        font-size: .3rem;
    }
    .special-view-tags{
        flex-wrap: wrap;
        row-gap: .3rem;
    }
    .special-view-tags-item p{
        white-space: nowrap;
    }
    .special-service-body{
        margin-top: .5rem;
    }
    .swiper-service .swiper-slide{
        padding: .4rem 0;
    }
    .special-service-img{
        width: .6rem;
        height: .6rem;
    }
    .special-service-title{
        font-size: .22rem;
    }
    .special-promise-list{
        margin-top: .5rem;
    }
    .special-promise-item{
        row-gap: .15rem;
        font-size: .24rem;
        line-height: 1;
        align-items: center;
        flex-direction: column;
    }
    .special-workflow-list{
        margin-top: .6rem;
        flex-direction: column;
        row-gap: .3rem;
    }
    .special-workflow-item{
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: .2rem;
        position: relative;
    }
    .special-workflow-body{
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: .2rem;
        flex:1;
    }
    .special-workflow-header::after{
        left: 50%;
        top: 50%;
        right: auto;
        width: 2px;
        height: calc(100% + .2rem);
        margin-left: 0;
        transform: translateY(-20%);
    }
    .special-workflow-desc{
        margin-top: 0;
        line-height: 2;
    }
    .special-workflow-bottom{
        flex:1;
        border: solid 1px #F1F2F1;
        border-radius: .1rem;
        padding: .2rem;
        padding-bottom: .5rem;
    }
    .special-workflow-company{
        margin-top: 0;
        position: absolute;
        width: calc(100% - .6rem - var(--size) - (.2rem * 4));
        right: 0;
        bottom: .15rem;
    }
    .special-case-body{
        margin-top: .6rem;
    }
    .swiper-case .swiper-slide{
        height: 3.6rem;
    }
    .special-case-item{
        width: 90%;
    }
    .swiper-case .swiper-slide.swiper-slide-active .special-case-item{
        width: 100%;
        height: 3.6rem;
    }
    .special-boundary{
        padding-bottom: 1rem;
    }
    .special-boundary-list{
        margin-top: .6rem;
        grid-template-columns: repeat(1, 1fr);
        row-gap: .3rem;
    }
    .special-boundary-item{
        padding: .3rem;
    }
    .special-boundary-tips{
        margin-top: .3rem;
        padding: .3rem;
    }
    .special-pain-container{
        flex-direction: column;
    }
    .special-pain-right{
        display:none;
    }
    .special-pain-list{
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap:.2rem;
    }
    .special-pain-item{
        flex-direction:column;
        row-gap:.2rem;
        padding:.3rem;
    }
    .special-avatages-list{
        margin-top:.5rem;
        grid-template-columns: repeat(2,1fr);
        row-gap:.3rem;
    }
    .special-service-avatages{
        flex-direction: column;
        padding-right: .3rem;
        row-gap: .5rem;
    }
    .special-pain-body .special-pain-list{
        flex-direction: column;
        margin-bottom: .0rem;
    }
    .special-pain-body .special-pain-item:first-child, .special-pain-body .special-pain-item:last-child{
        margin-top: 0;
    }
    .special-pain-pic{
        display: none;
    }
}
/*
* search result
*/
.search-banner{
    background: url(../images/search-banner-bg.png) top center no-repeat fixed;
    height: 4rem;
}
.search-banner::before{
    opacity: .1;
}
.search-banner .container{
    padding-bottom: 0;
    padding-top: .8rem;
}
.search-banner-title{
    font-size: .3rem;
    color: var(--color-primary);
    font-weight: 700;
}
.search-banner-subtitle{
    margin-top: .15rem;
    color: var(--color-black-2);
    font-size: .14rem;
    margin-bottom: .15rem;
    line-height: 1;
}
.search-banner-subtitle em{
    font-weight: 600;
    color: var(--color-secondary);
}
.search-form{
    padding: .1rem 0 .2rem;
}
.search-form-block{
    height: .5rem;
    background: var(--color-white-default);
    border-radius: .5rem;
    min-width: 6rem;
    overflow: hidden;
    box-shadow: 0 0 .1rem rgba(var(--primary-color),.1);
}
.search-form-block .search-input{
    height: 100%;
    border: none;
    height: .5rem;
    font-size: .16rem;
    color: var(--color-secondary);
    font-weight: 500;
    outline: none;
    padding-left: .2rem;
    flex: 1;
}
.search-form-block .search-button{
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white-default);
    margin-right: .05rem;
    outline: none;
    border: none;
}
.search-banner-filter{
    column-gap: .15rem;
}
.filter-category-title{
    font-size: .14rem;
    color: var(--color-black-9);
    line-height: .24rem;
}
.filter-options{
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    column-gap: .15rem;
    row-gap: .1rem;
}
.filter-option{
    background: rgba(var(--primary-color),.1);
    height: .24rem;
    
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .13rem;
    border-radius: var(--radius);
    color: var(--color-primary);
}
.filter-option a{
    color: var(--color-primary);
    padding: 0 .12rem;
}
.filter-option:hover{
    background: var(--color-primary);
}
.filter-option:hover a{
    color: var(--color-white-default);
}
.search-result{
    padding: .5rem 0 1rem;
}
.search-result-list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: .3rem;
}
.search-result-item{
    box-shadow: 0 0 .1rem rgba(var(--black-color), .05);
    border-radius: .15rem;
    overflow: hidden;
    padding: .1rem;
    transition: all var(--alpha-speed) ease-in-out;
}
.search-result-img{
    height: 3.2rem;
    overflow: hidden;
    border-radius:.15rem;
}
.search-result-content{
    padding-top: .15rem;
    padding-bottom: .1rem;
}
.search-result-title{
    --row:2;
    font-size: .16rem;
    color: var(--color-primary);
    font-weight: 600;
}
.search-result-meta{
    font-size: .13rem;
    color: var(--color-black-9);
    margin-top: .1rem;
    column-gap: .1rem;
    margin-bottom: .1rem;
}
.search-result-meta .meta-dot{
    width: 6px;
    height: 6px;
    background:var(--color-primary);
    border-radius: 50%;
}
.search-result-meta .tag{
    background: rgba(var(--primary-color),.1);
    border-radius: var(--radius);
    color: var(--color-primary);
    padding: 0 .1rem;
    font-size: .13rem;
}
.search-result-abstract{
    --row:2;
    font-size: .14rem;
    color: var(--color-black-6);
    line-height: 2;
}
.search-result-item:hover{
    box-shadow: 0 0 .15rem rgba(var(--primary-color), .2);
    transform: translateY(-.05rem);
}
@media screen  and (max-width:676px){
    .search-form-block{
        min-width: 90vw;
    }
    .search-result-list{
        grid-template-columns: repeat(2,1fr);
        gap: .15rem;
    }
    .special-service-news-bg::before{
        width: 100%;
    }
    .special-service-news-body{
        max-width: 100%;
        padding: 0;
    }
}

/*
* case news
*/
.page-case-news {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: .35rem;
    margin-top: .6rem;
}
.page-case-news-item{
    --gap-y:.2rem;
    box-shadow: 0 0 .2rem rgba(var(--black-color), .05);
    overflow: hidden;
    border-radius: var(--radius);
    padding: .1rem;
    transition: all var(--alpha-speed) ease-in-out;
}
.page-case-news-content{
    position: relative;
    padding:.05rem .1rem .1rem;
}
.page-case-news-num{
    text-align: center;
    font-size: 1rem;
    color: var(--color-black-2);
    font-weight: 600;
    opacity: .03;
    position: absolute;
    right: 5%;
    bottom: 5%;
}

.page-case-news-title{
    --row:2;
    font-size: .18rem;
    color: var(--color-black-2);
    font-weight: 500;
    min-height: calc(var(--row) * .18rem * 1.5);
    line-height: 1.5;
    transition: all var(--alpha-speed) ease-in-out;
}
.page-case-news-img{
    height: 2.4rem;
    border-radius: var(--radius);
    overflow: hidden;
}
.page-case-news-footer{
    margin-top: .2rem;
}
.page-case-news-tags{
    --gap-x:.15rem;
}
.page-case-news-tag,.page-case-news-type{
    border: solid .01rem rgba(var(--primary-color),.5);
    border-radius: var(--radius);
    padding: .02rem .1rem;
    font-size: .13rem;
    color: var(--color-primary);
}
.page-case-news-footer .iconfont {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: solid .01rem var(--color-primary);
    color: var(--color-primary);
    font-size: .16rem;
    transform: rotate(-45deg);
    transition: all var(--alpha-speed) ease-in-out;
}
.page-case-news-item:hover .page-case-news-footer .iconfont {
    background: var(--color-primary);
    color: var(--color-white-default);
    transform: rotate(0deg);
}
.page-case-news-item:hover{
    box-shadow: 0 0 .15rem rgba(var(--primary-color), .2);
    transform: translateY(-.1rem);
}
.page-case-news-item:hover .page-case-news-title{
    color: var(--color-primary);
}
.page-case-news-item:hover .page-case-news-tags .page-case-news-tag{
    background: var(--color-primary);
    color: var(--color-white-default);
}
.page-case-news-item:hover .page-case-news-tags .page-case-news-type{
    background: var(--color-primary);
    color: var(--color-white-default);
}
@media screen and (max-width:767px) {
    .page-case-news{
        grid-template-columns: repeat(2,1fr);
        gap: .15rem;
    }
    .page-case-news-img{
        height: 1.8rem;
    }
}