/* 图标字体设置 */
@font-face{
    font-family:"icons";
    src:url("/static/fonts/icons/icons.eot?2f317f9aaaa889537a8a08ce63d67eda?#iefix") format("embedded-opentype"),
        url("/static/fonts/icons/icons.woff2?2f317f9aaaa889537a8a08ce63d67eda") format("woff2"),
        url("/static/fonts/icons/icons.woff?2f317f9aaaa889537a8a08ce63d67eda") format("woff"),
        url("/static/fonts/icons/icons.ttf?2f317f9aaaa889537a8a08ce63d67eda") format("truetype"),
        url("/static/fonts/icons/icons.svg?2f317f9aaaa889537a8a08ce63d67eda#icons") format("svg");
}
i[class^="icon-"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
i[class^="icon-"]:before{
    font-family:icons;
    font-style:normal;
    font-weight:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:subpixel-antialiased;
    -moz-osx-font-smoothing:grayscale;
}
@media only screen and (min-width: 1024px) {
    .container__header {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 768px) {
    .container__header {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0 5px;
        margin-bottom: 40px;
    }
}
.container__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
.container__header--reduced-space {
    margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
    .container__header--mobile {
        flex-direction: row;
    }
}

.link--primary-white .link__icon-container {
    border: 2px solid #fff;
    background: #fff;
}
.link--primary-white .link__icon-container:hover {
    border: 2px solid #000;
    background: #fff;
}

.icon-arrow-right:before{
    content:"\f105";
}
@media only screen and (min-width: 2100px){
.fifty-fifty--reverse .fifty-fifty__content {
    right: auto;
    margin-left: 100px;
    margin-right: auto;
}
}
@media only screen and (min-width: 1200px){
.fifty-fifty--reverse .fifty-fifty__content {
    left: auto;
    right: calc((100vw - 1170px) / 2);
}
}

.zxly2{
 margin-top: 100PX;
}

.fifty-fifty .link{
 width: 100% !important;
 min-width: 210px;
 color: #000;
}
.fifty-fifty .button{
 width: 100% !important;
 min-width: 230px;
}
/* 文本组件样式 */
.h3{
    margin-top:0;
    margin-bottom:20px;
    color:#001325;
    letter-spacing:0;
    font-family:400;
    font-size:25px;
    line-height:1.36;
}
.h3 strong{
    font-weight:700;
}
.p{
    margin-bottom:20px;
    line-height:1.7142;
}

/* 布局容器样式 */
.wrapper{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:1180px;
    padding:0 15px;
}
.wrapper--wide{
    max-width:1440px;
    padding:0;
}
.wrapper--large{
    max-width:1520px;
}
.text-card-grid__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (min-width: 1024px){
.text-card-grid__text {
    flex: 0 0 33.33333%;
    margin-bottom: 30px;
}
}
.page-strip{
    width:100%;
    position:relative;
    margin:30px 0;
    z-index:0;
}
.fifty-fifty{
    width:100%;
    position:relative;
    z-index:0;
}
.fifty-fifty__child{
    min-width:0;
    width:100%;
    margin:0 0 40px 0;
    position:relative;
}
.fifty-fifty__child--no-margin{
    margin:0;
}
.fifty-fifty__content{
    padding:0 25px;
}
.fifty-fifty__picture-container{
    margin:0 10px;
    border-radius:20px;
    overflow:hidden;
}

/* 内容区块样式 */
.content{
    max-width:100%;
}
.content__subheading{
    text-transform:uppercase;
    letter-spacing:2.3px;
    font-size:14px;
    line-height:1.2857;
    margin-bottom:12px;
    color:#3F3F3F;
}
.content__heading{
    margin-bottom:15px;
}
.content__text{
    margin-bottom:15px;
}
.content__picture-container{
    display:none;
}
.content__picture-container--visible-mobile{
    display:block;
    margin-top:30px;
}
.content__picture{
    display:block;
    height: 100%;
    min-height:300px;
}
.content__img{
    display:block;
    width:100%;
    height:100%;
    /*object-fit:cover*/;
}
.content__picture:hover img,.product-img:hover img{
    transform:scale(1.1);
}

/* 列表组件样式 */
.list{
    display:flex;
    margin:0 -2px;
}
.list__item{
    margin:0 4px;
}
.list--wrap{
    flex-wrap:wrap;
}
.list--wrap .list__item{
    margin-bottom:5px;
}
.list--wrap .list__item:last-child{
    margin-bottom:0;
}

/* 按钮组件样式 */
.button{
    height:58px;
    padding:10px;
    display:inline-flex;
    align-items:center;
    min-width:140px;
    text-align:center;
    font-weight:600;
    letter-spacing:1.1px;
    font-size:14px;
    border-radius:35px;
    transition:0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.button--secondary{
    background:#323234;
    color:#fff;
}
.button--secondary .button__icon{
    color:#323234;
}
.button--secondary .button__icon-container:before{
    background:#323234;
}
.button__icon-container{
    position:relative;
    min-width:41px;
    width:41px;
    height:41px;
    border:2px solid #fff;
    border-radius:50%;
    background:#fff;
    margin-right:10px;
    overflow:hidden;
}
.button__icon-container:before{
    display:block;
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    opacity:0;
    transition:opacity 0.11s ease-out,transform 0.11s ease-out;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0);
}
.button__icon{
    display:block;
    position:relative;
    font-size:10px;
    z-index:1;
    transition:color 0.22s 0.1s ease-out;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.button__text{
    text-align:left;
    padding-right:10px;
    backface-visibility:hidden;
    transition:0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

/* 链接组件样式 */
.link{
    height:58px;
    padding:10px;
    display:inline-flex;
    align-items:center;
    text-align:center;
    font-weight:600;
    letter-spacing:1.1px;
    font-size:14px;
    transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    color:#000;
    font-weight:500;
    transition:color 0.3s ease;
}
.link:hover{
    color:#000;
}
.link--primary{
    color:#3F3F3F;
}
.link--primary .link__icon{
    color:#3F3F3F;
}
.link--primary .link__icon-container{
    border:2px solid #F5F5F7;
    background:#F5F5F7;
}
.link--primary .link__icon-container:before{
    background:#fff;
}
.link__icon-container{
    position:relative;
    min-width:41px;
    width:41px;
    height:41px;
    border-radius:50%;
    margin-left:8px;
    overflow:hidden;
    transition:transform 0.22s ease-out,border 0.22s ease-out;
}
.link__icon-container:before{
    display:block;
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    opacity:0;
    transition:opacity 0.11s ease-out,transform 0.11s ease-out;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0);
}
.link__icon-animated{
    display:inline-block;
    transition:transform 0.3s ease;
}
.link:hover .link__icon-animated{
    transform:translateX(4px);
}
.link__icon{
    position:relative;
    display:block;
    font-size:10px;
    z-index:1;
    transition:color 0.22s 0.1s ease-out;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.link__text{
    text-align:left;
}

/* 动画关键帧 */
@keyframes moveRightInitial{
    to{
        transform:translate3d(105%, 0, 0);
    }
}
@keyframes moveRightEnd{
    from{
        transform:translate3d(-100%, 0, 0);
    }
    to{
        transform:translate3d(0, 0, 0);
    }
}

/* 响应式样式 - 平板及以上 (768px+) */
@media only screen and (min-width: 768px){
    .wrapper{
        padding:0 25px;
        overflow:visible;
    }
    .list{
        margin:0 -10px;
    }
    .list__item{
        margin:0 10px;
    }
    .content{
        max-width:70vw;
    }
}

/* 响应式样式 - 桌面 (1024px+) */
@media only screen and (min-width: 1024px){
    .h3{
        font-size:35px;
        line-height:1.2857;
    }
    .p{
        line-height:1.8125;
    }
    .fifty-fifty{
        display:flex;
        margin:0 -20px;
        width:calc(100% + 40px);
        justify-content:center;
        align-items:center;
    }
    .fifty-fifty--no-margin{
        width:100%;
        margin:0;
    }
    .fifty-fifty__child{
        width:50%;
        margin:20px;
    }
    .fifty-fifty__child:last-of-type{
        margin:20px;
    }
    .fifty-fifty__child--no-margin{
        margin:0;
    }
    .fifty-fifty__child--no-margin:last-of-type{
        margin:0;
    }
    .fifty-fifty__picture-container{
        margin:0 0 0 15px;
        border-radius:20px 0 0 20px;
    }
    .fifty-fifty--reverse{
        flex-direction:row-reverse;
        display:flex;
        justify-content:flex-start;
    }
    .fifty-fifty--reverse .fifty-fifty__picture-container{
        border-radius:20px;
        margin:0 15px 0 0;
    }
    .content{
        max-width:100%;
    }
    .content__heading{
        margin-bottom:17px;
    }
    .content__text{
        margin-bottom:30px;
    }
    .content__picture-container{
        display:block;
    }
    .content__picture-container--visible-mobile{
        margin-top:0;
    }
    .content__picture-container--visible-mobile .content__picture{
        height:auto;
    }
    .content__picture{
        height:auto;
    }
    .list{
        margin:0 -15px;
    }
    .list__item{
        margin:0 15px;
    }
    .list--wrap{
        flex-wrap:nowrap;
    }
    .list--wrap .list__item{
        margin-bottom:0;
    }
    .button{
        height:73px;
        font-size:16px;
        min-width:205px;
    }
    .button:hover{
        transform:scale(1.15);
    }
    .button:hover .button__icon-container{
        border:2px solid #fff;
    }
    .button:hover .button__icon-container:before{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
        transition:opacity 0.22s ease-out,transform 0.22s ease-out;
    }
    .button:hover .button__icon-animated{
        animation:moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;
        transform:translateX(20px);
    }
    .button:hover .button__icon{
        color:#fff;
    }
    .button:hover .button__text{
        transform:scale(0.85) translate3d(0, 0, 0) perspective(1px);
    }
    .button__icon-container{
        margin-right:20px;
        min-width:50px;
        width:50px;
        height:50px;
    }
    .button__icon-animated{
        display:block;
        width:100%;
        height:100%;
        transition:transform 0.22s 0.1s ease-out;
    }
    .button__icon{
        font-size:12px;
    }
/* 链接组件样式（完整补充） */
.link{
    height:58px;
    padding:10px;
    display:inline-flex;
    align-items:center;
    text-align:center;
    font-weight:600;
    letter-spacing:1.1px;
    font-size:14px;
    transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    color:#000;
    font-weight:500;
    transition:color 0.3s ease;
}
.link:hover{
    color:#000;
}
.link--primary{
    color:#3F3F3F;
}
.link--primary .link__icon{
    color:#3F3F3F;
}
.link--primary .link__icon-container{
    border:2px solid #F5F5F7;
    background:#F5F5F7;
}
.link--primary .link__icon-container:before{
    background:#fff;
}
/* 1024px以上设备的link样式补充 */
@media only screen and (min-width: 1024px){
    .link{
        height:73px;
        font-size:16px;
        min-width:184px;
    }
    .link:hover .link__icon-container,
    .link:focus .link__icon-container{
        transform:scale(1.15);
    }
    .link:hover .link__icon-container:before,
    .link:focus .link__icon-container:before{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
        transition:opacity 0.22s ease-out,transform 0.22s ease-out;
    }
    .link:hover .link__icon-animated,
    .link:focus .link__icon-animated{
        animation:moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;
        transform:translateX(20px);
    }
    .link--primary:hover .link__icon-container,
    .link--primary:focus .link__icon-container{
        border-color:#3F3F3F;
    }
    .link__icon-container{
        min-width:50px;
        height:50px;
    }
    .link__icon-animated{
        display:block;
        width:100%;
        height:100%;
        transition:transform 0.22s 0.1s ease-out;
    }
    .link__icon{
        font-size:12px;
    }
}
/* 1200px以上设备的link样式 */
@media only screen and (min-width: 1200px){
    .link{
        font-size:18px;
    }
    .link__text{
        padding-right:20px;
    }
}
/* 1440px以上设备的link样式 */
@media only screen and (min-width: 1440px){
    .link__text{
        padding-right:0;
    }
}

/* 卡片组件 */
.card{
    display:flex;
    flex-direction:column;
    box-shadow:0 2px 10px 0 rgba(134,135,134,0.1);
    border-radius:20px;
    height:100%;
    overflow:hidden;
    width:100%;
    text-decoration:none;
    color:inherit;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.card__info {
    position: relative;
    color: #3F3F3F;
    letter-spacing: .3px;
    font-size: 14px;
    padding-right: 18px;
    margin-right: 18px;
}
.card__info:before {
    display: block;
    content: '';
    background: #BCBEC0;
    width: 1px;
    height: 30px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.card__info:nth-child(2):before {
  display: none;
}

.card__info:nth-of-type(2):before {
  display: none;
}
.card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
}
@media only screen and (min-width: 1024px) {
    .card__info:last-child {
        padding-right: 0;
        margin-right: 0;
    }
}
@media only screen and (min-width: 1024px){
    .card{
        transition:transform 0.22s ease-out,box-shadow 0.22s ease-out;
    }
    .card:hover,.card:focus{
        transform:translateY(-10px);
        box-shadow:0 2px 20px 0 rgba(134,135,134,0.2);
    }
}

/* 卡片图片容器 */
.card__picture-container{
    display:flex;
    justify-content:center;
    width:100%;
    height:100%;
    overflow:hidden;
    flex-shrink:0;
    position:relative;
}
@media only screen and (min-width: 1024px){
    .card:hover .card__picture,.card:focus .card__picture{
        transform:scale(1.1);
        transition:transform 0.22s 0.1s ease-out;
    }
}

/* 卡片图片 */
.card__picture{
    display:block;
    width:100%;
    height:100%;
    min-height:inherit;
}
@media only screen and (min-width: 1024px){
    .card__picture{
        transition:transform 0.22s ease-out;
    }
}
.card__img{
    display:block;
    object-fit:cover;
    width:100%;
    height:100%;
    min-height:inherit;
    transition:transform 0.5s ease;
}
.card:hover .card__img{
    transform:scale(1.05);
}

/* 卡片内容区 */
.card__body{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:#fff;
    padding:22px 20px 30px;
    min-height:225px;
    height:100%;
}

/* 卡片文本 */
.card__title{
    color:#001325;
    font-weight:600;
    letter-spacing:.1px;
    line-height:1.375;
    font-size:16px;
    line-height:1.4;
    margin-bottom:12px;
}
.card__title--large{
    font-size:18px;
    line-height:26px;
    margin-bottom:10px;
}
.card__description{
    color:#001325;
    font-size:14px;
}
@media only screen and (min-width: 1024px){
    .card__description{
        font-size:16px;
    }
}

/* 卡片网格布局 */
.text-card-grid{
    display:flex;
    flex-direction:column;
}
@media only screen and (min-width: 768px){
    .text-card-grid{
        flex-direction:row;
        flex-wrap:wrap;
        margin:0 -12px;
    }
}

.text-card-grid__col{
    margin-bottom:20px;
    padding:0 6px;
}
@media only screen and (min-width: 768px){
    .text-card-grid__col{
        flex:0 0 50%;
    }
}
@media only screen and (min-width: 1024px){
    .text-card-grid__col{
        flex:0 0 33.33333%;
        margin-bottom:30px;
    }
}

/* 卡片链接交互 */
.text-card-grid i{
    width:130px;
    height:40px;
    border-radius:60px;
    color:var(--colors);
}
.text-card-grid a:hover i{
    background:var(--colors);
    color:#fff;
}

.cta-strip{
    display:flex;
    flex-direction:column;
    background:#323234;
    overflow:hidden;
    border-radius:20px;
    padding:40px 25px 25px;
}
@media only screen and (min-width: 480px){
    .cta-strip{
        padding:30px 25px;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        border-radius:60px;
    }
}
@media only screen and (min-width: 768px){
    .cta-strip{
        padding:20px;
    }
}
@media only screen and (min-width: 1024px){
    .cta-strip{
        padding:15px 20px 15px 50px;
    }
}

/* CTA 文本 */
.cta-strip__text{
    color:#fff;
    font-size:25px;
    line-height:1.36;
    margin-bottom:10px;
}
@media only screen and (min-width: 480px){
    .cta-strip__text{
        margin-bottom:0;
        max-width:65%;
    }
}
@media only screen and (min-width: 1024px){
    .cta-strip__text{
        font-size:26px;
    }
}

/* CTA 按钮 */
@media only screen and (min-width: 1024px){
    .cta-strip__cta{
        height:62px;
    }
}

/* 内嵌式 CTA 区块 */
.cta-strip--in-strip{
    margin:0 -10px;
}
@media only screen and (min-width: 768px){
    .cta-strip--in-strip{
        margin:0;
    }
}
@media only screen and (min-width: 1024px){
    .cta-strip--in-strip{
        margin:0 -5px;
    }
}
.link--tertiary-light {
    color: #fff;
}
@media only screen and (min-width: 1024px){
    .link{
        height:73px;
        font-size:16px;
        min-width:184px;
    }
    .link:hover .link__icon-container,
    .link:focus .link__icon-container{
        transform:scale(1.15);
    }
    .link:hover .link__icon-container:before,
    .link:focus .link__icon-container:before{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
        transition:opacity 0.22s ease-out,transform 0.22s ease-out;
    }
    .link:hover .link__icon-animated,
    .link:focus .link__icon-animated{
        animation:moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;
        transform:translateX(20px);
    }
}
/*  tertiary 类型链接 */
.link--tertiary,
.link--tertiary-light{
    color:#3F3F3F;
}
.link--tertiary .link__icon,
.link--tertiary-light .link__icon{
    color:#3F3F3F;
}
.link--tertiary .link__icon-container,
.link--tertiary-light .link__icon-container{
    border:2px solid #F5F5F7;
    background:red; /* 覆盖默认背景色 */
    border-color:red; /* 覆盖默认边框色 */
}
.link--tertiary .link__icon-container:before,
.link--tertiary-light .link__icon-container:before{
    background:#fff;
}
@media only screen and (min-width: 1024px){
    .link--tertiary:hover .link__icon-container,
    .link--tertiary-light:hover .link__icon-container,
    .link--tertiary:focus .link__icon-container,
    .link--tertiary-light:focus .link__icon-container{
        border-color:#3F3F3F;
    }
}

/* 浅色 tertiary 链接 */
.link--tertiary-light{
    color:#fff;
}
@media only screen and (min-width: 1024px){
    .link--tertiary-light:hover .link__icon-container,
    .link--tertiary-light:focus .link__icon-container{
        border-color:#fff;
    }
}

/* 无内边距链接 */
.link--no-padding{
    padding:0;
}

/* 链接图标容器 */
.link__icon-container{
    position:relative;
    min-width:41px;
    width:41px;
    height:41px;
    border-radius:50%;
    margin-left:20px; /* 默认间距 */
    overflow:hidden;
    transition:transform 0.22s ease-out,border 0.22s ease-out;
}
.link__icon-container:before{
    display:block;
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    opacity:0;
    transition:opacity 0.11s ease-out,transform 0.11s ease-out;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0);
}
@media only screen and (min-width: 1024px){
    .link__icon-container{
        min-width:50px;
        height:50px;
    }
}
@media only screen and (min-width: 1200px){
.link {
    font-size: 18px;
}
}
/* 图标动画元素 */
@media only screen and (min-width: 1024px){
    .link__icon-animated{
        display:block;
        width:100%;
        height:100%;
        transition:transform 0.22s 0.1s ease-out;
    }
}
.link__icon-animated{
    display:inline-block;
    transition:transform 0.3s ease;
}
.link:hover .link__icon-animated{
    transform:translateX(4px);
}