/* Solution Pages Start*/

.solution-part .solution-banner-box{
    position: relative;
    height: 37vw;  /* 基于 图片 1920*720 计算高度值 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.solution-part .solution-banner-box>div{
    height: 100%;
}
.solution-part .solution-banner-box .solution-banner-text{
    justify-content: center;
    height: 100%;
    max-width: 50%;
    text-align: left;
}
.solution-part .solution-banner-box .solution-banner-text.right{
    transform: translateX(50%);
}
.solution-part .solution-banner-box .solution-banner-text.center{
    text-align: center;
    max-width: 100%;
}
.solution-part .solution-banner-box .solution-banner-text strong{
    line-height: 1.1;
    width: 104%;
    opacity: 0.6;
}
.solution-part .solution-banner-box .solution-banner-text h1{
    line-height: 1.1;
    width: 104%;
}

.solution-part .solution-banner-box .solution-banner-text .btns{
    column-gap: 4rem;
    column-gap: 4rem;
    /*flex-direction: column;*/
    row-gap: 1rem;
    margin-top: 2rem;
}
.solution-part .solution-banner-box .solution-banner-text .btn{
    padding: 10px 2.5rem;
    background-color: var(--color-darkblue);
    color: #fff;
    place-self: flex-start;
}
.solution-part .solution-banner-box .solution-banner-text .btn i{
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-left: none;
    border-bottom: none;
    transition: all 0.3s ease-out;
    transform: rotate(45deg);
    }
.solution-part .solution-banner-box .solution-banner-text .btn:hover i{
  transform: translateX(5px) rotate(45deg) ;
}




/*大场景*/
.solution-part .large-scene{
    min-height: 37vw;
    padding: 5.2vw 0;
    background-color: #f9fbff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.solution-part .large-scene>div{
    column-gap: 80px;
}
.solution-part .large-scene .text{
    width: 50%;
    order: 1;
}
.solution-part .large-scene .text h2{
    line-height: 1.1;
}
.solution-part .large-scene .text p{
    margin-top: .5rem;
}
.solution-part .large-scene .img{
    width: 50%;
    position: relative;
    height: 100%;
}

/*显示点点*/
.solution-part .large-scene .point-warp{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    /*display: none;*/
}
.solution-part .large-scene .point-warp a{
    position: absolute;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 1px solid red;*/
}
.solution-part .large-scene .point-warp a span{
    width: 20px;
    height: 20px;
    background: radial-gradient(circle,transparent,#87CEEB,#87CEEB);
     /*background: transparent; */
    border-radius: 100%;
    animation: circlewarn2 3s ease-out 0s infinite;
}
@keyframes circlewarn2 {
    0% {
        transform: scale(.5);
        opacity: 0;
    }    
    40% {
        transform: scale(.9);
        opacity: .5;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    80% {
        transform: scale(1.5);
        opacity: .8;
    }
    100% {
        opacity: 0;
    }
}
.solution-part .large-scene .point-warp a .message {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, 0px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.1);
    display: none;
    transition: all 0.5s ease-in-out;
}
.solution-part .large-scene .point-warp a .message img{
    height: 100%;
    width: auto;
    transition: all 0.5s ease-in-out;
}
.solution-part .large-scene .point-warp a .message:hover img{
    transform: scale(1.08);
}
.solution-part .large-scene .point-warp a:hover .message {
    display: block;
}



/*应用小多场景*/
.solution-part .detail-scene .item .img{
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.solution-part .detail-scene .item img{
    transition: transform 0.3s;
    width: 100%;
}
.solution-part .detail-scene .item:hover img{
    transform: scale(1.05);
}

/*默认样式
  layout-default
*/
.solution-part .detail-scene .layout-default>ul{
    display: flex;
    flex-wrap: wrap;
    row-gap: 3rem;
    column-gap: 3rem;
}
.solution-part .detail-scene .layout-default .item{
    width: calc((100% - 6rem)/3);
    flex-shrink: 0;
    /*margin-right: 3rem;*/
    /*margin-bottom: 3rem;*/
}
.solution-part .detail-scene .layout-default .item:nth-child(3n){
    /*margin-right: 0;*/
}
.solution-part .detail-scene .layout-default .item .text{
    margin-top: 1rem;
    /*padding: 10px;*/
}
.solution-part .detail-scene .layout-default .item p{
    margin-top: 1rem;
}

/*应用场景行式样式 layout-flex
2 1 1
1 1 2
*/
.solution-part .detail-scene .layout-flex>ul{
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
    column-gap: 2rem;
}
.solution-part .detail-scene .layout-flex .item{
    --width : calc((100% - 4rem)/4);
    width: var(--width);
    /*margin-right: 2rem;*/
    /*margin-bottom: 2rem;*/
    position: relative;
}
.solution-part .detail-scene .layout-flex .item:nth-child(3n){
    /*margin-right: 0;*/
}
.solution-part .detail-scene .layout-flex .item:first-child,
.solution-part .detail-scene .layout-flex .item:last-child{
    width: calc(var(--width)*2);
}
.solution-part .detail-scene .layout-flex .item .text{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.solution-part .detail-scene .layout-flex .item .text h3{
    background-color: rgba(255,255,255,.8);
    padding: 6px 10px;
    position: absolute;
    bottom: 15px;
    right: 10px;
    border-radius: 10px;
    text-align: right;
    text-wrap: balance;
}
.solution-part .detail-scene .layout-flex .item .text p{
    display: none;
}

/*应用场景列式样式 layout-grid
1 2 1 1
*/
.solution-part .detail-scene .layout-grid .item-grid{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.solution-part .detail-scene .layout-grid .item-grid .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    max-width: 250px;
}
.solution-part .detail-scene .layout-grid .item-grid .text p{
    line-height: 1.3;
    margin-top: 10px;
}
.solution-part .detail-scene .layout-grid .item-grid  img{
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
}
.solution-part .detail-scene .layout-grid .item-grid:hover img {
    transform: scale(1.05);
}

.solution-part .detail-scene .layout-grid{
   display: grid; 
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr .64fr .64fr 1fr 1fr;
   gap: 2rem;
   height: 100%;
}
.solution-part .detail-scene .layout-grid .item-grid:nth-child(1) {
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 3;
   grid-column-end: 2;
   color: var(--color-darkblue);
}
.solution-part .detail-scene .layout-grid .item-grid:nth-child(2) {
   grid-row-start: 1;
   grid-column-start: 2;
   grid-row-end: 2;
   grid-column-end: 4;
   color: var(--color-darkblue);
}
.solution-part .detail-scene .layout-grid .item-grid:nth-child(3) {
   grid-row-start: 2;
   grid-column-start: 2;
   grid-row-end: 3;
   grid-column-end: 4;
   color: var(--color-darkblue);
}
.solution-part .detail-scene .layout-grid .item-grid:nth-child(4) {
   grid-row-start: 1;
   grid-column-start: 4;
   grid-row-end: 3;
   grid-column-end: 5;
   color: #fff;
}
.solution-part .detail-scene .layout-grid .item-grid:nth-child(5) {
   grid-row-start: 1;
   grid-column-start: 5;
   grid-row-end: 2;
   grid-column-end: 6;
   color: #fff;
}
.solution-part .detail-scene .layout-grid .item-grid:nth-child(6) {
   grid-row-start: 2;
   grid-column-start: 5;
   grid-row-end: 3;
   grid-column-end: 6;
   color: #fff;
}

/*应用场景列式样式 layout-click
1 2 1 1
*/
.solution-part .detail-scene .layout-click{
    display: flex;
    column-gap: 1rem;
    align-items: center;
}
.solution-part .detail-scene .layout-click>div{
    width: 50%;
    /*height: 400px;*/
}
.solution-part .detail-scene .layout-click .text{
    order: 1;
    display: flex;
    align-items: center;
    padding-left: 2rem;
}

.solution-part .detail-scene .layout-click .text li{
    cursor: pointer;
    transition: all 0.2s;
    border-left: 1px dashed #ccc;
    position: relative;
}

.solution-part .detail-scene .layout-click .text li h3{
    position: relative;
    text-align: left;
    padding: 6px 20px;
}
.solution-part .detail-scene .layout-click .text li i{
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: #ccc;
}
.solution-part .detail-scene .layout-click .text li.active i{
    background-color: var(--color-highlight);
}
.solution-part .detail-scene .layout-click .text li p{
    padding: 16px 20px;
    line-height: 2;
    display: none;
}
.solution-part .detail-scene .layout-click .text li.active p{
    display: block;
}

.solution-part .detail-scene .layout-click .img{
    overflow: hidden;
    border-radius: 10px;
}

.solution-part .detail-scene .layout-click .img ul{
    width: 100%;
    transition: all 0.5s;
}
.solution-part .detail-scene .layout-click .img ul li{
    width: 100%;
    /*height: 340px;*/
    /*padding: 1rem;*/
}
.solution-part .detail-scene .layout-click .img ul li img{
    width: 100%;
    height: auto;
    max-height: 339px;
    border-radius: 6px;
}

/*应用场景 聚合页新增内容*/


.cold-chain-monitoring .solution-part .industry-challenges{}
.cold-chain-monitoring .solution-part .industry-challenges .text{}
.cold-chain-monitoring .solution-part .industry-challenges .text>ul{
    column-gap: 3rem;
    row-gap: 2rem;
}
.cold-chain-monitoring .solution-part .industry-challenges .text>ul>li{
    width: calc((100% - 6rem) / 3);
    row-gap: 1rem;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
.cold-chain-monitoring .solution-part .industry-challenges .text>ul.row-layout{
    flex-wrap: wrap;
}
.cold-chain-monitoring .solution-part .industry-challenges .text>ul.row-layout>li{
    width: 100%;
    flex-direction: row;
    text-align: left;
    column-gap: 1rem;
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    align-items: flex-end;
}

.cold-chain-monitoring .solution-part .industry-challenges2{
    row-gap: 1rem;
}
.cold-chain-monitoring .solution-part .industry-challenges2 .text>ul{
    row-gap: .5rem;
}
.cold-chain-monitoring .solution-part .industry-challenges2 .text>ul>li{
    width: unset;
    text-align: left;
    /*cursor: pointer;*/
}

.cold-chain-monitoring .solution-part .industry-challenges2 .text>ul>li:not(:first-child) .des{
    /*display: none;*/
}
.cold-chain-monitoring .solution-part .industry-challenges2 .text>ul>li>h3>i{
    float: right;
    border: 1px solid;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    transform: rotate(90deg);
    transition: transform 0.2s ease-in-out;
}
.cold-chain-monitoring .solution-part .industry-challenges2 .text>ul>li>h3>i.clicked{
    transform: rotate(180deg);
}

.cold-chain-monitoring .solution-part .large-scene.what-is{
    background-position: right top;
    
}
.cold-chain-monitoring .solution-part .large-scene.how-work{
    /*height: 54vw;*/
    /*background-size: 100% auto;*/
    /*background-color: #e3ebf4;*/
    /*background-position: center bottom;*/
    
}

.cold-chain-monitoring .solution-part .large-scene.how-work .cont-wapper{
    align-items: flex-start;
}
.cold-chain-monitoring .solution-part .large-scene.how-work .text{
    /*text-align: center;*/
    /*width: 100%;*/
    /*max-width: 860px;*/
    /*justify-content: flex-end;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}
.cold-chain-monitoring .solution-part .large-scene.how-work .text>div{
    /*column-gap: 2rem;*/
}
.cold-chain-monitoring .solution-part .large-scene.how-work .text>div p{
    /*background-color: #fff;*/
    /*padding: 1rem;*/
    /*border-radius: 5px;*/
    /*color: var(--color-darkblue);*/
    /*text-align: left;*/
    /*position: relative;*/
    /*width: 50%;*/
    /*box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .05);*/
}



.cold-chain-monitoring .solution-slider-nav{
    position: fixed;
    left: 1rem;
    top: 50%;
    z-index: 999;
    transform: translateY(-50%) translateX(0%);
    transition: transform 0.2s ease-in-out;
    width: 1px;
}
.cold-chain-monitoring .solution-slider-nav.hide{
    /*transform: translateX(-100%);*/
}
.cold-chain-monitoring .solution-slider-nav>span{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-50%) rotate(0deg);
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    background-color: #fff;
    border-radius: 20px;
    transition: transform 0.2s ease-in-out;
    border: 1px solid #eeeeee50;
}
.cold-chain-monitoring .solution-slider-nav>span::before{
    content: '';
    width: 7px;
    height: 7px;
    border: 2px solid var(--color-highlight);
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) translateX(50%) rotate(-135deg);
}
.cold-chain-monitoring .solution-slider-nav.hide>span{
    right: 0;
    transform: translateY(-50%) translateX(-50%) rotate(180deg);
}

.cold-chain-monitoring .solution-slider-nav ul{
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 1rem;
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    width: 128px;
    transform: translateX(0%);
    transition: transform 0.2s ease-in-out;
}
.cold-chain-monitoring .solution-slider-nav.hide ul{
     transform: translateX(-100%);
}

.cold-chain-monitoring .solution-slider-nav li{
    margin: 2px 0;
}
.cold-chain-monitoring .solution-slider-nav li a{
    padding: 5px 10px;
    display: block;
    color: var(--color-darkblue);
    transition: color 0.1s ease-in-out, background-image 0.3s ease-in-out;
    border-radius: 5px;
}
.cold-chain-monitoring .solution-slider-nav li.active a,
.cold-chain-monitoring .solution-slider-nav li a:hover{
    /*background-color: var(--color-highlight);*/
    color: #fff;
    background-image: linear-gradient(20deg, #a6d5f5, #87ceeb, #2abcfd);
}

/*横式页面定位*/
.page-locate{
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .05);
    position: sticky;
    top: var(--nav-height);
    z-index: 9;
    background-color: #ffffff;
}
.page-locate .anchor-points{
    /*border-bottom: 1px solid #ccc;*/
    column-gap: 10px;
}
.page-locate .anchor-points>li{
    
}
.page-locate .anchor-points>li>a{
    padding: 1rem;
    display: block;
    /*border-radius: 5px;*/
    transition: all 0.2s ease-in-out;
    border-bottom: 2px solid transparent;
}
.page-locate .anchor-points>li.active>a,
.page-locate .anchor-points>li>a:hover{
    /*background-color: var(--color-highlight);*/
    color: var(--color-highlight);
    /*background-color: var(--color-highlight);*/
    border-bottom: 2px solid var(--color-highlight);;
}


/* 套件里相关产品列表 移植在 解决方案和产品聚合页*/
.product-kits-related .part-content{
    flex-wrap: wrap;
}
.product-kits-related .prart-list-item{
    width: 33.3333333%;
    display: flex;
    padding: 20px 0;
    border-top: 1px solid #eee;
    position: relative;
}
/*前三个*/
.product-kits-related .prart-list-item:nth-child(-n+3){
    border-top: 0;
}
.product-kits-related .prart-list-item::after{
    content: '';
    width: 1px;
    height: calc(100% - 30px);
    background-color: #eee;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
/*3的倍数个*/
.product-kits-related .prart-list-item:nth-child(3n)::after{
    width: 0;
}
.product-kits-related .part-img{
    width: 40%;
    text-align: center;
    position: relative;
}
.product-kits-related .prart-list-item .part-img img{
    width: 120px;
    height: 120px;
    display: inline-block;
    z-index: 2;
    position: relative;
    transition: all 0.3s;
    top: 0;
}
.product-kits-related .prart-list-item:hover .part-img img{
    top: 4px;
}
.product-kits-related .part-img i{
    width: 125px;
    height: 36px;
    display: inline-block;
    background-color: rgba(249, 250, 252, 1);
    position: absolute;
    border-radius: 20px;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.product-kits-related .part-text{
    width: 60%;
    font-size: 14px;
    padding: 6px;
    position: relative;
}
.product-kits-related .part-text .info{
    font-size: 0.9em;
    color: #666;
}
.product-kits-related .part-text .arrow{
    position: absolute;
    right: 12px;
    bottom: 6px;
    transition: all 0.3s;
}
.product-kits-related .part-text .arrow::before{
    content: '';
    width: 1rem;
    height: 2px;
    position: absolute;
    background-color: var(--color-darkblue);
    transform: translateX(-100%);
}
.product-kits-related .part-text .arrow::after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    border-top: 2px solid var(--color-darkblue);
    border-right: 2px solid var(--color-darkblue);
    transform: translateX(-100%) translateY(-50%) rotate(45deg);
    top: 1px;
    left: 1px;
}
.product-kits-related .prart-list-item:hover .arrow{
    right: 8px;
}

.page-faqs-container .text,
.solution-part .large-scene.solution-services .text,
.solution-part .large-scene.solution-benefits .text{
    width: 100%;
    text-align: center;
}

.solution-part .large-scene.solution-benefits2{
    
}
.solution-part .large-scene.solution-benefits .text .benefits-list{
    column-gap: 4rem;
    row-gap: 4rem;
    flex-wrap: wrap;
}

.solution-part .large-scene.solution-benefits.solution-benefits2 .text .benefits-list{
    column-gap: 2rem;
    row-gap: 2rem;
    flex-wrap: wrap;
}

.solution-part .large-scene.solution-benefits.solution-benefits2 .text .benefits-list>div{
       flex-basis: calc((100% - 4rem) / 3);
    border: 1px solid #cccccc50;
    background: transparent;
    justify-content: flex-start;
        /*padding: 1rem;*/

}
.solution-part .large-scene.solution-benefits.solution-benefits2 .text .benefits-list>div .ico{
    width: 100%;
    background-color: var(--color-highlight);
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}
.solution-part .large-scene.solution-benefits.solution-benefits2 .text .benefits-list>div h3{
     margin-bottom: auto;
}

.solution-part .large-scene.solution-benefits .text .benefits-list>div{
    width: calc((100% - 4rem) / 2);
    text-align: left;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    padding: 2rem;
    /* background-color: transparent; */
    /*background: linear-gradient(to bottom right, #5f76a76b 0%, #87ceeb38 100%);*/
    background: #cccccc10;
    transition: transform 0.5s ease-in-out; /* 定义扭动动画 */
}
.solution-part .large-scene.solution-benefits .text .benefits-list>div:last-child:not(:nth-child(even)) {
    width: 100%;
}
.solution-part .large-scene.solution-benefits .text .benefits-list>div:hover {
    animation: wiggle 0.5s ease-in-out;
}

/*前后对比区块*/
.solution-comparison .before-after-warp {
  position: relative;
  /*padding: 50px 60px;*/
}
.solution-comparison .before-after-warp img {
  vertical-align: top;
  max-width: none;
}
.solution-comparison .before-after-warp a {
  text-decoration: none;
}
.solution-comparison .before-after-warp .img-box {
  position: relative;
  width: 100%;
  height: 40vw;
  /*border: 1px solid red;*/
}
.solution-comparison .before-after-warp .part-l {
  position: absolute;
  width: 50%;
  overflow: hidden;
  z-index: 1;
}
.solution-comparison .before-after-warp .part-r {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.solution-comparison .before-after-warp .toolbar {
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0;
  border-right: 2px solid #1B2E57;
  z-index: 3;
}
.solution-comparison .before-after-warp .toolbar:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  height: 40px;
  width: 40px;
  background: #fff url(/resources/mz-bar.png) repeat center center;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 1px 1px 3px 0px #ccc;
  border: 1px solid #1B2E57;
}

.solution-part .large-scene.solution-services{
    height: auto;
}

.solution-part .large-scene.solution-services .text h2{
    max-width: 860px;
    margin: 0 auto;
}

.solution-part .large-scene.solution-services .text .services-list{
    column-gap: 2rem;
    row-gap: 2rem;
    flex-wrap: wrap;
}
.solution-part .large-scene.solution-services .text .services-list>a{
    flex-basis: calc((100% - 4rem) / 3);
    text-align: center;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    padding: 2rem;
    box-sizing: border-box;
    background-color: transparent;
    /* background: linear-gradient(to bottom right, #5f76a76b 0%, #87ceeb38 100%); */
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .05);
    color: unset;
    transition: transform 0.5s ease-in-out; /* 定义扭动动画 */
}
.solution-part .large-scene.solution-services .text .services-list>a:hover {
    animation: wiggle 0.5s ease-in-out;
}

@keyframes wiggle {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.02) rotate(3deg); }
    50% { transform: scale(0.98) rotate(-3deg); }
    75% { transform: scale(1.02) rotate(3deg); }
    100% { transform: rscale(1) otate(0deg); }
}

/*产品聚合页 使用解决方案 新增*/
.solution-part .product-custom{
    position: relative;
}
.solution-part .product-custom .content{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.solution-part .product-custom .content>div{
    height: 100%;
    position: relative;
}

.solution-part .product-oem{
    position: relative;
}

.solution-part .product-oem::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(to right, #238ccd, #082149);
    opacity: 0.8;
}

.solution-part .product-oem .product-oem-content{
    justify-content: space-between;
    position: relative;
}
.solution-part .product-oem .product-oem-content .list li{
    column-gap: 5px;
    background: linear-gradient(to right, #238ccd, #082149);
    border-radius: 3px;
    padding: 5px 2.5rem;
    color: #fff;
    position: relative;
    height: 40px;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%);
    align-items: center;
}
.solution-part .product-oem .product-oem-content .btn{
    padding: 10px 3rem 10px 2.5rem;
    border-radius: 5px;
    background: linear-gradient(to right, #238ccd, #082149);
    position: relative;
}

.solution-part .product-oem .product-oem-content .btn .arrow{
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.solution-part .product-oem .product-oem-content .btn .arrow::before{
    content: '';
    width: 1rem;
    height: 2px;
    position: absolute;
    background-color: #fff;
    transform: translateX(-100%);
}
.solution-part .product-oem .product-oem-content .btn .arrow::after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateX(-100%) translateY(-50%) rotate(45deg);
    top: 1px;
    left: 1px;
}
.solution-part .product-oem .product-oem-content .btn:hover .arrow{
    right: 18px;
}

@media (max-width: 1360px) {
    .solution-part .product-oem .product-oem-content{
        flex-direction: column;
        row-gap: 1rem;
        text-align: center;
    }
    .solution-part .product-oem .product-oem-content .list{
        flex-wrap: wrap;
        row-gap: 1rem;
        justify-content: center;
    }
}

/*FAQ问题列表 全站可通用*/
.page-faqs-container{
    height: auto !important;
}
.page-faqs-container .text{
    width: 100% !important;
}
.page-faqs-container .text .des{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #999;
}
.page-faqs-container .text a{
    vertical-align: unset;
    color: var(--color-highlight);

}
.faqs-list{
    text-align: left;
}
.faqs-list .faqs-item{
    margin: 5px auto;
    width: 100%;
}
.faqs-list .faqs-item .question{
    padding: 1rem 0;
    background-color: #fff;
    padding-left: 3rem;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #eee;
}
.faqs-list .faqs-item .question:hover{
    background-color: #eeeeee50;
}
.faqs-list .faqs-item .answer{
    display: none;
    background-color: #fff;
    padding: 1rem 3rem;
    margin-top: 0;
    /*border-top: 1px solid #eee;*/
    border-radius: 0 0 5px 5px;
}
.faqs-list .faqs-item .answer ol,
.faqs-list .faqs-item .answer ul{
    padding: 1rem;
    list-style: initial;
}
.faqs-list .faqs-item .answer p{
    margin: 10px 0;
    line-height: 1.4;
}
.faqs-list .faqs-item .answer b,
.faqs-list .faqs-item .answer strong{
    font-weight: 700;
}


.faqs-list .faqs-item .question::before{
    content: '';
    width: 0;
    height: 0;
    border: 7px solid var(--color-darkblue);
    position: absolute;
    top: 50%;
    left: 1rem;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 0;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}
.faqs-list .faqs-item.active .question::before{
    transform: translateY(-50%) rotate(90deg);
}

@media (max-width: 1360px) {
    .solution-part .large-scene.solution-benefits .text{
        color: #fff !important;
    }
    .solution-part .large-scene.solution-services .text .services-list,
    .solution-part .large-scene.solution-benefits .text .benefits-list{
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .solution-part .large-scene.solution-services .text .services-list>a{
        flex-basis: calc((100% - 1rem) / 2);
    }
    .solution-part .large-scene.solution-benefits .text .benefits-list>div{
        flex-basis: 100%;
        padding: 1rem;
    }
    .cold-chain-monitoring .solution-part .large-scene.how-work .img {
        height: 38vw;
        /*width: 100%;*/
    }
    .cold-chain-monitoring .solution-part .large-scene.how-work{
        background-size: 100% 38vw;
    }
    .solution-part .large-scene.solution-benefits.solution-benefits2 .text{
            color: initial !important;
    }
    .solution-part .large-scene.solution-benefits.solution-benefits2 .text .benefits-list{
        column-gap: 1rem;
    row-gap: 1rem;
    }
    .solution-part .large-scene.solution-benefits.solution-benefits2 .text .benefits-list>div{
            flex-basis: calc((100% - 1rem) / 2);
    }
    
    
}
/*Solution Pages End*/

/*产品聚合页 products-agg*/

/*自定义区块*/
.product-agg-part .container{
    position: relative;
}
.product-agg-part .container p{
    margin-top: 1em;
}
.product-agg-part.product-agg-custom .placeholder{
    padding-top: 37.5%;
}
.product-agg-part.product-agg-custom .image-bg,
.product-agg-part.product-agg-custom .content{
    position: absolute;
    inset: 0;
}
.product-agg-part.product-agg-custom .content>div {
    height: 100%;
    position: relative;
}

/*左右布局结构*/
.product-agg-part.product-agg-left-right .container{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 37.5vw;*/
    position: relative;
}
.product-agg-part.product-agg-left-right .container>div {
    height: 100%;
    position: relative;
    min-height: 32vw; /*1920*600 min*/
}
.product-agg-part.product-agg-left-right .text-layout{
    width: 50%;
    padding-right: 4rem;
    margin-right: auto;
}
.product-agg-part.product-agg-left-right .text-layout.right{
    margin-left: auto;
    margin-right: unset;
    padding-left: 4rem;
    padding-right: 0;
}
/*居中布局结构*/
.product-agg-part.product-agg-center .container{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 37.5vw;*/
    position: relative;
}
.product-agg-part.product-agg-center .container>div {
    height: 100%;
    position: relative;
    /*min-height: 37.5vw;*/
}
.product-agg-part.product-agg-center .text-layout{
    width: 100%;
}


/*相关产品列表*/
.product-agg-related-product{}
.product-agg-related-product .related-product-list{
    width: 100%;
    gap: 2rem;
}
.product-agg-related-product .related-product-item{
    width: calc( (100% - 4rem) / 3);
    padding: 1rem 2rem;
    border: 1px solid #f1f1f1;
    transition: all 0.3s ease-in-out;
}
.product-agg-related-product .related-product-item p{
        margin-top: .5em;
}
.product-agg-related-product .related-product-item:hover{
    box-shadow: 0px 0px 10px 0px #C3CCE9;
}
.product-agg-related-product .related-product-list .top{
    column-gap: 1rem;
    align-items: center;
    border-bottom: 1px dashed #ccc;
}
.product-agg-related-product .related-product-list .bottom{
     padding: 1rem 0;
}
.product-agg-related-product .get-more{font-size: 0;}
.product-agg-related-product .get-more>a {
    background-color: var(--color-darkblue);
    padding: 8px 3rem 8px 2rem;
    position: relative;
}

.product-agg-related-product .get-more>a .arrow{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}
.product-agg-related-product .get-more>a .arrow::before{
    content: '';
    width: 10px;
    height: 2px;
    position: absolute;
    background-color: #fff;
    transform: translateX(-100%);
}
.product-agg-related-product .get-more>a .arrow::after{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateX(-100%) translateY(-50%) rotate(45deg);
    top: 1px;
    left: 1px;
}
.product-agg-related-product .get-more>a:hover .arrow{
    right: 16px;
}

/*技术聚合页*/
.tech-agg-related-article .article-list{
    width: 100%;
    column-gap: 2rem;
}
.tech-agg-related-article .article-list .item .text{
    padding: 1rem;
}
.tech-agg-related-article .article-list .item .text .time{
    border-top: 1px solid #ccc;
    margin-top: 8px;
    padding-top: 8px;
}
.tech-agg-related-article .article-list .item .text>h3{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;
}
.tech-agg-related-article .article-list .item .img{
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 1rem;
}
.tech-agg-related-article .article-list .item .img img{
    object-fit: cover;
        height: 100%;
    width: 100%;
}
.tech-agg-related-article .article-list .item{
    width: calc( (100% - 6rem ) / 4);
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    transition: all 0.3s ease-in-out;
}
.tech-agg-related-article .article-list .item:hover{
    box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}



/*服务优势*/
.agg-services .container{
    background-color: #f9fbff;
}
.agg-services .title{
    max-width: 860px;
    margin: 0 auto;
}
.agg-services .services-list{
    column-gap: 2rem;
    row-gap: 2rem;
    flex-wrap: wrap;
}
.agg-services .services-list>a{
    flex-basis: calc((100% - 4rem) / 3);
    text-align: center;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    padding: 2rem;
    box-sizing: border-box;
    background-color: transparent;
    /* background: linear-gradient(to bottom right, #5f76a76b 0%, #87ceeb38 100%); */
    justify-content: center;
    align-items: center;
    row-gap: 1rem;
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .05);
    color: unset;
    transition: transform 0.5s ease-in-out; /* 定义扭动动画 */
}
.agg-services .services-list>a:hover {
    animation: wiggle 0.5s ease-in-out;
}

@keyframes wiggle {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.02) rotate(3deg); }
    50% { transform: scale(0.98) rotate(-3deg); }
    75% { transform: scale(1.02) rotate(3deg); }
    100% { transform: rscale(1) otate(0deg); }
}
@media (max-width: 1360px) {
    .agg-services .services-list{
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .agg-services .services-list>a {
        flex-basis: calc((100% - 1rem) / 2);
    }
}

/*客户评语*/
.product-agg-comment{}
.product-agg-comment .comments-list{
    column-gap: 3rem;
}
.product-agg-comment .comments-item{
    background-color: #e3ebf4;
    padding: 2rem 3rem 3rem;
    width: 50%;
    position: relative;
}
.product-agg-comment .comments-item .comment{
    margin-bottom: 2rem;
    font-size: 1.2em;
    position: relative;
}
.product-agg-comment .comments-item .comment::after{
    content: '”';
    position: absolute;
    right: 0;
    bottom: -1rem;
    font-size: 4em;
    line-height: 0;
}
.product-agg-comment .comments-item .rating{
    margin-top: auto;
    column-gap: 2px;
    color: #fea01a;
    font-size: 1.3em;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}
.product-agg-comment .comments-item .name{
    font-size: 1.5em;
}
.product-agg-comment .comments-item .avatar{
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    position: absolute;
    left: 3rem;
    bottom: -2rem;
    border: 6px solid #e3ebf4;
    background-color: #e3ebf4;
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.product-agg-comment .comments-item:hover .avatar{
    transform: scale(1.3);
}

/*视频区块*/
.product-agg-video .container{
    position: relative;
}
.product-agg-video .container .background{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 68%;
    max-height: 460px;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}    
.product-agg-video .container .background::after{
    position: absolute;
    content: '';
    inset: 0;
    background-image: url(/resources/bg_overlay.png);
    opacity: 0.5;
}

.product-agg-video .video-item{
    position: relative;
    overflow: hidden;
    max-width: 90%;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
}
.product-agg-video .video-item .placeholder{
    width: 860px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
.product-agg-video .video-item .placeholder>img{
    width: 100%;
    height: 100%;
}
.product-agg-video .video-item .rll-youtube-player,
.product-agg-video .video-item  #localVideo,
.product-agg-video .video-item iframe{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding-bottom: unset;
}
.product-agg-video .video-item .rll-youtube-player img{
   transform: scale(1.01);
}

.product-agg-video .video-item #localVideo video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.product-agg-video .video-item #localVideo .video-mask{
    position: absolute;
    inset: 0;
    background-color: rgba(1, 1, 1, .5);
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product-agg-video .video-item #localVideo .video-mask .play-ico {
    cursor: pointer;
    width: 66px;
    height: 66px;
    position: relative;
    z-index: 12;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    line-height: 66px;
    font-size: 0;
    color: #ff0000;
}

/*相关文章*/

.product-agg-related-article{}
.product-agg-related-article .related-article-list{
    column-gap: 1rem;
    row-gap: 1rem;
}
.product-agg-related-article .related-article-item{
    width: calc( (100% - 3rem) / 4);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
    overflow: hidden;
}
.product-agg-related-article .related-article-item>a{
        height: 100%;
}
.product-agg-related-article .related-article-item .img img{
    width: 100%;
    height: auto;
    aspect-ratio: 59 / 34;
    object-fit: cover;
}
.product-agg-related-article .related-article-item .text{
    padding: 1rem;
    line-height: 1.1;
    flex-grow: 1;
    row-gap: 2rem;
}
.product-agg-related-article .related-article-item:hover .text h3{
    color: var(--color-highlight);
}
.product-agg-related-article .related-article-item .text .date{
    margin-top: auto;
    border-top: 1px dashed #e3ebf4;
    padding-top: 1rem;
    color: #9fa3ae;
    font-size: 0.9em;
}
.product-agg-related-article .related-article-item .text .date .n2i{
    font-size: 1.4em;
    margin-right: 3px;
}


/*产品聚合页 products-agg End*/

/*Serivces 页面*/
.serivces-part01 .serivces-banner{
    position: relative;
    aspect-ratio: auto;
    height: calc(100vh - var(--nav-height)); /*1920*840*/
    /*height: 37.5vw; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.serivces-part01 .serivces-banner video{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.serivces-part01 .serivces-banner .serivces-banner-text{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    background-image: url(/resources/bg_overlay.png);
    background-color: rgba(3,3,3,.4);
}
.serivces-part01 .serivces-banner .serivces-banner-text>div{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.serivces-part01 .serivces-banner .serivces-banner-text .left-text{
    max-width: 670px;
    /*text-align: center;*/
}
.serivces-part01 .serivces-banner .serivces-banner-text h1{
    line-height: 1.1;
    /*text-shadow: 4px 4px 10px #00000059;*/
}
.serivces-part01 .serivces-banner .serivces-banner-text h1::first-letter{
    /*color: var(--color-highlight);*/
}
.serivces-part01 .serivces-banner .serivces-banner-text p{
    margin-top: 2rem;
    /*text-shadow: 4px 4px 10px #00000059;*/
}

/*part公用*/
.serivces-part .part-title p{
    max-width: 90%;
    margin: 2rem auto;
    text-align: center;
}

/*part02部分*/

.serivces-part02 .part-title{}
.serivces-part.serivces-part02 .part-title p{
    margin: 0;
    max-width: unset;
}
.serivces-part02 .part-container{}
.serivces-part02 .part-container .list{
    row-gap: 1rem;
    column-gap: 1rem;
}
.serivces-part02 .part-container .item{
    width: calc((100% - 2rem) / 2);
    background-color: #f8fdff;
    border-radius: 2rem;
    padding: 5rem;
    column-gap: 2rem;
}
.serivces-part02 .part-container .item .img{
    width: 160px;
    flex-shrink: 0;
}
.serivces-part02 .part-container .item .text{
    flex-grow: 1;
}

/*part03s部分*/

.serivces-part03s{
    background-color: #e7ebec;
}
.serivces-part.serivces-part03s .part-title p{
    margin: 0;
    max-width: unset;
}
.serivces-part03s .part-container .list{
    column-gap: 3rem;
}
.serivces-part03s .part-container .item{
    width: calc((100% - 9rem) / 4);
    background-color: #fff;
    border-radius: 2rem;
    padding: 4rem 2rem 3rem;
    --color: #318edb;
    row-gap: 2rem;
}
.serivces-part03s .part-container .item:nth-child(2){
    --color: #fa9624;
}
.serivces-part03s .part-container .item:nth-child(3){
    --color: #8e4698;
}
.serivces-part03s .part-container .item:nth-child(4){
    --color: #50b648;
}
.serivces-part03s .part-container .item svg{
    width: 100%;
    height: 100%;
}

.serivces-part03s .part-container .item .top{
    position: relative;
}
.serivces-part03s .part-container .item .top h3{
    width: 71%;
    position: relative;
    line-height: 1.3;
    min-height: 3.9em;
}
.serivces-part03s .part-container .item .top h3::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--color);
    left: 0;
    bottom: -1rem;
}
.serivces-part03s .part-container .item .top .img{
    border: 3px solid #fff;
    width: 45%;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%, 0px);
    border-radius: 10px;
}
.serivces-part03s .part-container .item .top .img>img{
    border-radius: 10px;
    width: 100%;
}
.serivces-part03s .part-container .item .center{
    position: relative;

}
.serivces-part03s .part-container .item .center .line{
    position: absolute;
    height: 40px;
    background: #87ceeb;
    width: calc(100% + 4rem);
}
.serivces-part03s .part-container .item .center .line::before{
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    border: 20px solid #87ceeb;
    transform: translate(-39px, 0);
    border-left: 20px solid transparent;
    box-sizing: border-box;
}
.serivces-part03s .part-container .item .center .line>span{
    position: absolute;
    width: 3rem;
    height: 40px;
    right: 0;
    top: 0;
    background-color: #87ceeb;
    transform: translate(98%, 0);
    z-index: 1;
    overflow: hidden;
}
.serivces-part03s .part-container .item .center .line>span::after{
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    left: -10px;
    top: 0;
    box-sizing: border-box;
    border-top: 8px solid #fff;
    border-right: 8px solid #fff;
    transform: rotate(45deg);
}
.serivces-part03s .part-container .item:last-child .center .line>span{
    width: 2rem;
    overflow: visible;
}
.serivces-part03s .part-container .item:last-child .center .line>span::after{
    width: 56px;
    height: 56px;
    right: 0;
    top: 50%;
    border: 30px solid #87ceeb;
    border-top: 30px solid transparent;
    box-sizing: border-box;
    transform: translate(27px, -50%);
    border-bottom: 30px solid transparent;
    border-right: 30px solid transparent;
}
.serivces-part03s .part-container .item .center .icon{
    width: 86px;
    height: auto;
    background-color: var(--color);
    aspect-ratio: 1 / 1;
    padding: 20px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 5px 10px #3333336e;
    position: relative;
}
.serivces-part03s .part-container .item .sub-list{
    row-gap: 1rem;
    flex-grow: 1;
}
.serivces-part03s .part-container .item .sub-item{
    column-gap: .5rem;
    align-items: center;
}
.serivces-part03s .part-container .item .sub-item .icon{
    width: 30px;
    height: auto;
    flex-shrink: 0;
}
.serivces-part03s .tech-container>h2{
    position: relative;
    display: inline-block;
}
.serivces-part03s .tech-container>h2::before{
    position: absolute;
    content: '';
    width: 5rem;
    height: 2px;
    background-color: #333;
    left: -2rem;
    top: 50%;
    transform: translate(-100%, -50%);
}
.serivces-part03s .tech-container>h2::after{
    position: absolute;
    content: '';
    width: 5rem;
    height: 2px;
    background-color: #333;
    right: -2rem;
    top: 50%;
    transform: translate(100%, -50%);
}
.serivces-part03s .tech-container .imgs{
    justify-content: space-between;
    column-gap: 2rem;
}
.serivces-part03s .tech-container .imgs img{
    height: 32px;
    transition: all 0.3s ease-in-out;
}
.serivces-part03s .tech-container .imgs img:hover{
    transform: scale(1.08);
}






.serivces-part03 .part-content03{
    margin-top: 1rem;
    column-gap: 2rem;
}
.serivces-part03 .part-content03 .full-service-item{
    /*border: 1px solid green;*/
    width: calc((100% - 4rem)/3);
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 0px rgba(234, 234, 234, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.serivces-part03 .part-content03 .full-service-item:hover{
    box-shadow: 5px 5px 25px -15px rgba(0, 0, 0, 0.77);
}
.serivces-part03 .part-content03 .full-service-item .img{
    border-radius: 10px;
    overflow: hidden;
}
.serivces-part03 .part-content03 .full-service-item .text{
    margin-top: 1.5rem;
}
.serivces-part03 .part-content03 .full-service-item .text h3{
    margin-bottom: 1rem;
}
.serivces-part04 .part-content04 .service-project-item{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 46vw;
    align-items: center;
}
.serivces-part04 .part-content04 .service-project-item.right-text{
    justify-content: flex-end;
}


.serivces-part04 .part-content04 .service-project-item>div{
    margin-left: 4rem;
    margin-right: 4rem;
    /*max-width: 1000px;*/
    max-width: 54vw;
}

.serivces-part04 .part-content04 .service-project-main{
    /*justify-content: center;*/
    /*align-items: center;*/
    position: relative;
}
.serivces-part04 .part-content04 .service-project-main>div{
   
}
.serivces-part04 .part-content04 .service-project-img img{
       transform: scale(0);
}
.serivces-part04 .part-content04 .service-project-text{
    width: 740px;
    flex-shrink: 0;
}
.serivces-part04 .part-content04 .service-project-item.has_bgimg .service-project-text{
    text-align: center;
}
.serivces-part04 .part-content04 .service-project-item.right-text .service-project-text{
    order: 1;
}

.serivces-part04 .part-content04 .service-project-text h3 svg{
    fill: #fff;
    stroke: #fff;
    width: 30px;
    height: 30px;
}
.serivces-part04 .part-content04 .service-project-text h3 svg path {
    fill: #fff;
    stroke: #fff;
}.serivces-part04 .part-content04 .service-project-text h3 svg circle {
    fill: #fff;
    stroke: #fff;
}
.serivces-part04 .part-content04 .service-project-text h3 svg rect {
    fill: #fff;
    stroke: #fff;
}

.serivces-part04 .part-content04 .service-project-text p{
    margin-top: 1rem;
}

.serivces-part04 .part-content04 .service-project-sub{
    /*border: 1px solid  green;*/
    color: #fff;
    column-gap: 1rem;
}
.serivces-part04 .part-content04 .service-project-sub>div{
    padding: 1rem;
    width: calc((100% - 4rem)/3);
    background-color: rgba(27, 46, 87, .7);
    border-radius: 10px;
    flex-grow: 1;
}
/*两个子项目*/
.serivces-part04 .part-content04 .service-project-item:nth-child(7) .service-project-sub>div{
    /*width: 50%;*/
}
.serivces-part04 .part-content04 .service-project-item:nth-child(8) .service-project-sub>div{
    /*width: 50%;*/
}


.serivces-part04 .part-content04 .service-project-sub>div.whitebg{
    background-color: rgba(255, 255, 255, 1);
    color: var(--color-darkblue);
}


.serivces-part04 .part-content04 .service-project-sub h3{
    text-align: center;
    text-wrap: nowrap;
}
.serivces-part04 .part-content04 .service-project-sub>div.whitebg h3 svg *{
    color: var(--color-darkblue);
    stroke: var(--color-darkblue);
}
.serivces-part04 .part-content04 .service-project-sub p{
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.serivces-part04 .part-content04 .service-project-text ul{
    font-size: 0;
}
.serivces-part04 .part-content04 .service-project-text ul li{
    /*position: relative;*/
    /*display: inline-block;*/
    /*font-size: 16px;*/
    /*padding: 5px 0;*/
    /*margin-right: 2rem;*/
    /*border-bottom: 1px dashed #eee;*/
}
.serivces-part04 .part-content04 .service-project-text ul li:last-child{
    /*margin-right: 0;*/
}
.serivces-part04 .part-content04 .service-project-text ul li i{
    /*vertical-align: text-bottom;*/
}


.serivces-part05{
    /*background-image: url(/resources/bg_serivces_youshi.jpg);*/
    background-color: #f1f4f9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.serivces-part06{
    background-color: #f1f4f9;
}
.serivces-part05 .part-content05 ul{
    width: 100%;
    column-gap: 1.5rem;
    margin-top: 3rem;
}
.serivces-part05 .part-content05 li{
    width: 25%;
    text-align: center;
    height: 360px;
    color: var(--color-darkblue);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    /*box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2);*/
    background-color: rgba(255,255,255,.7);
}
.serivces-part05 .part-content05 i{
    display: inline-block;
    /*border: 8px solid #fff;*/
    padding: 1.5rem;
    border-radius: 50%;
    width: 120px;
    height: 120px;
}
.serivces-part05 .part-content05 i img{
    width: 100%;
}
.serivces-part05 .part-content05 strong{
    display: block;
    margin-top: 2rem;
}

.serivces-part06 .part-content06{}
.serivces-part06 .part-content06 ul{
    width: 100%;
    margin-top: 2rem;
    column-gap: 2rem;
    row-gap: 2rem;
}
.serivces-part06 .part-content06 li{
    width: calc((100% - 4rem)/3);
    border-radius: 10px;
    padding: 2rem 0;
    /*box-shadow: 4px 4px 7px -7px rgba(0, 0, 0, 0.5);*/
}
.serivces-part06 .part-content06 li b{
    margin-right: 6px;
}

.serivces-part07{
    background-color: #f7f8fa;
    position: relative;
}
.serivces-part07::before{
    position: absolute;
    content: '';
    width: 30vw;
    aspect-ratio: 1 / 1;
    height: auto;
    left: 0;
    top: 65%;
    pointer-events: none;
    transform: translateY(-50%) translateX(-10%);
    background-image: linear-gradient(to right, #90d9f74f, #87ceeb00);
    filter: blur(70px);
    display:none;
}
.serivces-part07 .part-title{
     /*padding-left: 2rem;*/
}
.serivces-part07 .part-container {
    column-gap: 5%;
}
.serivces-part07 .part-container .left{
    width: 50%;
}
.serivces-part07 .part-container .right{
    width: 45%;
}
.serivces-part07 .part-container .right{
    width: 45%;
}
.serivces-part07 .part-container .right>*{
    width: 100%;
    height: 100%;
}
.serivces-part07 .part-container .left .list{
    column-gap: 3rem;
    row-gap: 3rem;
}
.serivces-part07 .part-container .left .item{
    width: calc((100% - 3rem) / 2);
}
.serivces-part07 .part-container .left .item .icon{
    width: 48px;
    aspect-ratio:  1 / 1;
    height: auto;
}
.serivces-part07 .part-container .left .item .icon>svg{
    width: 100%;
    height: 100%;
}


.pages-contact-us{
    background-image: url(/resources/bg_serivces_contact_us.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-shadow: 4px 4px 10px #00000059;
}
.pages-contact-us a{
    display: inline-block;
    height: 40px;
    color: var(--color-darkblue);
    background: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 20px;
    line-height: 40px;
    padding: 0 5rem;
    font-weight: 700;
    text-shadow: none;
    border: 1px solid var(--color-darkblue);
    transition: all 0.3s;
}
.pages-contact-us a:hover{
    background: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    color: #fff;
}

.pages-contact-us-form>div{
    max-width: 980px;
}
.pages-contact-us-form .pages-form-details{
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}
.pages-contact-us-form form{
     flex-direction: column;
     display: flex;
}


.pages-contact-us-form .form-msg01,
.pages-contact-us-form .form-msg02{
    width: 100%;
    flex-wrap: wrap;
}
.pages-contact-us-form .form-msg01>p,
.pages-contact-us-form .form-msg02>p{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.pages-contact-us-form .form-msg01 label{
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 2rem;
    position: relative;
}

.pages-contact-us-form .form-msg01 label:nth-child(2n+1){
    margin-right: 0;
}

.pages-contact-us-form .form-msg01 label.full{
    width: 100%;
    margin-right: 0;
}

.pages-contact-us-form .form-msg02 label{
    width: 100%;
    
}
.pages-contact-us-form .form-msg01 label input{
    width: 100%;
    padding: 1rem;
    color: #999;
    /*margin-top: 2rem;*/
    background-color: #f7f9fc;
    outline: none;
    border: 0;
}
/*下单选框*/

.pages-contact-us-form .form-msg01 label.is-select input{
    cursor: auto;
}
.pages-contact-us-form .form-msg01 label .select-arrow{
position: absolute;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) rotate(225deg);
}
.pages-contact-us-form .form-msg01 label .select-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #f1f1f1;
    padding: 1rem 0;
    background-color: #fff;
    z-index: 1;
        box-sizing: border-box;
        display: none;
}
.pages-contact-us-form .form-msg01 label .select-options span{
    display: block;
    display: block;
    padding: 3px 1rem;
    cursor: pointer;
}
.pages-contact-us-form .form-msg01 label .select-options span:hover{
    background-color: #f1f1f1;
}
.pages-contact-us-form .form-msg01 label .select-options br{
    display: none;
}

.pages-contact-us-form .form-msg02 textarea {
    width: 100%;
    margin-bottom: 2rem;
    background-color: #f7f9fc;
    outline: none;
    border: 0;
    padding: 0.5rem 1rem;
    color: #999;
    box-sizing: border-box;
    font-family: 'MULI-Regular';
}
.wpcf7-not-valid-tip{
    /*position: absolute;*/
    /*bottom: -2rem;*/
    /*left: 0;*/
}
/*验证码样式*/
.pages-contact-us-form .form-msg02 .yzm{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}
.pages-contact-us-form .form-msg02 .yzm input{
    width: 200px;
    padding: 1rem;
    color: #999;

    background-color: #f7f9fc;
    outline: none;
    border: 0;
    margin-right: 20px;
}
.pages-contact-us-form .form-msg02 .yzm img{
    height: 40px;
    transform: scale(.8);
}

.pages-contact-us-form .sub-button input{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 150px;
    margin-bottom: 20px;
    border: none;
    background: var(--color-darkblue);
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: auto;
    border-radius: 20px;
}

.product-kits-view-05 .product-form-desc{
    line-height: 1.5;
    color: #999;
}
.product-kits-view-05 .product-form-desc i{
    font-size: 1.1em;
    margin-right: 5px;
}




/*Competency 三个页面 我们的能力*/
.competency-banner{
    position: relative;
    width: 100%;
}
.competency-banner video{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.competency-banner .competency-banner-text{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    /*background-color: rgba(27, 46, 87,.5);*/
}
.competency-banner .competency-banner-text>div{
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.competency-banner .competency-banner-text>div>div{
    text-align: center;
}
.competency-banner .competency-banner-text h1{
    width: 100%;
    line-height: 1.2;
    margin-bottom: 2rem;
}
/*公共部分结束*/
/*iot-connectivity 页面*/
.competency-iot-connectivity .competency-banner{
    aspect-ratio: auto;
    height: 37.5vw;  /*1920*720*/
}
.competency-iot-connectivit .competency-banner .competency-banner-text h1{
    width: 100%;
}
.competency-iot-connectivity .competency-banner .competency-banner-text p{
    max-width: 980px;
    width: 100%;
    display: inline-block;
    text-align: left;
}
/*背景*/
.competency-iot-connectivity .technologies-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 40vw;*/
    min-height: 40vw;
    /*max-height: 47vw;*/
}
.competency-iot-connectivity .technologies-skilled>div{
    height: 100%;

}
.competency-iot-connectivity .technologies-skilled .text{
    width: 620px;
}
.competency-iot-connectivity .technologies-skilled .text h2{
   line-height: 1.2;
}

.competency-iot-connectivity .technologies-skilled .text p{
    margin-top: 2rem;
}


/*样式一*/
.competency-iot-connectivity .technologies-des .container-01 .title{
    width: 728px;
    margin: 0 auto;
    text-align: center;
}
.competency-iot-connectivity .technologies-des .container-01 .intro{
    justify-content: flex-start;
}
.competency-iot-connectivity .technologies-des .container-01 .intro.right{
    justify-content: flex-end;
}
.competency-iot-connectivity .technologies-des .container-01 .intro .text{
    width: 570px;
}
.competency-iot-connectivity .technologies-des .container-01 .sub{
    margin-top: 2rem;
}
.competency-iot-connectivity .technologies-des .container-01 .sub:first-child{
    margin-top: 0;
}
.competency-iot-connectivity .technologies-des .container-01 .sub h3{
    margin-bottom: .8rem;
}
.competency-iot-connectivity .technologies-des .container-01 .sub p{
    margin-top: .6rem;
}
.competency-iot-connectivity .technologies-des .container-01 .sub p:first-child{
    margin-top: 0;
}
/*样式二*/
.competency-iot-connectivity .technologies-des .container-02{
    column-gap: 50px;
}
.competency-iot-connectivity .technologies-des .container-02>div{
    width: 50%;
}
.competency-iot-connectivity .technologies-des .container-02 .title{
    padding-right: 56px;
}
.competency-iot-connectivity .technologies-des .container-02 .title h2{
    margin-bottom: 1rem;
}
.competency-iot-connectivity .technologies-des .container-02 .sub{
    margin-top: 2rem;
    column-gap: 10px;
}

.competency-iot-connectivity .technologies-des .container-02 .sub:first-child{
    margin-top: 0;
}
.competency-iot-connectivity .technologies-des .container-02 .sub div:first-child{
    width: 60px;
    flex-shrink: 0;
}
.competency-iot-connectivity .technologies-des .container-02 .sub div:first-child img{
    width: 100%;
}
.competency-iot-connectivity .technologies-des .container-02 .sub h3{
    margin-bottom: 1rem;
}
.competency-iot-connectivity .technologies-des .container-02 .sub p{
    margin-top: .6rem;
}
.competency-iot-connectivity .technologies-des .container-02 .sub svg{
    width: 100%;
    height: auto;
    color: #fff;
}
.competency-iot-connectivity .technologies-des .container-02 .sub svg path{
    color: #fff;
}



/*laboratory页面*/

.competency-laboratory .competency-banner{
    aspect-ratio: auto;
    position: relative;
    height: calc(100vh - var(--nav-height));
    /* height: 37.5vw; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.competency-laboratory .competency-banner .competency-banner-text{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
     background-image: url(/resources/bg_overlay.png); 
    background-color: rgba(3,3,3,.4);
}
.competency-laboratory .competency-banner .competency-banner-text h1{
    width: 100%;
}
.competency-laboratory .competency-banner .competency-banner-text p{
    width: 928px;
    display: inline-block;
    text-align: left;
}
/*背景*/
.competency-laboratory .laboratory-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 40vw;
    /*max-height: 47vw;*/
}
.competency-laboratory .laboratory-introduce .text{
    width: 710px;
    margin: 0 auto;
}
.competency-laboratory .laboratory-item .content{
    width: 580px;
}
.competency-laboratory .laboratory-item .content .items{}
.competency-laboratory .laboratory-item .content .items li{
    margin-top: 5px;
    position: relative;
    padding-left: 30px;
}
.competency-laboratory .laboratory-item .content .items li i{
    background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="none" stroke="%231b2e57" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L22 30L34 18" stroke="%231b2e57" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.competency-laboratory .laboratory-item .content .items.white li i{
    background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="none" stroke="%23fff" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L22 30L34 18" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.competency-laboratory .laboratory-item>div.right{
    justify-content: flex-end;
}

/*Flexible Manufacturing页面*/



.competency-flexible-manufacturing .competency-banner{
    aspect-ratio: auto;
    height: calc(100vh - var(--nav-height));
}

.competency-flexible-manufacturing .competency-banner .competency-banner-text {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    background-image: url(/resources/bg_overlay.png);
    background-color: rgba(3,3,3,.4);
}
.competency-flexible-manufacturing .competency-banner-text .left-text{
    max-width: 650px;
    text-align: left;
    color: #fff;
    /*transition: color 0.3s ease-in-out;*/
    /*text-shadow: 4px 4px 10px #00000059;*/
}
.competency-part .flexible-detail .title-part p {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}
.competency-part .flexible-detail .cont-part{
    column-gap: 80px;
    width: 100%;
}
.competency-part .flexible-detail .cont-part .text{
    order: 1;
    width: 40%;
}
.competency-part .flexible-detail .cont-part .img {
    position: relative;
    transform: scale(.9);
    width: 60%;
}
.competency-part:nth-child(2n) .flexible-detail .cont-part .text{
    order: 0; 
}
.competency-part .flexible-detail .cont-part .img>img {
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.competency-part .flexible-detail .cont-part .img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background-color: #f2f4fa;
    transform: rotate(-8deg);
    z-index: 0;
}
.competency-part .flexible-detail .cont-part .text>div{
    /*width: 400px;*/
}
.competency-part .company-certificate{
    min-height: 25vw;
    background-image: url(/resources/certificate_list_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    /*border: 1px solid red;*/
    background-size: 100% auto;
    /*padding: 60px 0;*/
}
.competency-part .company-certificate .title-part{
    color: #fff;
    text-align: center;
    /*margin-top: 60px;*/
}
.competency-part .company-certificate .cont-part{
    /*border: 1px solid red;*/
    margin-top: 60px;
    position: relative;
}
.competency-part .company-certificate .certifition-img{
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
    border: 3px solid var(--color-highlight);
    border-radius: 10px;
    padding: 3px;
    background: #fff;
}
.competency-part .company-certificate .swiper .swiper-slide-duplicate-active{
    transform: scale(1);
}
.competency-part .company-certificate .swiper .certifition-swiper-pagination{
    margin-top: 40px;
    text-align: center;
}
.competency-part .company-certificate .swiper .certifition-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 5px;
    border-radius: 5px;
    background: #87ceeb;
    opacity: 0.5;
    transition: width 0.3s;
}
.competency-part .company-certificate .swiper .certifition-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 40px;
}


/*Partners 页面*/
.partners-banner{
  position: relative;
  aspect-ratio: auto;
  /*height: calc(100vh - var(--nav-height));*/
  height: 37.5vw; /*1920*720*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.partners-banner .partners-banner-text{
  position: absolute;
  height: 100%;
  width: 100%;
  justify-content: center;
}
.partners-banner .partners-banner-text>div{
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.partners-banner .partners-banner-text .left-text{
    max-width: 680px;
}
.partners-banner .partners-banner-text h1{
    line-height: 1.2;
}
.partners-banner .partners-banner-text p{
    /*margin-top: 2rem;*/
}
.partners-banner .partners-banner-text a{
    display: inline-block;
    background-color: var(--color-darkblue);
    padding: 1rem 3rem;
    border-radius: 3rem;
    vertical-align: middle;
}
.partners-banner .partners-banner-text a i{
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12L31 24L19 36" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: all 0.3s ease-out;
}
.partners-banner .partners-banner-text a:hover i{
  transform: translateX(5px);
}
.partners-intro>div>div{
  width: 50%;
  flex-shrink: 0;
}
.partners-intro .left{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  transform: scale(.8);
}
.partners-intro .left .bgimg{
    width: 100%;
    height: auto;
}
.partners-intro .left .float-imgs{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition:  all 0.3s ease-out;
}
.partners-intro .left .float-imgs>img{
    position: absolute;
}
.partners-intro .left .float-imgs .img-01{
  top: 12%;
  left: 16%;
}
.partners-intro .left .float-imgs .img-02{
  top: -1%;
  left: 67%;
}
.partners-intro .left .float-imgs .img-03{
  top: 23%;
  left: 51%;
}
.partners-intro .left .float-imgs .img-04{
  top: 53%;
  left: 15%;
}
.partners-intro .left .float-imgs .img-05{
  top: 64%;
  left: 73%;
}


.partners-intro .right{
  align-items: center;
  text-wrap: balance;
  padding-left: 4rem;
}
.partners-message{
  background-color: #f1f1f1;
  text-align: center;
  min-height: 500px;
  align-items: center;
}
.partners-message>div{
    max-width: 850px;
}
.partners-message p.message{
    color: #999;
    width: 100%;
    font-style: italic;
    line-height: 1.8;
}
.partners-message .founder{
  text-align: right;
  justify-content: flex-end;
} 
.partners-message .founder>div{
  justify-content: center;
  margin-right: 2rem;
  line-height: 2;
}
.partners-message .founder img{
    transition: transform 0.3s ease-in-out;
     height: 85px;
}
.partners-message .founder:hover img{
    transform: scale(1.08);
}

.partners-reasons .title{
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
}
.partners-reasons .list ul{
    column-gap: 1rem;
    row-gap: 1rem;
    flex-wrap: wrap;
}
.partners-reasons .list li{
  border: 1px solid #ccc;
  background-color: #f4f5f6;
  border-radius: 10px;
  width: calc((100% - 4rem)/5);
  row-gap: 2rem;
  padding: 4rem 1rem;
  transition: all 0.3s;
}
.partners-reasons .list li:hover{
  transform: scale(1.02);
  box-shadow: 0 3px 5px 0 hsla(0,0%,83.9%,.22);
}
.partners-reasons .list li img{
  width: 70px;
  height: 70px;
}
.partners-global{
  background-color: #f1f1f1;
}
.partners-global .nav ul{
  column-gap: 20px;
  justify-content: center;
}

.partners-global .nav li{
  padding: 1rem 3rem;
  background-color: #fff;
  color: var(--color-darkblue);
  border-radius: 2rem;
  transition: all 0.3s;
  display: inline-block;
  cursor: pointer;
}
.partners-global .nav li.active,.partners-global .nav li:hover{
  color: #fff;
  background-color: var(--color-darkblue);
}
.partners-global .items ul{
  flex-wrap: wrap;
  row-gap: 2rem;
  column-gap: 2rem;
  min-height: 300px;
}
.partners-global .items li{
  background-color: #fff;
  border-radius: 10px;
  width: calc((100% - 4rem)/3);
  /*height: 320px;*/
  padding: 2rem;
  transition: all 0.3s;
}
.partners-global .items li:hover{
  transform: translateY(-8px);
  box-shadow: 0 3px 5px 0 hsla(0,0%,83.9%,.22);
}
.partners-global .items li .img{
  height: 94px;
  border-bottom: 1px solid #eee;
}
.partners-global .items li .text{
  color: initial;
}
.partners-global .items li .text>p{
  margin-bottom: 1rem;
}
.partners-global .items li .text i{
  display: block;
  margin-top: 3px;
  position: relative;
  padding-left: 1rem;
}


.partners-form>div{
  align-items: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.partners-form>div>div{
  width: 100%;
}
.partners-form .form{}
.partners-form .form .wpcf7{
  width: 100%;
  max-width: 860px;
}



/*表单重置样式*/
.form-partners{
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 2rem;
    color: #999;
}
.form-partners .field{
    width: calc(( 100% - 2rem ) / 2);
}
.partners-form .form form {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2rem 3rem 4rem 3rem;
    border-radius: 10px;
    box-shadow: 1px 4px 11px #c0c0c0ba;
}

.partners-form .form form .field span.label{
    /*opacity: 0;*/
    /*visibility: hidden;*/
    font-size: 0.9em;
}
.partners-form .form form input {
    border: 1px solid #999;
    outline: none;
    padding: 12px 1rem;
    border-radius: 5px;
    width: 100%;
    /*margin-top: 25px;*/
    color: var(--color-darkblue);
}
.partners-form .form form select {
    border: 1px solid #999;
    outline: none;
    padding: 12px 1rem;
    border-radius: 5px;
    width: 100%;
    color: var(--color-darkblue);
}
.partners-form .form form input[type='submit']{
    cursor: pointer;
    background-color: var(--color-darkblue);
    font-weight: 700;
    color: #fff;
    padding: 14px 1rem;
    margin-top: 20px;
    border: 1px solid transparent;
    transition: all 0.3s;
    max-width: 200px;
}
.partners-form .form form input[type='submit']:hover{
    box-shadow: 0px 4px 8px #101c36e8;
}
.partners-form .form form .wpcf7-spinner {
    position: absolute;
    top: 20px;
    left: 10px;
}


.form-partners .field.business-area p.flex,
.form-partners .field.company-type p.flex{
    justify-content: space-between;
    column-gap: 1rem;
}
.form-partners .field.business-area p.flex .wpcf7-form-control-wrap,
.form-partners .field.company-type p.flex .wpcf7-form-control-wrap{
    flex-grow: 1;
    width: 50%;
}
.form-partners .field.business-area p.flex .wpcf7-form-control-wrap:nth-child(2),
.form-partners .field.company-type p.flex .wpcf7-form-control-wrap:nth-child(2){
    display: none;
}
.form-partners .field.business-area p.flex .wpcf7-form-control-wrap:nth-child(2).active,
.form-partners .field.company-type p.flex .wpcf7-form-control-wrap:nth-child(2).active{
    display: unset;
}

.form-partners .field.subject{
    width: 100%;
    margin-top: 1rem;
}
.partners-form .form form textarea{
    width: 100%;
    outline: none;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 1rem;
    color: var(--color-darkblue);
    box-sizing: border-box;
    max-height: 120px;
}

.partners-form .form form .sub-button ,
.partners-form .form form .agree {
    text-align: center;
}
.partners-form .form form .agree .wpcf7-acceptance .wpcf7-list-item{
    /*display: block;*/
    /*display: block;*/
    margin: 0;
}
.partners-form .form form .agree .wpcf7-acceptance label{
    display: flex;
    justify-content: flex-start;
    margin-top: 5px;
    color: #999;
}
.partners-form .form form .agree .wpcf7-acceptance input {
    outline: none;
    padding: unset;
    width: unset;
    margin-top: unset;
    color: unset;
}

/*partners 子页面 */
.partners-son-banner{
  position: relative;
  aspect-ratio: auto;
  height: 26.1vw; /*1920*500*/
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.partners-son-intro>div{
  column-gap: 50px;
}
.partners-son-intro>div>div{
  border-radius: 10px;
  border: 1px solid  #ededed;
}
.partners-son-intro .left{
  width: 35%;
  padding: 4rem;
  align-items: center;
}
.partners-son-intro .left .img{
  text-align: center;
}
.partners-son-intro .left .img img{
    border: 10px solid #e5e5e5;
    border-radius: 50%;
    height: 120px;
    width: 120px;
}
.partners-son-intro .left .img.geartrack img{
    border: none;
    border-radius: unset;
    height: auto;
    width: 100%;
}
.partners-son-intro .left .text p{
  margin-bottom: 5px;
  position: relative;
  padding-left: 30px;
  
}
.partners-son-intro .left .text a{
  margin-right: 10px;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 15px;
}
.partners-son-intro .left .text i{
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.partners-son-intro .left .text i.addr{
    background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.85786 32.7574C6.23858 33.8432 4 35.3432 4 37C4 40.3137 12.9543 43 24 43C35.0457 43 44 40.3137 44 37C44 35.3432 41.7614 33.8432 38.1421 32.7574" stroke="%231b2e57" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 35C24 35 37 26.504 37 16.6818C37 9.67784 31.1797 4 24 4C16.8203 4 11 9.67784 11 16.6818C11 26.504 24 35 24 35Z" fill="none" stroke="%231b2e57" stroke-width="4" stroke-linejoin="round"/><path d="M24 22C26.7614 22 29 19.7614 29 17C29 14.2386 26.7614 12 24 12C21.2386 12 19 14.2386 19 17C19 19.7614 21.2386 22 24 22Z" fill="none" stroke="%231b2e57" stroke-width="4" stroke-linejoin="round"/></svg>');
}
.partners-son-intro .left .text i.serviced{
    background-image: url('data:image/svg+xml;utf-8,<svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.3446 5.51758C13.9 6.53124 11.7001 8.01574 9.85786 9.85797C6.23858 13.4773 4 18.4773 4 24.0001C4 35.0458 12.9543 44.0001 24 44.0001V44.0001C29.5228 44.0001 34.5228 41.7615 38.1421 38.1422C39.9844 36.3 41.4689 34.1001 42.4825 31.6555" stroke="%231b2e57" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 24H44C44 12.9543 35.0457 4 24 4L24 24Z" fill="none" stroke="%231b2e57" stroke-width="4" stroke-linejoin="round"/></svg>');
}
/*社交媒体*/
.partners-son-intro .left .text a.ico-web i{
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 32 32" viewBox="0 0 32 32" id="website"><path fill="%231b2e57" d="M16,0.5C7.45313,0.5,0.5,7.45313,0.5,16S7.45313,31.5,16,31.5S31.5,24.54688,31.5,16S24.54688,0.5,16,0.5z M22.65283,19.12671c0.08575-1.03137,0.13281-2.07898,0.13281-3.12671s-0.04706-2.09534-0.13281-3.12671C26.47046,13.70447,28.5,15.13007,28.5,16S26.47046,18.29553,22.65283,19.12671z M16,28.5c-0.86993,0-2.29553-2.02954-3.12671-5.84717c1.03137,0.08575,2.07898,0.13281,3.12671,0.13281s2.09534-0.04706,3.12671-0.13281C18.29553,26.47046,16.86993,28.5,16,28.5z M16,19.78564c-1.30023,0-2.49451-0.07013-3.60168-0.18396C12.28448,18.49451,12.21436,17.30023,12.21436,16s0.07013-2.49451,0.18396-3.60168c1.10718-0.11383,2.30145-0.18396,3.60168-0.18396s2.49451,0.07013,3.60168,0.18396c0.11383,1.10718,0.18396,2.30145,0.18396,3.60168s-0.07013,2.49451-0.18396,3.60168C18.49451,19.71552,17.30023,19.78564,16,19.78564z M3.5,16c0-0.86993,2.02954-2.29553,5.84717-3.12671C9.26141,13.90466,9.21436,14.95227,9.21436,16s0.04706,2.09534,0.13281,3.12671C5.52954,18.29553,3.5,16.86993,3.5,16z M16,3.5c0.86993,0,2.29553,2.02954,3.12671,5.84717C18.09534,9.26141,17.04773,9.21436,16,9.21436s-2.09534,0.04706-3.12671,0.13281C13.70447,5.52954,15.13007,3.5,16,3.5z M27.59399,11.35126c-1.50153-0.70978-3.34314-1.24121-5.34674-1.59851c-0.3573-2.0036-0.88873-3.84521-1.59851-5.34674C23.80518,5.67633,26.32367,8.19482,27.59399,11.35126z M11.35126,4.40607c-0.70978,1.50153-1.24121,3.34314-1.59851,5.34668c-2.00354,0.3573-3.84515,0.88861-5.34668,1.59845C5.67639,8.19476,8.19489,5.67639,11.35126,4.40607z M4.40613,20.6488c1.50153,0.70984,3.34308,1.24115,5.34662,1.59845c0.3573,2.00354,0.88861,3.84509,1.59845,5.34662C8.19489,26.32355,5.67645,23.80511,4.40613,20.6488z M20.6488,27.59393c0.70984-1.50153,1.24115-3.34314,1.59845-5.34668c2.00354-0.3573,3.84515-0.88873,5.34668-1.59851C26.32361,23.80511,23.80524,26.32361,20.6488,27.59393z"></path></svg>');
}
.partners-son-intro .left .text a.ico-linkedin i{
  background-image: url('data:image/svg+xml;utf-8, <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18252" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M948.245333 0H75.52C33.877333 0 0.021333 33.066667 0.021333 73.813333v876.288C0 990.890667 33.877333 1024 75.52 1024h872.704c41.749333 0 75.733333-33.109333 75.733333-73.898667V73.834667C1024 33.045333 989.994667 0 948.266667 0z" fill="%231b2e57" p-id="18253"></path><path d="M151.744 383.893333h152.021333V872.533333H151.744V383.893333z m76.053333-242.922666a88.106667 88.106667 0 1 1-0.128 176.170666 88.106667 88.106667 0 0 1 0.128-176.170666M399.04 383.893333h145.578667v66.794667h2.090666c20.266667-38.4 69.802667-78.933333 143.701334-78.933333 153.770667 0 182.186667 101.184 182.186666 232.810666V872.533333h-151.850666v-237.653333c0-56.661333-0.981333-129.557333-78.933334-129.557333-79.018667 0-91.093333 61.76-91.093333 125.525333v241.706667h-151.68V383.872z" fill="%23fff" p-id="18254"></path></svg>');
}
.partners-son-intro .left .text a i{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1753428761750" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4963" width="64" height="64"><path d="M768 320l-64 0L704 288C704 164.48 603.52 64 480 64 356.48 64 256 164.48 256 288L256 320 192 320C121.6 320 64 377.6 64 448l0 384c0 70.4 57.6 128 128 128l576 0c70.4 0 128-57.6 128-128L896 448C896 377.6 838.4 320 768 320zM288 512C270.08 512 256 497.92 256 480 256 462.08 270.08 448 288 448 305.92 448 320 462.08 320 480 320 497.92 305.92 512 288 512zM320 288C320 199.68 391.68 128 480 128 568.32 128 640 199.68 640 288L640 320 320 320 320 288zM672 512C654.08 512 640 497.92 640 480 640 462.08 654.08 448 672 448 689.92 448 704 462.08 704 480 704 497.92 689.92 512 672 512z" p-id="4964" fill="%231b2e57"></path></svg>');
}
/*.partners-son-intro .left .text a.ico-twitter i{*/
/*  background-image: url('data:image/svg+xml;utf-8, <svg t="1618817859129" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9262" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M962.267429 233.179429q-38.253714 56.027429-92.598857 95.451429 0.585143 7.972571 0.585143 23.990857 0 74.313143-21.723429 148.260571t-65.974857 141.970286-105.398857 120.32-147.456 83.456-184.539429 31.158857q-154.843429 0-283.428571-82.870857 19.968 2.267429 44.544 2.267429 128.585143 0 229.156571-78.848-59.977143-1.170286-107.446857-36.864t-65.170286-91.136q18.870857 2.852571 34.889143 2.852571 24.576 0 48.566857-6.290286-64-13.165714-105.984-63.707429t-41.984-117.394286l0-2.267429q38.838857 21.723429 83.456 23.405714-37.741714-25.161143-59.977143-65.682286t-22.308571-87.990857q0-50.322286 25.161143-93.110857 69.12 85.138286 168.301714 136.265143t212.260571 56.832q-4.534857-21.723429-4.534857-42.276571 0-76.580571 53.979429-130.56t130.56-53.979429q80.018286 0 134.875429 58.294857 62.317714-11.995429 117.174857-44.544-21.138286 65.682286-81.115429 101.741714 53.174857-5.705143 106.276571-28.598857z" p-id="9263" fill="%231b2e57"></path></svg>');*/
/*}*/
.partners-son-intro .left .text a.ico-twitter i{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><g clip-path="url(%23clip0_84_15698)"><rect width="512" height="512" fill="%23fff" rx="60"></rect><path fill="%23000" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></g><defs><clipPath id="clip0_84_15698"><rect width="512" height="512" fill="%23fff"></rect></clipPath></defs></svg>');
}
.partners-son-intro .left .text a.ico-medium i{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" id="medium"><g fill="none" fill-rule="evenodd"><rect width="72" height="72" fill="%231b2e57" rx="4"></rect><path fill="%23fff" d="M59 23.453h-1.82c-.675 0-1.63.99-1.63 1.623v22.972c0 .634.955 1.5 1.63 1.5H59V55H42.517v-5.453h3.45V25.4h-.17L37.742 55h-6.237L23.55 25.4h-.201v24.147h3.45V55H13v-5.453h1.767c.728 0 1.683-.865 1.683-1.5v-22.97c0-.634-.955-1.624-1.683-1.624H13V18h17.256l5.666 21.421h.156L41.796 18H59v5.453"></path></g></svg>');
}
.partners-son-intro .left .text a.ico-youtube i{
  background-image: url('data:image/svg+xml;utf-8, <svg t="1618818810929" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11944" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M1013.76 307.264s-9.984-70.570667-40.704-101.632c-38.933333-40.789333-82.56-41.002667-102.592-43.392C727.168 151.893333 512.213333 151.893333 512.213333 151.893333h-0.426666s-214.954667 0-358.250667 10.346667c-20.010667 2.389333-63.658667 2.602667-102.613333 43.392C20.245333 236.693333 10.24 307.264 10.24 307.264S0 390.122667 0 473.002667v77.674666c0 82.858667 10.24 165.738667 10.24 165.738667s9.984 70.570667 40.704 101.632c38.933333 40.789333 90.112 39.509333 112.896 43.776 81.92 7.850667 348.16 10.282667 348.16 10.282667s215.168-0.32 358.464-10.666667c20.010667-2.410667 63.658667-2.602667 102.613333-43.392 30.698667-31.061333 40.704-101.632 40.704-101.632S1024 633.536 1024 550.677333v-77.674666c0-82.88-10.24-165.738667-10.24-165.738667z" fill="%23161d27" p-id="11945" data-spm-anchor-id="a313x.7781069.0.i15" class=""></path><path d="M406.293333 644.821333l-0.064-287.722666 276.693334 144.362666-276.629334 143.36z" fill="%23fff" p-id="11946"></path></svg>');
}
.partners-son-intro .left .text a.ico-instagram i{
  background-image: url('data:image/svg+xml;utf-8, <svg width="20" height="20" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 6H14C9.58172 6 6 9.58172 6 14V34C6 38.4183 9.58172 42 14 42H34C38.4183 42 42 38.4183 42 34V14C42 9.58172 38.4183 6 34 6Z" fill="none" stroke="%231b2e57" stroke-width="4" stroke-linejoin="round"/><path d="M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32Z" fill="none" stroke="%231b2e57" stroke-width="4" stroke-linejoin="round"/><path d="M35 15C36.1046 15 37 14.1046 37 13C37 11.8954 36.1046 11 35 11C33.8954 11 33 11.8954 33 13C33 14.1046 33.8954 15 35 15Z" fill="%231b2e57"/></svg>');
}
.partners-son-intro .left .text a.ico-facebook i{
  background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" id="facebook"><path stroke="%231b2e57" d="M1376 128q119 0 203.5 84.5T1664 416v960q0 119-84.5 203.5T1376 1664h-188v-595h199l30-232h-229V689q0-56 23.5-84t91.5-28l122-1V369q-63-9-178-9-136 0-217.5 80T948 666v171H748v232h200v595H416q-119 0-203.5-84.5T128 1376V416q0-119 84.5-203.5T416 128h960z"></path></svg>');
}
.partners-son-intro .right{
  width: 65%;
 padding: 3rem;
}
.partners-son-intro .right p{
    margin-bottom: 1rem;
}
.partners-son-intro .right p strong{
    font-weight: 700;
    text-align: justify;
}
.partners-son-intro .right .intro a{
    color: initial;
    border-bottom: 1px dashed;
}
.partners-son-relate{
    background-color: #f6f6f6;
}
.partners-son-relate .list{
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 2rem;
}
.partners-son-relate .list .item{
    width: calc( ( 100% - 4rem ) / 3 );
    text-align: center;
    color: var(--color-darkblue);
    align-items: center;
}
.partners-son-relate .list img{
    transition: all 0.3s;
    max-width: 240px;
}
.partners-son-relate .list h3{
    /*margin-top: auto;*/
}
.partners-son-relate .list a:hover img{
    transform: scale(1.02);
}


/*Contact us 联系我们 单页面*/
.contact-us-way{
    background: linear-gradient(#f3f5f9 70%, #fff 30%);
}
.contact-us-way .title{
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}
.contact-us-way .list{
    column-gap: 2rem;
}
.contact-us-way .item{
    width: calc((100% - 6rem)/4);
    padding: 3rem 2rem;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #ededed;
    transition: background 0.3s;
}
.contact-us-way .item:hover{
    background-color: #f1f4f9;
    background-color: #f8f9fb;
}
.contact-us-way .item h3{
    position: relative;
    padding-left: 1rem;
}

.contact-us-way .item h3::before{
    position: absolute;
    content: '';
    width: 4px;
    height: 60%;
    top: 50%;
    left: 0;
    background-color: transparent;
    transform: translateY(-50%);
}
.contact-us-way .item.item01 h3::before{
    background-color: #8cc11f;
}
.contact-us-way .item.item02 h3::before{
    background-color: #f8bd00;
}
.contact-us-way .item.item03 h3::before{
    background-color: #e73942;
}
.contact-us-way .item.item04 h3::before{
    background-color: #bdd3e8;
}

.contact-us-way .item p{
    margin-bottom: 2rem;
}
.contact-us-way .item a{
    margin-top: auto;
    border: 2px solid var(--color-darkblue);
    text-align: center;
    padding: .6rem;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    color: var(--color-darkblue);
    transition: background 0.3s;
}
.contact-us-way .item a:hover{
    background-color: var(--color-darkblue);
    color: #fff;
}
.contact-us-info .list{
    column-gap: 2rem;
    align-items: stretch;
}
.contact-us-info .item{
    width: calc((100% - 2rem)/2);
    /*height: 256px;*/
    padding: 3rem 2rem;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #ededed;
    transition: background 0.3s;
}
.contact-us-info .item:hover{
    background-color: #f1f4f9;
}
.contact-us-info .item h3{
    position: relative;
    padding-left: 1rem;
}
.contact-us-info .item h3::before{
    position: absolute;
    content: '';
    width: 4px;
    height: 60%;
    top: 50%;
    left: 0;
    background-color: transparent;
    transform: translateY(-50%);
}
.contact-us-info .item:nth-child(1) h3::before{
    background-color: #8cc11f;
}
.contact-us-info .item:nth-child(2) h3::before{
    background-color: #e73942;
}
.contact-us-info .item .img{
    margin-top: 2rem;
    width: 120px;
    display: none;
}
.contact-us-info .item p{
    line-height: 1.5;
    /*margin-top: 6px;*/
}
.contact-us-info .item p.mask{
    display: none;
}
/*.contact-us-info .item p.mask,*/
.contact-us-info .item:hover p.mask{
    display: block;
    align-items: flex-start;
}
.contact-us-info .item .text p span.tel:after{
   content: '+86 (755) 2103 8160';
}
.contact-us-info .item .text p span.phone:after{
   content: '0086 135 3035 9092 (urgent)';
}
.contact-us-info .item .text p span.email:after{
   content: 'info@minew.com';
}

.contact-us-info .item .text p i{
    width: 20px;
    height: 20px;
    display: inline-flex;
    margin-right: 5px;
    flex-shrink: 0;
}


.contact-us-info .item .text p i svg{
    width: 100%;
}

/*地图 未启用*/
.contact-us-map{
    position: relative;
    width: 100%;
    height: 500px;
}
.contact-us-map>div{
   width: 100%;
    height: 500px;
}
.contact-us-map .text-box{
    align-items: center;
    background: linear-gradient(105deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.contact-us-map .text-box .text a{
    display: inline-block;
    /*border-bottom: 1px dotted #000;*/
    padding-bottom: 2px;
    color: initial;
}
.contact-us-map .map-box .left{
    width: 20%;
    flex-shrink: 0;
    height: 100%;
}
.contact-us-map .map-box .right{
    width: 80%;
    flex-shrink: 0;
}
.contact-us-map .map-box .right .map iframe{
    width: 100%;
    height: 500px;
}
/*Discover More from Minew*/
.about-us-application {
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 8%, rgba(84, 201, 254, 0.12), transparent 26%),
        #f5f8fc;
}

.about-us-application .aua-container {
    width: min(100% - 40px, 1440px);
    margin: 0 auto;
}

.about-us-application .aua-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.82fr) minmax(520px, 1.18fr);
    gap: 16px;
}

.about-us-application .aua-feature-card,
.about-us-application .aua-resource-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    text-decoration: none;
}

.about-us-application .aua-feature-card {
    min-height: 296px;
    color: #fff;
    background: #0d2449;
}

.about-us-application .aua-feature-card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 60% center;
    transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.about-us-application .aua-feature-card::before {
    z-index: 1;
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 18, 42, 0.04) 25%, rgba(4, 18, 42, 0.88) 100%);
    content: "";
}

.about-us-application .aua-feature-content {
    position: absolute;
    z-index: 2;
    right: 26px;
    bottom: 26px;
    left: 26px;
}

.about-us-application .aua-feature-content h3 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 7px 14px 7px 17px;
    color: #fff;
    border: 1px solid rgba(143, 224, 255, 0.24);
    border-radius: 0 6px 6px 0;
    background: rgba(4, 23, 52, 0.52);
    font-size: clamp(22px, 1.8vw, 28px);
    line-height: 1.2;
}

.about-us-application .aua-feature-content h3::before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 4px;
    border-radius: 4px 0 0 4px;
    background: linear-gradient(180deg, #54c9fe, #1d55c1);
    content: "";
}

.about-us-application .aua-feature-content p {
    margin: 8px 0 0 18px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 16px;
}

.about-us-application .aua-resource-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.about-us-application .aua-resource-card {
    display: flex;
    min-height: 140px;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px 24px;
    border: 1px solid #e3eaf4;
    color: #071733;
    background: #fff;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.about-us-application img.aua-icon {
    width: 68px;
    height: 68px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
    background: #edf6ff;
    object-fit: contain;
}

.about-us-application .aua-resource-card h3 {
    margin: 0;
    padding-top: 24px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

.about-us-application .aua-feature-card::after,
.about-us-application .aua-resource-card::after {
    content: "↗";
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid #dbe5f1;
    border-radius: 50%;
    color: #1d55c1;
    font-size: 18px;
    transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.about-us-application .aua-feature-card::after {
    border-color: rgba(255, 255, 255, 0.34);
    color: #fff;
}

@media (hover: hover) {
    .about-us-application .aua-feature-card:hover > img {
        transform: scale(1.035);
    }

    .about-us-application .aua-resource-card:hover {
        transform: translateY(-4px);
        border-color: rgba(29, 85, 193, 0.28);
        box-shadow: 0 18px 38px rgba(14, 42, 84, 0.1);
    }

    .about-us-application a:hover::after {
        transform: rotate(8deg);
        color: #fff;
        background: linear-gradient(to bottom, var(--color-blue-01), var(--color-blue-02));
    }
}

.about-us-application a:focus-visible {
    outline: 3px solid #54c9fe;
    outline-offset: 4px;
}

@media (max-width: 900px) {
    .about-us-application .aua-grid {
        grid-template-columns: 1fr;
    }

    .about-us-application .aua-feature-card {
        min-height: 320px;
    }

    .about-us-application .aua-resource-card {
        min-height: 150px;
    }
}

@media (max-width: 640px) {
    .about-us-application {
        padding: 52px 0;
    }

    .about-us-application .aua-container {
        width: min(100% - 32px, 1440px);
    }

    .about-us-application .aua-feature-card {
        min-height: 300px;
    }

    .about-us-application .aua-feature-content {
        right: 22px;
        bottom: 24px;
        left: 22px;
    }

    .about-us-application .aua-feature-content h3 {
        font-size: 22px;
    }

    .about-us-application .aua-resource-grid {
        gap: 12px;
    }

    .about-us-application .aua-resource-card {
        min-height: 148px;
        padding: 20px;
    }

    .about-us-application img.aua-icon {
        width: 58px;
        height: 58px;
        padding: 8px;
    }

    .about-us-application .aua-resource-card h3 {
        padding-top: 36px;
        font-size: 17px;
    }

    .about-us-application .aua-feature-card::after,
    .about-us-application .aua-resource-card::after {
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 390px) {
    .about-us-application .aua-resource-grid {
        grid-template-columns: 1fr;
    }

    .about-us-application .aua-resource-card {
        min-height: 136px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-us-application *,
    .about-us-application *::before,
    .about-us-application *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/*milestones*/
.about-us-milestones {
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(29, 85, 193, 0.035) 1px, transparent 1px) 0 0 / 80px 80px,
        linear-gradient(rgba(29, 85, 193, 0.035) 1px, transparent 1px) 0 0 / 80px 80px,
        #fff;
}

.about-us-milestones h2 {
    margin: 0;
    color: #071733;
    line-height: 1.08;
    letter-spacing: -0.04em;
    text-align: center;
}

.about-us-milestones .milestones-list {
    position: relative;
    display: flex;
    box-sizing: border-box;
    min-height: 470px;
    margin: 34px 0 0;
    padding-right: 48px;
    padding-left: 48px;
    align-items: center;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    scrollbar-color: rgba(29, 85, 193, 0.3) transparent;
    scrollbar-width: thin;
    cursor: grab;
    -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 24px, #000 72px, #000 calc(100% - 72px), rgba(0, 0, 0, 0.2) calc(100% - 24px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 24px, #000 72px, #000 calc(100% - 72px), rgba(0, 0, 0, 0.2) calc(100% - 24px), transparent 100%);
}

.about-us-milestones .milestones-list.is-at-start {
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 72px), rgba(0, 0, 0, 0.2) calc(100% - 24px), transparent 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 72px), rgba(0, 0, 0, 0.2) calc(100% - 24px), transparent 100%);
}

.about-us-milestones .milestones-list.is-at-end {
    -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 24px, #000 72px, #000 100%);
    mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 24px, #000 72px, #000 100%);
}

.about-us-milestones .milestones-list.is-at-start.is-at-end {
    -webkit-mask-image: none;
    mask-image: none;
}

.about-us-milestones .milestones-list * {
    cursor: grab;
}

.about-us-milestones .milestones-list.is-dragging,
.about-us-milestones .milestones-list.is-dragging * {
    cursor: grabbing;
    scroll-behavior: auto;
    user-select: none;
}

.about-us-milestones .milestones-list::before {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 48px;
    width: 3186px;
    height: 140px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3186' height='140' viewBox='0 0 3186 140'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop stop-color='%231d55c1'/%3E%3Cstop offset='.65' stop-color='%2354c9fe'/%3E%3Cstop offset='1' stop-color='%23c8e8f5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M24 130 C142 130 260 2 378 2 S614 130 732 130 S968 2 1086 2 S1322 130 1440 130 S1676 2 1794 2 S2030 130 2148 130 S2384 2 2502 2 S2738 130 2856 130 S3070 2 3186 2' fill='none' stroke='url(%23g)' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") left center / 3186px 140px no-repeat;
    content: "";
    pointer-events: none;
    transform: translateY(-50%);
}

.about-us-milestones .milestones-list::-webkit-scrollbar {
    height: 4px;
}

.about-us-milestones .milestones-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(29, 85, 193, 0.3);
}

.about-us-milestones .milestones-list > li {
    position: relative;
    z-index: 1;
    width: 340px;
    min-width: 340px;
    min-height: 154px;
    border-top: 1px solid #cedae7;
    transition: border-color 0.3s ease;
}

.about-us-milestones .milestones-list > li:nth-child(odd) {
    transform: translateY(-104px);
}

.about-us-milestones .milestones-list > li:nth-child(even) {
    border-top: 0;
    border-bottom: 1px solid #cedae7;
    transform: translateY(104px);
}

.about-us-milestones .milestones-list > li::before {
    position: absolute;
    left: 24px;
    width: 1px;
    height: 86px;
    background: repeating-linear-gradient(to bottom, #8095aa 0 3px, transparent 3px 7px);
    content: "";
}

.about-us-milestones .milestones-list > li:nth-child(odd)::before {
    top: calc(50% + 76px);
}

.about-us-milestones .milestones-list > li:nth-child(even)::before {
    bottom: calc(50% + 76px);
    height: 92px;
}

.about-us-milestones .milestones-list > li::after {
    position: absolute;
    left: 17px;
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    border-radius: 50%;
    content: "";
    animation: milestone-star 2.4s ease-in-out infinite;
}

.about-us-milestones .milestones-list > li:nth-child(odd)::after {
    top: calc(50% + 152px);
}

.about-us-milestones .milestones-list > li:nth-child(even)::after {
    bottom: calc(50% + 159px);
}

.about-us-milestones .milestones-list > li:nth-child(3n + 2)::after {
    animation-delay: -0.8s;
}

.about-us-milestones .milestones-list > li:nth-child(3n)::after {
    animation-delay: -1.6s;
}

.about-us-milestones .milestones-list > li:nth-child(1) { color: #1d55c1; }
.about-us-milestones .milestones-list > li:nth-child(2) { color: #0d9fb4; }
.about-us-milestones .milestones-list > li:nth-child(3) { color: #239b78; }
.about-us-milestones .milestones-list > li:nth-child(4) { color: #d48616; }
.about-us-milestones .milestones-list > li:nth-child(5) { color: #df6648; }
.about-us-milestones .milestones-list > li:nth-child(6) { color: #7357c8; }
.about-us-milestones .milestones-list > li:nth-child(7) { color: #c14d91; }
.about-us-milestones .milestones-list > li:nth-child(8) { color: #168e86; }
.about-us-milestones .milestones-list > li:nth-child(9) { color: #405d9a; }

.about-us-milestones .milestones-list > li:nth-child(1) ul li::before { background: #54c9fe; }
.about-us-milestones .milestones-list > li:nth-child(2) ul li::before { background: #29bdca; }
.about-us-milestones .milestones-list > li:nth-child(3) ul li::before { background: #4ac39d; }
.about-us-milestones .milestones-list > li:nth-child(4) ul li::before { background: #e7a63f; }
.about-us-milestones .milestones-list > li:nth-child(5) ul li::before { background: #ef886e; }
.about-us-milestones .milestones-list > li:nth-child(6) ul li::before { background: #9a81df; }
.about-us-milestones .milestones-list > li:nth-child(7) ul li::before { background: #dc79b4; }
.about-us-milestones .milestones-list > li:nth-child(8) ul li::before { background: #45b9b0; }
.about-us-milestones .milestones-list > li:nth-child(9) ul li::before { background: #7289bc; }

.about-us-milestones time {
    position: relative;
    display: block;
    margin: 16px 0 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.055em;
    transition: transform 0.3s ease;
}

.about-us-milestones .milestones-list > li::after {
    background: currentColor;
}

.about-us-milestones time::after {
    position: absolute;
    top: -25px;
    left: 112px;
    font-size: 74px;
    font-weight: 800;
    line-height: 1;
    content: attr(datetime);
    opacity: 0.055;
    pointer-events: none;
}

.about-us-milestones ul {
    position: relative;
    z-index: 1;
    margin: 12px 0 0;
}

.about-us-milestones .milestones-list > li:nth-child(even) ul {
    margin-bottom: 22px;
}

.about-us-milestones ul li {
    margin-top: 5px;
    color: #526174;
    font-size: 13px;
    line-height: 1.42;
    overflow-wrap: anywhere;
}

.about-us-milestones ul li::before {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 8px 2px 0;
    border-radius: 50%;
    content: "";
}

@media (hover: hover) {
    .about-us-milestones .milestones-list > li:hover {
        border-color: currentColor;
    }

    .about-us-milestones .milestones-list > li:hover time {
        transform: translateX(5px);
    }

}

@keyframes milestone-star {
    0%, 100% {
        box-shadow: 0 0 0 1px currentColor, 0 0 0 0 transparent;
        filter: brightness(1);
    }

    50% {
        box-shadow: 0 0 0 2px currentColor, 0 0 10px 4px currentColor, 0 0 20px 8px currentColor;
        filter: brightness(1.18);
    }
}

@media (max-width: 700px) {
    .about-us-milestones .milestones-list {
        min-height: 440px;
        padding-right: 28px;
        padding-left: 28px;
        gap: 12px;
        -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 14px, #000 42px, #000 calc(100% - 42px), rgba(0, 0, 0, 0.2) calc(100% - 14px), transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 14px, #000 42px, #000 calc(100% - 42px), rgba(0, 0, 0, 0.2) calc(100% - 14px), transparent 100%);
    }

    .about-us-milestones .milestones-list.is-at-start {
        -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 42px), rgba(0, 0, 0, 0.2) calc(100% - 14px), transparent 100%);
        mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 42px), rgba(0, 0, 0, 0.2) calc(100% - 14px), transparent 100%);
    }

    .about-us-milestones .milestones-list.is-at-end {
        -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 14px, #000 42px, #000 100%);
        mask-image: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.2) 14px, #000 42px, #000 100%);
    }

    .about-us-milestones .milestones-list > li {
        width: 280px;
        min-width: 280px;
    }

    .about-us-milestones .milestones-list::before {
        left: 28px;
        width: 2628px;
        background-size: 2628px 140px;
    }

    .about-us-milestones time {
        font-size: 38px;
    }

    .about-us-milestones time::after {
        left: 92px;
        font-size: 62px;
    }

    .about-us-milestones ul li {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-us-milestones .milestones-list {
        scroll-behavior: auto;
    }

    .about-us-milestones .milestones-list > li {
        transition: none;
    }

    .about-us-milestones .milestones-list > li::after {
        animation: none;
    }
}


.about-us-map .title,
.about-us-business .title{
    max-width: 900px;
    margin-inline: auto;
}
.about-us-map .desc{
    justify-content: space-between;
    max-width: 900px;
    margin-inline: auto;
}
.about-us-map .desc strong{
    background: linear-gradient(135deg, #173f9f 0%, #1d55c1 48%, #54c9fe 100%);
    background-clip: text;
    color: transparent;
    letter-spacing: -0.045em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 1.2em;
}
.about-us-map .img{
    position: relative;
}
.about-us-map .img>img{
    display: block;
    pointer-events: none;
}
.about-us-map .img .mark{
    position: absolute;
    top: 30%;
    left: 11.5%;
    row-gap: 8px;
    --an-delay: 0s;
    z-index: 1;
}
.about-us-map .img .mark.mark-01{
    top: 30%;
    left: 11.5%;
    --an-delay: .0s;
}
.about-us-map .img .mark.mark-02{
    top: 15.5%;
    left: 49.3%;
    --an-delay: .2s;
}
.about-us-map .img .mark.mark-03{
    top: 51.5%;
    left: 53.5%;
    --an-delay: .4s;
}
.about-us-map .img .mark.mark-04{
    top: 25.5%;
    left: 57.5%;
    --an-delay: .6s;
}
.about-us-map .img .mark.mark-05{
    top: 33.5%;
    left: 76%;
    --an-delay: .8s;
}
.about-us-map .img .mark .icon{
    position: relative;
    width: 26px;
    aspect-ratio: 1 / 1;
    background-color: #d32f2f;
    border-radius: 50%;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.3);
    animation: bounce 1s infinite ease-in-out;
    animation-delay: var(--an-delay);
}
.about-us-map .img .mark .icon::before{
    content: '';
    position: absolute;
    inset: 0;
    background-color: #d32f2f;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
}
.about-us-map .img .mark .icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    background-color: #fff;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    transform: translate(-50%, -50%);
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0); 
  }
  50% {
    transform: translateY(-5px); 
  }
}

.about-us-map .img .mark .addr{
    color: #fff;
}
.about-us-business .container{
    width: 100%;
    column-gap: 4%;
}
.about-us-business .container .card{
    --theme-color: #093e6a;
    width: 48%;
    border: 2px solid var(--theme-color);
    padding: 2rem;
    border-radius: 10px;
    color: initial;
    transition: all 0.2s ease-in-out;
    position: relative;
    box-sizing: border-box;
}
.about-us-business .container .card:hover{
    box-shadow: 0 .625rem 1rem 0 rgba(33, 33, 33, .15);
    color: initial;
}
.about-us-business .container .card:nth-child(2){
    --theme-color: #68c4d4;
    padding-top: calc(2rem + 26px);
}
.about-us-business .container .card>img{
    max-height: 50px;
}
.about-us-business .container .card:nth-child(2)>img{
    max-height: 26px;
}
.about-us-business .container .card>h3{
    line-height: 1.26;
    color: initial;
}
.about-us-business .container .card>img.product{
    max-height: unset;
    position: absolute;
    z-index: -1;
    right: 5%;
    top: 15%;
    height: 140px;
    opacity: 0.5;
}

/*弹窗组*/
#contactUsForms{
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(17,17,17,.4);
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}
#contactUsForms.active{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#contactUsForms .msg-popup{
    padding: 1rem;
}
#contactUsForms .form-msg{
    display: none;
    background-color: #fff;
    width: 100%;
    position: relative;
    padding: 3rem 2rem;
    border-radius: 10px;
}
#contactUsForms .form-msg.active{
    display: flex;
}
#contactUsForms .form-msg-01{
    width: 100%;
    max-width: 600px;
    column-gap: 2rem;
    row-gap: 2rem;
}
#contactUsForms .form-msg-01 .left{
    /*background-color: #ededed;*/
    justify-content: center;
    align-items: center;
    width: 35%;
}
#contactUsForms .form-msg-01 .text p{
  /*margin-top: 10px;*/
}
#contactUsForms .form-msg-01 .img{
  width: 80%;
  max-width: 80px;
}
#contactUsForms .form-msg-01 .right{
width: 65%;
}
#contactUsForms .form-msg-01 .right .logo{
  justify-content: center;
}
#contactUsForms .form-msg-01 .right .logo img{
    height: 56px;
    width: auto;
}
#contactUsForms .form-msg-02{
    flex-direction: column;
    max-width: 420px;
}
#contactUsForms .form-msg.form-msg-02 .img>*{
    width: auto;
    height: 80px;
}

/*表单元素样式*/
#contactUsForms .form-msg .email-form{
    /*padding-left: 2rem;*/
    /* padding-right: 7rem; */
}
#contactUsForms .form-msg .email-form form {
    width: 100%;
    position: relative;
    /*border: 1px solid red;*/
}
#contactUsForms .form-msg .email-form form input{
  border: 1px solid var(--color-darkblue);
  outline: none;
  padding: 12px 1rem;
  color: #999;
  border-radius: 10px;
  width: 100%;
  margin-top: 1rem;
  color: var(--color-darkblue);
}
#contactUsForms .form-msg .email-form form input[type="email"]{

}
#contactUsForms .form-msg .email-form form input[type='submit'] {
  cursor: pointer;
  background-color: var(--color-darkblue);
  font-weight: 700;
  color: #fff;
  padding: 15px 1rem;
  margin-top: 15px;
}
#contactUsForms .form-msg .email-form form textarea {
    width: 100%;
    margin-top: 1rem;
    outline: none;
    border: 1px solid var(--color-darkblue);
    border-radius: 10px;
    padding: 12px 1rem;
    color: var(--color-darkblue);
    box-sizing: border-box;
    font-family: 'MULI-Regular';
    height: 9rem;
}

#contactUsForms .form-msg .email-form form label{
    display: block;    
}

/*提交等待提示*/
#contactUsForms .form-msg .email-form form .wpcf7-spinner{
  position: absolute;
  top: -20px;
  right: 0px;
}
/*关闭按钮*/
#contactUsForms .msg-popup .closed {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
#contactUsForms .msg-popup .closed i {
  font-size: 14px;
  margin-bottom: 0;
}


/*About Us 页面*/
.about-us-who{
    min-height: 37.5vw;
    /*background-image: url('/resources/aboutus/weareminew.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*background-size: cover;*/
    background: linear-gradient(to bottom, #eef6ff, #e6effc);
    position: relative;
}
.about-us-who::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(29, 85, 193, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 85, 193, 0.06) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: 0.55;
    pointer-events: none;
}
.about-us-who .content{
    justify-content: flex-end;
    column-gap: 4rem;
}
.about-us-who .content>div{
    width: 50%;
}
.about-us-who .content .left{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.about-us-who .content .left .placeholder{
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
}
.about-us-who .content .left .placeholder>img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/*兼容视频优化的写法*/
.about-us-who .content .left .rll-youtube-player,
.about-us-who .content .left iframe{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-bottom: unset;
}

.about-us-we-do .list{
    width: 100%;
    justify-content: space-between;
    column-gap: 2rem;
}
.about-us-we-do .item{
    width: calc((100% - 6rem) / 4);
    text-align: center;
    align-items: center;
    row-gap: 5px;
    padding: 20px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
}
.about-us-we-do .item:hover{
    background: linear-gradient(to right bottom, var(--color-blue-01), var(--color-blue-02));
    color: #fff;
}
.about-us-we-do .item:hover>img{
    filter: brightness(0) invert(1);
}
.about-us-we-do .item>img{
    width: 80%;
    max-width: 200px;
}
.about-us-we-do .item>h2{
    line-height: 1.3;
}

.about-us-data{}
.about-us-data .container{
    background-color: #f5f6f8;
    padding: 3rem 0 3rem 6rem;
    border-radius: 2rem;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: 0 10px 30px rgba(18, 45, 88, .07);
}
.about-us-data .container>.title {
    max-width: 676px;
    margin-inline: auto;
}
.about-us-data .container .text{
    width: 65%;
    column-gap: 4rem;
    row-gap: 2rem;
}
.about-us-data .container .item{
    width: calc((100% - 4rem) / 2);
}
.about-us-data .container .item .title{
    line-height: 1;
}
.about-us-data .container .item .title .num,
.about-us-data .container .item .title .unit{
    font-size: 1.3em;
}
.about-us-data .container .item .title .unit{
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 5px;
}
.about-us-data .container .item .desc{
    opacity: 0.6;
}



.about-us-mission{
    background-color: var(--color-darkblue);
    color: #fff;
}

.about-us-mission .container {
    column-gap: 5%;
}
.about-us-mission .container .left{
    width: 40%;
}
.about-us-mission .container .left .item{
    position: relative;
    max-width: 550px;
    width: 100%;
    justify-content: center;
    padding-left: 70px;
    padding-block: 1rem;
    border-bottom: 1px solid #52607f78;
    cursor: pointer;
}
.about-us-mission .container .left .item:last-child{
    border-bottom: 1px solid transparent;
}
.about-us-mission .container .left .item .bg{
    position: absolute;
    width: 60px;
    aspect-ratio: 1 / 1;
    left: 0;
    top: 1rem;
}
.about-us-mission .container .left .item .bg img{
    height: 100%;
    width: auto;
    opacity: 0.5;
    display: inline-block;
}

.about-us-mission .container .right{
    flex-grow: 1;
}
.about-us-mission .container .right .logos{
    position: relative;
    width: 100%;
    aspect-ratio: 800 / 376;
}
.about-us-mission .container .right .logos .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.6s linear;
    transform: scale(0.95);
    /*opacity: 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-us-mission .container .right .logos .img>img{
    width: 90%;
    object-fit: cover;
}
.about-us-mission .container .right .logos .img:first-child{opacity: 1;}
.about-us-mission .container .right .logos .img:last-child{opacity: 0;}
.about-us-mission .container .right .logos.arrive .img:first-child {opacity: 0;}
.about-us-mission .container .right .logos.arrive .img:last-child {opacity: 1;}

/*why minew*/
.customer-trust-module,
.customer-trust-module * {
    box-sizing: border-box;
}

.customer-trust-module.about-us-customer {
    overflow: hidden;
    color: #10244a;
    background: #fff;
}

.customer-trust-module .customer-trust-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.customer-trust-module .customer-trust-item {
    position: relative;
    min-height: 440px;
    overflow: hidden;
    padding: 50px 44px 46px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(18, 45, 88, .07);
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.customer-trust-module .customer-trust-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #1d55c1, #54c9fe);
    content: "";
}

.customer-trust-module .customer-trust-step {
    position: absolute;
    top: 34px;
    right: 36px;
    color: #e5ebf4;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.06em;
}

.customer-trust-module .customer-trust-icon {
    display: flex;
    width: 112px;
    height: 112px;
    align-items: center;
    justify-content: center;
    margin-bottom: 34px;
    border-radius: 10px;
    background: #eef6ff;
}

.customer-trust-module .customer-trust-icon img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    transition: transform .3s ease;
}

.customer-trust-module .desc {
    color: #5e6d83;
}
.customer-trust-module ul {
    display: grid;
    gap: 7px;
    margin-top: 1rem;
}

.customer-trust-module li {
    position: relative;
    padding-left: 18px;
}

.customer-trust-module li::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #54c9fe;
    content: "";
}

.customer-trust-module .customer-trust-item:hover {
    border-color: #cbdcf6;
    transform: translateY(-6px);
    box-shadow: 0 24px 52px rgba(18, 45, 88, .12);
}

.customer-trust-module .customer-trust-item:hover .customer-trust-icon img {
    transform: scale(1.06);
}

.customer-trust-module .customer-trust-item.customer-trust-reveal {
    opacity: 0;
    transform: translateY(20px);
}

.customer-trust-module .customer-trust-item.customer-trust-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .55s ease, transform .55s ease, border-color .3s ease, box-shadow .3s ease;
}

.customer-trust-module .customer-trust-item.customer-trust-visible:hover {
    transform: translateY(-6px);
}

@media (max-width: 1024px) {
    .customer-trust-module .customer-trust-inner {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .customer-trust-module h2 {
        font-size: 36px;
    }

    .customer-trust-module .customer-trust-list {
        gap: 16px;
    }

    .customer-trust-module .customer-trust-item {
        min-height: 420px;
        padding: 40px 28px 36px;
    }

    .customer-trust-module .customer-trust-step {
        top: 28px;
        right: 24px;
        font-size: 44px;
    }
}

@media (max-width: 767px) {
    .customer-trust-module .customer-trust-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .customer-trust-module h2 {
        margin-bottom: 34px;
        font-size: 30px;
    }

    .customer-trust-module .customer-trust-list {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .customer-trust-module .customer-trust-item {
        min-height: 0;
        padding: 32px 28px 34px 126px;
    }

    .customer-trust-module .customer-trust-step {
        top: 26px;
        right: 24px;
        font-size: 38px;
    }

    .customer-trust-module .customer-trust-icon {
        position: absolute;
        top: 32px;
        left: 24px;
        width: 78px;
        height: 78px;
        margin: 0;
    }

    .customer-trust-module .customer-trust-icon img {
        width: 56px;
        height: 56px;
    }

    .customer-trust-module h3 {
        min-height: 78px;
        padding-right: 28px;
        font-size: 18px;
    }

    .customer-trust-module ul {
        grid-column: 1 / -1;
        margin-top: 18px;
        margin-left: -98px;
    }

    .customer-trust-module li {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .customer-trust-module .customer-trust-item,
    .customer-trust-module .customer-trust-icon img {
        opacity: 1;
        transform: none;
        transition: none;
    }
}




/*证书*/
.about-us-certificates {
    position: relative;
    overflow: hidden;
    padding: 82px 0;
    background:
        radial-gradient(circle at 12% 14%, rgba(84, 201, 254, 0.24), rgba(84, 201, 254, 0) 30%),
        linear-gradient(135deg, #f7fbff 0%, #ffffff 48%, #eef7ff 100%);
}

.about-us-certificates::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(29, 85, 193, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 85, 193, 0.06) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: 0.55;
    pointer-events: none;
}

.about-us-certificates .cont-wapper-xm {
    position: relative;
    z-index: 1;
}

.about-us-certificates .ccs-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.42fr);
    gap: 46px;
    align-items: center;
}

.about-us-certificates .ccs-copy {
    /*max-width: 390px;*/
}

.about-us-certificates .ccs-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid rgba(29, 85, 193, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #1d55c1;
    font-size: 14px;
    font-weight: 700;
}

.about-us-certificates .ccs-copy h2 {
    margin: 24px 0 18px;
    color: #061425;
    line-height: 1.12;
    letter-spacing: 0;
}

.about-us-certificates .ccs-carousel-wrap {
    position: relative;
    min-width: 0;
    padding: 18px 30px 30px;
}
.about-us-certificates .ccs-certificate-swiper {
    width: 100%;
    padding: 28px 0 36px;
}

.about-us-certificates .ccs-certificate-swiper .swiper-slide {
    width: 198px;
    height: auto;
}

.ccs-certificate-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 278px;
    padding: 12px;
    border: 0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(7, 28, 70, 0.1);
    transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.swiper-slide-active .ccs-certificate-item {
    box-shadow: 0 28px 66px rgba(29, 85, 193, 0.18);
}

.ccs-certificate-item:hover,
.ccs-certificate-item:focus-within {
    transform: translateY(-8px);
    box-shadow: 0 24px 58px rgba(29, 85, 193, 0.16);
}

.ccs-certificate-item figure {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 254px;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
}

.ccs-certificate-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ccs-carousel-control {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.ccs-swiper-prev,
.ccs-swiper-next {
    position: relative;
    top: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(29, 85, 193, 0.14);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.68);
    cursor: pointer;
    pointer-events: auto;
    transform: translateY(-50%);
    transition: background 0.2s ease, border-color 0.2s ease;
    display: none;
}

.ccs-swiper-prev {
    position: absolute;
    left: 0;
}

.ccs-swiper-next {
    position: absolute;
    right: 0;
}

.ccs-swiper-prev:hover,
.ccs-swiper-next:hover,
.ccs-swiper-prev:focus-visible,
.ccs-swiper-next:focus-visible {
    border-color: rgba(29, 85, 193, 0.28);
    background: rgba(255, 255, 255, 0.88);
    outline: none;
}

.ccs-swiper-prev::before,
.ccs-swiper-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 1.5px solid rgba(29, 85, 193, 0.74);
    border-right: 1.5px solid rgba(29, 85, 193, 0.74);
}

.ccs-swiper-prev::before {
    transform: translate(-36%, -50%) rotate(-135deg);
}

.ccs-swiper-next::before {
    transform: translate(-64%, -50%) rotate(45deg);
}

.ccs-swiper-progress {
    position: absolute;
    left: 58px;
    right: 58px;
    bottom: 8px;
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(29, 85, 193, 0.12);
    display: none;
}

.ccs-swiper-progress .swiper-pagination-progressbar-fill {
    border-radius: 999px;
    background: linear-gradient(90deg, #1d55c1, #54c9fe);
}

@media (max-width: 1180px) {
    .about-us-certificates {
        padding: 70px 0;
    }

    .about-us-certificates .ccs-layout {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .about-us-certificates .ccs-copy {
        max-width: 620px;
    }
}

@media (max-width: 768px) {
    .about-us-certificates {
        padding: 56px 0;
    }

    .about-us-certificates .ccs-carousel-wrap {
        padding: 12px 30px 30px;
    }

    .about-us-certificates .ccs-certificate-swiper {
        padding: 22px 0 34px;
    }

    .about-us-certificates .ccs-certificate-swiper .swiper-slide {
        width: 180px;
    }

    .ccs-certificate-item {
        min-height: 252px;
        padding: 10px;
    }

    .ccs-certificate-item figure {
        min-height: 232px;
    }

    .ccs-swiper-prev,
    .ccs-swiper-next {
        width: 36px;
        height: 36px;
    }

    .ccs-swiper-progress {
        left: 48px;
        right: 48px;
    }
}



/*合作伙伴logos*/
.about-us-tech-partners {
    position: relative;
    overflow: visible;
    min-height: 600px;
    background: linear-gradient(110deg, #f7fbff 0%, #ffffff 48%, #eef6ff 100%);
}

.about-us-tech-partners::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(29, 85, 193, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 85, 193, 0.08) 1px, transparent 1px);
    background-size: 160px 156px;
}

.about-us-tech-partners::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: linear-gradient(90deg, rgba(247, 251, 255, 0.98) 0%, rgba(247, 251, 255, 0.88) 58%, rgba(247, 251, 255, 0) 100%);
    pointer-events: none;
}

.about-us-tech-partners .autp-copy-shield {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: min(750px, 65vw);
    height: 100%;
    background: linear-gradient(90deg, #f7fbff 0%, #f7fbff 58%, rgba(247, 251, 255, 0.98) 70%, rgba(247, 251, 255, 0.62) 84%, rgba(247, 251, 255, 0) 100%);
    pointer-events: none;
}

.about-us-tech-partners .autp-copy-container {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.about-us-tech-partners .autp-info {
    position: relative;
    width: min(560px, 40vw);
    padding: 50px 120px 50px 38px;
    background: linear-gradient(90deg, #f7fbff 0%, #f7fbff 62%, rgba(247, 251, 255, 0.8) 84%, rgba(247, 251, 255, 0) 100%);
    pointer-events: auto;
}

.about-us-tech-partners .autp-info span {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    border: 1px solid #1d55c1;
    border-radius: 999px;
    color: #1d55c1;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
}

.about-us-tech-partners .autp-info h2 {
    line-height: 1.12;
    letter-spacing: 0;
    /*-webkit-background-clip: text !important;*/
    /*background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));*/
    /*color: transparent;*/
    /*-webkit-text-fill-color: transparent;*/
}

.about-us-tech-partners .autp-marquee-wall {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 600px;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    overflow: hidden;
}

.about-us-tech-partners .autp-marquee-row {
    position: relative;
    width: 100%;
    overflow: visible;
}

.autp-marquee-viewport {
    overflow-x: clip;
    overflow-y: visible;
}

.about-us-tech-partners .autp-marquee-row::before,
.about-us-tech-partners .autp-marquee-row::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 9vw;
    height: 100%;
    pointer-events: none;
}

.about-us-tech-partners .autp-marquee-row::before {
    left: 0;
    background: linear-gradient(90deg, #f7fbff 0%, rgba(247, 251, 255, 0) 100%);
}

.about-us-tech-partners .autp-marquee-row::after {
    right: 0;
    background: linear-gradient(270deg, #f7fbff 0%, rgba(247, 251, 255, 0) 100%);
}

.about-us-tech-partners .autp-marquee-track {
    display: flex;
    width: max-content;
    gap: 16px;
    will-change: transform;
    animation: autp-marquee-left 34s linear infinite;
}

.about-us-tech-partners .autp-row-mid .autp-marquee-track {
    animation-name: autp-marquee-right;
    animation-duration: 38s;
}

.about-us-tech-partners .autp-row-bottom .autp-marquee-track {
    animation-duration: 42s;
}

.about-us-tech-partners .autp-marquee-row.is-paused .autp-marquee-track {
    animation-play-state: paused;
}

.about-us-tech-partners .autp-marquee-row.is-paused .autp-marquee-viewport {
    overflow: visible;
}

.about-us-tech-partners .autp-logo-card {
    display: flex;
    width: clamp(220px, 19vw, 310px);
    height: 116px;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 22px;
    border: 1px solid rgba(29, 85, 193, 0.08);
    background: #ffffff;
    transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.about-us-tech-partners .autp-row-mid .autp-logo-card {
    height: 124px;
}

.about-us-tech-partners .autp-logo-card .img {
    display: block;
    max-width: 78%;
    max-height: 50px;
}
.about-us-tech-partners .autp-logo-card .img>img{
    display: block;
    width: 100%;
    object-fit: contain;
}
.about-us-tech-partners .autp-logo-card h3 {
    display: none;
}

.about-us-tech-partners .autp-logo-card h3 {
    margin: 13px 0 0;
    color: #06142d;
    font-size: 15px;
    line-height: 1.25;
    text-align: center;
    font-weight: 700;
}

.about-us-tech-partners .autp-logo-card:hover,
.about-us-tech-partners .autp-logo-card.is-active {
    transform: scale(1.06);
    border-color: rgba(29, 85, 193, 0.24);
    background: rgba(84, 201, 254, 0.08);
    position: relative;
    z-index: 8;
}

.about-us-tech-partners .about-us-tech-partners .autp-info,
.about-us-tech-partners .about-us-tech-partners .autp-marquee-row {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.about-us-tech-partners.is-visible .about-us-tech-partners .autp-info,
.about-us-tech-partners.is-visible .about-us-tech-partners .autp-marquee-row {
    opacity: 1;
    transform: translateY(0);
}

.about-us-tech-partners.is-visible .autp-row-mid {
    transition-delay: 0.08s;
}

.about-us-tech-partners.is-visible .autp-row-bottom {
    transition-delay: 0.16s;
}
@keyframes autp-marquee-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@keyframes autp-marquee-right {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0);
    }
}
@media (max-width: 1024px) {
    .about-us-tech-partners {
        min-height: auto;
    }

    .about-us-tech-partners::after {
        width: 100%;
        height: 46%;
        background: linear-gradient(180deg, rgba(247, 251, 255, 0.98) 0%, rgba(247, 251, 255, 0.68) 70%, rgba(247, 251, 255, 0) 100%);
    }

    .about-us-tech-partners .autp-copy-shield {
        width: 100%;
        height: 54%;
        background: linear-gradient(180deg, #f7fbff 0%, #f7fbff 58%, rgba(247, 251, 255, 0.82) 76%, rgba(247, 251, 255, 0) 100%);
    }

    .about-us-tech-partners .autp-copy-container {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        max-width: 720px;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        transform: none;
    }

    .about-us-tech-partners .autp-info {
        width: auto;
        padding: 34px 28px 46px;
        background: linear-gradient(180deg, #f7fbff 0%, #f7fbff 68%, rgba(247, 251, 255, 0.78) 86%, rgba(247, 251, 255, 0) 100%);
    }

    .about-us-tech-partners .autp-marquee-wall {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .about-us-tech-partners .autp-logo-card {
        width: 210px;
        height: 104px;
    }

    .about-us-tech-partners .autp-row-mid .autp-logo-card {
        height: 112px;
    }
}

@media (max-width: 480px) {
    .about-us-tech-partners .autp-info {
        padding-top: 36px;
    }
    .about-us-tech-partners .autp-marquee-wall {
        gap: 10px;
    }

    .about-us-tech-partners .autp-logo-card {
        width: 188px;
    }
}
/*ESG*/
.about-us-esg-action {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 72%, rgba(84, 201, 254, .36), transparent 31%),
        radial-gradient(circle at 44% 18%, rgba(84, 201, 254, .12), transparent 28%),
        linear-gradient(110deg, #f8fcfc 0%, #edf9fb 48%, #f8fbfb 100%);
}

.about-us-esg-action::before,
.about-us-esg-action::after {
    position: absolute;
    content: "";
    pointer-events: none;
    border-radius: 50%;
}

.about-us-esg-action::before {
    width: 30rem;
    height: 30rem;
    left: -11rem;
    bottom: -19rem;
    border: 1px solid rgba(255, 255, 255, .78);
    box-shadow: 0 0 0 1.5rem rgba(255, 255, 255, .18);
}

.about-us-esg-action::after {
    width: 20rem;
    height: 20rem;
    right: -12rem;
    top: -13rem;
    background: rgba(84, 201, 254, .08);
}

.about-us-esg-action .cont-wapper {
    position: relative;
    z-index: 1;
}

.about-us-esg-action .esg-action-summary {
    max-width: 55rem;
    margin-inline: auto;
}

.about-us-esg-action .esg-action-layout {
    display: grid;
    grid-template-columns: minmax(32rem, .96fr) minmax(36rem, 1.24fr);
    gap: 4rem;
}

.about-us-esg-action .esg-action-visual {
    position: relative;
    min-height: 32.5rem;
}

.about-us-esg-action .esg-action-connectors {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.about-us-esg-action .esg-action-connectors path {
    fill: none;
    stroke: rgba(255, 255, 255, .96);
    stroke-width: 4;
    stroke-linecap: round;
}

.about-us-esg-action .esg-action-orb {
    position: absolute;
    top: 50%;
    left: 0;
    width: 22rem;
    height: 22rem;
    margin: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    filter: drop-shadow(0 2rem 1.5rem rgba(22, 95, 91, .24));
}

.about-us-esg-action .esg-action-orb::before {
    position: absolute;
    inset: -1.5rem;
    z-index: -1;
    content: "";
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 50%;
    box-shadow:
        0 0 0 .5rem rgba(255, 255, 255, .22),
        0 0 2rem rgba(84, 201, 254, .3);
}

.about-us-esg-action .esg-action-orb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-us-esg-action .esg-action-orb figcaption {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-shadow: 0 2px 18px rgba(0, 35, 12, .88);
}

.about-us-esg-action .esg-action-orb strong {
    line-height: 1;
    letter-spacing: -.05em;
}

.about-us-esg-action .esg-action-node {
    position: absolute;
    right: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 7rem;
    height: 7rem;
    padding: 1rem;
    border: 8px solid #f4f1dc;
    border-radius: 50%;
    background: linear-gradient(145deg, #2eb62c, #0a7a17);
    box-shadow:
        0 0 0 4px rgba(255, 255, 255, .42),
        0 0 0 5px rgba(84, 201, 254, .16),
        0 10px 18px rgba(24, 76, 54, .25),
        inset 0 0 0 3px rgba(255, 255, 255, .58);
    fill: none;
    stroke: #fff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.about-us-esg-action .esg-action-node-environment {
    top: 10%;
}

.about-us-esg-action .esg-action-node-social {
    top: 40%;
}

.about-us-esg-action .esg-action-node-governance {
    top: 70%;
}

.about-us-esg-action .esg-action-cards {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 1rem;
}

.about-us-esg-action .esg-action-card {
    display: flex;
    box-sizing: border-box;
    padding-inline: 2rem;
    padding-block: 1rem;
    justify-content: center;
    flex-direction: column;
    border: 1px solid rgba(39, 98, 144, .07);
    border-left: 7px solid currentColor;
    border-radius: 12px;
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 1rem 2.5rem rgba(26, 69, 102, .08);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background-color .3s ease;
}

@media (hover: hover) {
    .about-us-esg-action .esg-action-card:hover {
        transform: translateX(-8px);
        border-color: currentColor;
        background: #fff;
        box-shadow: 0 1.5rem 3rem rgba(26, 69, 102, .16);
    }
}

.about-us-esg-action .esg-action-card-environment {
    color: #68ad4d;
}

.about-us-esg-action .esg-action-card-social {
    color: #3297c1;
}

.about-us-esg-action .esg-action-card-governance {
    color: #2b7198;
}

@media (max-width: 1180px) {
    .about-us-esg-action .esg-action-layout {
        grid-template-columns: minmax(27rem, .9fr) minmax(29rem, 1.1fr);
        gap: 1rem;
    }

    .about-us-esg-action .esg-action-orb {
        width: 20.5rem;
        height: 20.5rem;
    }

    .about-us-esg-action .esg-action-node {
        right: 1rem;
        width: 6rem;
        height: 6rem;
        padding: 10px;
        border-width: 7px;
    }

    .about-us-esg-action .esg-action-node-environment {
        top: 2rem;
    }

    .about-us-esg-action .esg-action-node-social {
        top: 13.5rem;
    }

    .about-us-esg-action .esg-action-node-governance {
        top: 24.5rem;
    }

    .about-us-esg-action .esg-action-card {
        padding-inline: 1.5rem;
    }
}

@media (max-width: 900px) {
    .about-us-esg-action .esg-action-layout {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .about-us-esg-action .esg-action-visual {
        width: min(100%, 37.5rem);
        min-height: 29rem;
        margin-inline: auto;
    }

    .about-us-esg-action .esg-action-connectors {
        display: none;
    }

    .about-us-esg-action .esg-action-orb {
        top: 10px;
        left: 50%;
        width: 20.5rem;
        height: 20.5rem;
        transform: translateX(-50%);
    }

    .about-us-esg-action .esg-action-node {
        top: auto;
        right: auto;
        bottom: 12px;
        width: 5.5rem;
        height: 5.5rem;
        padding: 12px;
    }

    .about-us-esg-action .esg-action-node-environment {
        left: calc(50% - 9rem);
    }

    .about-us-esg-action .esg-action-node-social {
        left: calc(50% - 2.5rem);
    }

    .about-us-esg-action .esg-action-node-governance {
        left: calc(50% + 3.5rem);
    }
}

@media (max-width: 560px) {
    .about-us-esg-action .esg-action-visual {
        min-height: 24.5rem;
    }

    .about-us-esg-action .esg-action-orb {
        top: 0;
        width: 17.5rem;
        height: 17.5rem;
    }

    .about-us-esg-action .esg-action-orb::before {
        inset: -10px;
    }

    .about-us-esg-action .esg-action-node {
        bottom: 8px;
        width: 4.5rem;
        height: 4.5rem;
        padding: 12px;
        border-width: 6px;
    }

    .about-us-esg-action .esg-action-node-environment {
        left: calc(50% - 7rem);
    }

    .about-us-esg-action .esg-action-node-social {
        left: calc(50% - 2.5rem);
    }

    .about-us-esg-action .esg-action-node-governance {
        left: calc(50% + 3rem);
    }

    .about-us-esg-action .esg-action-cards {
        grid-template-rows: none;
        gap: 1rem;
    }

    .about-us-esg-action .esg-action-card {
        padding-inline: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-us-esg-action .esg-action-card {
        transition: none;
    }
}

/*awards*/
.about-us-awards {
    overflow: hidden;
    /*background:*/
    /*    radial-gradient(circle at 8% 18%, rgba(84, 201, 254, 0.13), transparent 26%),*/
    /*    radial-gradient(circle at 92% 82%, rgba(29, 85, 193, 0.09), transparent 30%),*/
    /*    linear-gradient(180deg, #f8fbff 0%, #f3f7fc 48%, #fafbfd 100%);*/
}
.about-us-awards .awards-copy {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    border-bottom: 1px solid #dce4ed;
    padding-bottom: 10px;
}

.about-us-awards .awards-copy h2 {
}

.about-us-awards .awards-total {
    display: block;
    flex: 0 0 auto;
    background: linear-gradient(135deg, #173f9f 0%, #1d55c1 48%, #54c9fe 100%);
    background-clip: text;
    color: transparent;
    font-size: 48px;
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.045em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-us-awards .awards-total sup {
    position: relative;
    margin-left: 3px;
    font-size: 0.5em;
    letter-spacing: 0;
    top: -0.3em;
}

.about-us-awards .awards-gallery {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 1rem;
}

.about-us-awards .award-card {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfe6ee;
    background: transparent;
    row-gap: 1rem;
}

.about-us-awards .award-logo {
    position: relative;
    isolation: isolate;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-us-awards .award-logo::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 104%;
    height: 90%;
    content: "";
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(84, 201, 254, 0.28) 0%, rgba(84, 201, 254, 0.12) 34%, transparent 66%);
    filter: blur(18px);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.72);
    transition: opacity 0.32s ease, transform 0.38s ease;
}

.about-us-awards .award-logo img {
    position: relative;
    z-index: 1;
    display: block;
    height: 90px;
    object-fit: contain;
    filter: saturate(0.86);
    transition: filter 0.25s ease, transform 0.25s ease;
}

.about-us-awards .award-name {
    display: -webkit-box;
    overflow: hidden;
    font-size: .9em;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color 0.25s ease;
}

@media (hover: hover) {
    .about-us-awards .award-card:hover {
        border-color: #9eb4cf;
    }

    .about-us-awards .award-card:hover .award-logo img {
        filter: saturate(1);
        transform: scale(1.055);
    }

    .about-us-awards .award-card:hover .award-logo::before {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    .about-us-awards .award-card:hover .award-name {
        color: #1d55c1;
    }
}

@media (max-width: 1024px) {
    .about-us-awards .awards-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 22px;
    }
}

@media (max-width: 767px) {
    .about-us-awards .awards-layout {
        gap: 22px;
    }

    .about-us-awards .awards-copy {
        align-items: flex-start;
        gap: 18px;
        padding-bottom: 5px;
    }

    .about-us-awards .awards-copy h2 {
        max-width: 240px;
    }

    .about-us-awards .awards-total {
        padding-top: 3px;
        font-size: 34px;
    }

    .about-us-awards .awards-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 14px;
        row-gap: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-us-awards .award-card,
    .about-us-awards .award-logo img,
    .about-us-awards .award-logo::before {
        transition: none;
    }
}

/*about-us-alliance*/
.about-us-alliance {
    position: relative;
    overflow: hidden;
    background-color: #f8fbff;
    background-image: radial-gradient(circle at 9% 22%, rgba(84, 201, 254, 0.13) 0, rgba(84, 201, 254, 0) 24%), radial-gradient(circle at 92% 76%, rgba(29, 85, 193, 0.11) 0, rgba(29, 85, 193, 0) 30%), linear-gradient(120deg, #fbfdff 0%, #f4f9ff 48%, #edf5ff 100%);
}

.about-us-alliance::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(29, 85, 193, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 85, 193, 0.035) 1px, transparent 1px);
    background-size: 72px 72px;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent 40%, transparent 62%, rgba(0, 0, 0, 0.62));
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent 40%, transparent 62%, rgba(0, 0, 0, 0.62));
    pointer-events: none;
}

.about-us-alliance::after {
    content: "";
    position: absolute;
    right: -150px;
    bottom: -215px;
    width: 590px;
    height: 590px;
    border: 1px solid rgba(29, 85, 193, 0.13);
    border-radius: 50%;
    box-shadow: 0 0 0 62px rgba(29, 85, 193, 0.035), 0 0 0 124px rgba(84, 201, 254, 0.025);
    pointer-events: none;
    z-index: 0;
}

.about-us-alliance .cont-wapper-xm {
    position: relative;
    z-index: 1;
}

.about-us-alliance .alliance-title {
    max-width: 1040px;
    margin: 0 auto;
}

.about-us-alliance .alliance-title h2 {
    color: #071a40;
    line-height: 1.18;
}

.about-us-alliance .alliance-title p {
    color: #586274;
    font-size: 16px;
    line-height: 1.75;
}

.about-us-alliance .alliance-container {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
    gap: 72px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.about-us-alliance .about-us-alliance .alliance-benefits {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 0;
}

.about-us-alliance .alliance-benefit {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid #d8dde5;
}

.about-us-alliance .alliance-benefit:first-child {
    padding-top: 8px;
}

.about-us-alliance .alliance-benefit:last-child {
    padding-bottom: 8px;
    border-bottom: 0;
}

.about-us-alliance .alliance-benefit-icon {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(29, 85, 193, 0.16);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(19, 47, 96, 0.07);
}

.about-us-alliance .alliance-benefit-icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.about-us-alliance .alliance-benefit h3 {
    background: linear-gradient(to right, var(--color-blue-01), var(--color-blue-02));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.about-us-alliance .alliance-benefit p {
    margin-bottom: 0;
    color: #536078;
    font-size: 14px;
    line-height: 1.65;
}

.about-us-alliance .alliance-logos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #c7d7ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(27, 55, 104, 0.16);
}

.about-us-alliance .alliance-logo {
    position: relative;
    display: flex;
    min-height: 122px;
    align-items: center;
    justify-content: center;
    padding: 20px 24px;
    border-right: 1px solid #e2e8f1;
    border-bottom: 1px solid #e2e8f1;
}

.about-us-alliance .alliance-logo:nth-child(2n) {
    border-right: 0;
}

.about-us-alliance .alliance-logo:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.about-us-alliance .alliance-logo::after {
    content: "\2197";
    position: absolute;
    top: 12px;
    right: 14px;
    color: #1d55c1;
    font-size: 18px;
    opacity: 0;
    transform: translate(-4px, 4px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.about-us-alliance .alliance-logo img {
    width: auto;
    max-width: 170px;
    max-height: 64px;
    object-fit: contain;
    transition: transform 0.25s ease;
}

.about-us-alliance .alliance-logo:focus-visible {
    z-index: 1;
    outline: 2px solid #1d55c1;
    outline-offset: -3px;
}

.about-us-alliance .alliance-logo:hover::after,
.about-us-alliance .alliance-logo:focus-visible::after {
    opacity: 1;
    transform: translate(0, 0);
}

.about-us-alliance .alliance-logo:hover img,
.about-us-alliance .alliance-logo:focus-visible img {
    transform: scale(1.03);
}

@media (max-width: 1024px) {
    .about-us-alliance .alliance-container {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .about-us-alliance .about-us-alliance .alliance-benefits {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 0;
    }

    .about-us-alliance .alliance-benefit {
        grid-template-columns: 1fr;
        align-content: start;
        padding: 0 24px;
        border-right: 1px solid #dce5f2;
        border-bottom: 0;
        text-align: center;
    }

    .about-us-alliance .alliance-benefit:first-child,
    .about-us-alliance .alliance-benefit:last-child {
        padding-top: 0;
        padding-bottom: 0;
    }

    .about-us-alliance .alliance-benefit:last-child {
        border-right: 0;
    }

    .about-us-alliance .alliance-benefit-icon {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .about-us-alliance .alliance-title p {
        font-size: 14px;
        line-height: 1.65;
    }

    .about-us-alliance .alliance-container {
        gap: 28px;
    }

    .about-us-alliance .about-us-alliance .alliance-benefits {
        grid-template-columns: 1fr;
    }

    .about-us-alliance .alliance-benefit {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 16px;
        padding: 20px 0;
        border-right: 0;
        border-bottom: 1px solid #dce5f2;
        text-align: left;
    }

    .about-us-alliance .alliance-benefit:first-child {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .about-us-alliance .alliance-benefit:last-child {
        padding-top: 20px;
    }

    .about-us-alliance .alliance-benefit-icon {
        width: 58px;
        height: 58px;
    }

    .about-us-alliance .alliance-benefit-icon img {
        width: 34px;
        height: 34px;
    }

    .about-us-alliance .alliance-benefit h3 {
        font-size: 18px;
    }

    .about-us-alliance .alliance-logos {
        grid-template-columns: 1fr;
    }

    .about-us-alliance .alliance-logo {
        min-height: 112px;
        padding: 18px 20px;
        border-right: 0;
        border-bottom: 1px solid #e2e8f1;
    }

    .about-us-alliance .alliance-logo:nth-last-child(2) {
        border-bottom: 1px solid #e2e8f1;
    }

    .about-us-alliance .alliance-logo img {
        max-width: 180px;
        max-height: 62px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-us-alliance .alliance-logo::after,
    .about-us-alliance .alliance-logo img {
        transition: none;
    }
}

/*manufacturing*/
.about-us-manufacturing {
    overflow: hidden;
    background:
        linear-gradient(rgba(29, 85, 193, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 85, 193, 0.035) 1px, transparent 1px),
        #ffffff;
    background-size: 4rem 4rem;
}

.about-us-manufacturing .about-us-manufacturing__title {
    color: #020202;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.about-us-manufacturing .about-us-manufacturing__grid {
    display: flex;
    gap: 1rem;
}

.about-us-manufacturing .about-us-manufacturing__card {
    display: flex;
    position: relative;
    flex: 1 1 0;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    padding: 0.5rem;
    background: #ffffff;
    border: 1px solid #dfe7f1;
    border-radius: 12px;
    box-shadow: 0 0.75rem 2rem rgba(27, 46, 87, 0.09);
    row-gap: 10px;
}

.about-us-manufacturing .about-us-manufacturing__card::before,
.about-us-manufacturing .about-us-manufacturing__card::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: 2px;
    border-radius: 12px;
    background: conic-gradient(
        from -90deg at 50% 50%,
        #1d55c1 0deg,
        #54c9fe 90deg,
        #1d55c1 180deg,
        #54c9fe 270deg,
        #1d55c1 360deg
    );
    -webkit-mask:
        linear-gradient(#000000 0 0) content-box,
        linear-gradient(#000000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000000 0 0) content-box,
        linear-gradient(#000000 0 0);
    mask-composite: exclude;
    clip-path: polygon(
        50% 50%,
        0 0,
        0 0,
        0 0,
        0 0,
        0 0
    );
    content: "";
    opacity: 0;
    pointer-events: none;
}

.about-us-manufacturing .about-us-manufacturing__media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #edf2f8;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.about-us-manufacturing .about-us-manufacturing__media::after {
    position: absolute;
    z-index: 1;
    inset: 0.75rem;
    background:
        linear-gradient(#54c9fe, #54c9fe) left top / 1.5rem 1px no-repeat,
        linear-gradient(#54c9fe, #54c9fe) left top / 1px 1.5rem no-repeat,
        linear-gradient(#54c9fe, #54c9fe) right top / 1.5rem 1px no-repeat,
        linear-gradient(#54c9fe, #54c9fe) right top / 1px 1.5rem no-repeat,
        linear-gradient(#54c9fe, #54c9fe) left bottom / 1.5rem 1px no-repeat,
        linear-gradient(#54c9fe, #54c9fe) left bottom / 1px 1.5rem no-repeat,
        linear-gradient(#54c9fe, #54c9fe) right bottom / 1.5rem 1px no-repeat,
        linear-gradient(#54c9fe, #54c9fe) right bottom / 1px 1.5rem no-repeat;
    content: "";
    pointer-events: none;
}

.about-us-manufacturing .about-us-manufacturing__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-us-manufacturing .about-us-manufacturing__card:nth-child(1) .about-us-manufacturing__image {
    object-position: 48% center;
}

.about-us-manufacturing .about-us-manufacturing__card:nth-child(2) .about-us-manufacturing__image {
    object-position: 58% center;
}

.about-us-manufacturing .about-us-manufacturing__card:nth-child(3) .about-us-manufacturing__image {
    object-position: 68% center;
}

.about-us-manufacturing .about-us-manufacturing__card:nth-child(4) .about-us-manufacturing__image {
    object-position: 52% center;
}

.about-us-manufacturing .about-us-manufacturing__card:nth-child(5) .about-us-manufacturing__image {
    object-position: center 34%;
}

.about-us-manufacturing .about-us-manufacturing__card-title {
    padding: 0.5rem 1rem;
    line-height: 1.3;
    font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
    .about-us-manufacturing .about-us-manufacturing__card:hover::before,
    .about-us-manufacturing .about-us-manufacturing__card:hover::after {
        opacity: 1;
    }

    .about-us-manufacturing .about-us-manufacturing__card:hover::before {
        animation: about-us-manufacturing-border-trace-top .5s linear forwards;
    }

    .about-us-manufacturing .about-us-manufacturing__card:hover::after {
        animation: about-us-manufacturing-border-trace-bottom .5s linear forwards;
    }
}

@keyframes about-us-manufacturing-border-trace-top {
    0% {
        clip-path: polygon(
            50% 50%,
            0 0,
            0 0,
            0 0,
            0 0,
            0 0
        );
    }

    25% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0,
            50% 0,
            50% 0,
            50% 0
        );
    }

    50% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0,
            100% 0,
            100% 0,
            100% 0
        );
    }

    75% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0,
            100% 0,
            100% 50%,
            100% 50%
        );
    }

    100% {
        clip-path: polygon(
            50% 50%,
            0 0,
            50% 0,
            100% 0,
            100% 50%,
            100% 100%
        );
    }
}

@keyframes about-us-manufacturing-border-trace-bottom {
    0% {
        clip-path: polygon(
            50% 50%,
            0 0,
            0 0,
            0 0,
            0 0,
            0 0
        );
    }

    25% {
        clip-path: polygon(
            50% 50%,
            0 0,
            0 50%,
            0 50%,
            0 50%,
            0 50%
        );
    }

    50% {
        clip-path: polygon(
            50% 50%,
            0 0,
            0 50%,
            0 100%,
            0 100%,
            0 100%
        );
    }

    75% {
        clip-path: polygon(
            50% 50%,
            0 0,
            0 50%,
            0 100%,
            50% 100%,
            50% 100%
        );
    }

    100% {
        clip-path: polygon(
            50% 50%,
            0 0,
            0 50%,
            0 100%,
            50% 100%,
            100% 100%
        );
    }
}

@media (max-width: 1199px) {
    .about-us-manufacturing .cont-wapper {
        padding-right: 0;
    }

    .about-us-manufacturing .about-us-manufacturing__grid {
        padding-right: 1.5rem;
        padding-bottom: 1rem;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scrollbar-color: #1d55c1 rgba(29, 85, 193, 0.12);
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .about-us-manufacturing .about-us-manufacturing__grid::-webkit-scrollbar {
        height: 4px;
    }

    .about-us-manufacturing .about-us-manufacturing__grid::-webkit-scrollbar-track {
        background: rgba(29, 85, 193, 0.12);
        border-radius: 999px;
    }

    .about-us-manufacturing .about-us-manufacturing__grid::-webkit-scrollbar-thumb {
        background: #1d55c1;
        border-radius: 999px;
    }

    .about-us-manufacturing .about-us-manufacturing__card {
        flex: 0 0 17rem;
        scroll-snap-align: start;
    }
}

@media (max-width: 767px) {
    .about-us-manufacturing .about-us-manufacturing__grid {
        gap: 0.875rem;
        margin-top: 2rem;
        padding-right: 1.25rem;
    }

    .about-us-manufacturing .about-us-manufacturing__card {
        flex-basis: min(68vw, 16rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-us-manufacturing .about-us-manufacturing__card:hover::before,
    .about-us-manufacturing .about-us-manufacturing__card:hover::after {
        animation: none;
        clip-path: none;
        opacity: 1;
    }
}



.minew-people {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 18%, rgba(84, 201, 254, 0.12), transparent 24%),
        radial-gradient(circle at 92% 82%, rgba(29, 85, 193, 0.08), transparent 26%),
        linear-gradient(180deg, #f6f9fd 0%, #ffffff 100%);
}

.minew-people::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1180px, 82vw);
    height: 1px;
    content: "";
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(29, 85, 193, 0.22), transparent);
}

.minew-people::after {
    position: absolute;
    z-index: 0;
    top: 160px;
    right: -130px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(29, 85, 193, 0.1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    box-shadow:
        0 0 0 64px rgba(84, 201, 254, 0.045),
        0 0 0 128px rgba(29, 85, 193, 0.025);
}

.minew-people > .cont-wapper {
    position: relative;
    z-index: 1;
}

.minew-people__intro {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.minew-people__intro h2 {
    line-height: 1.12;
}

.minew-people__lead {
    color: #536277;
    line-height: 1.6;
}

.minew-people__mosaic {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(10, minmax(0, 1fr));
    gap: 10px;
    max-width: 1180px;
    height: 590px;
    margin: 38px auto 0;
    padding: 10px;
    border: 1px solid #dfe7f1;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(10, 36, 78, 0.1);
}

.minew-people__photo {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    margin: 0;
    border: 0;
    border-radius: 8px;
    background: #dfe7f2;
}

.minew-people__photo::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(180deg, transparent 72%, rgba(5, 23, 54, 0.1));
}

.minew-people__photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.minew-people__photo:hover img {
    transform: scale(1.018);
}

.minew-people__photo--team {
    grid-column: 1 / 8;
    grid-row: 1 / 5;
}

.minew-people__photo--team img {
    object-position: center 45%;
}

.minew-people__photo--coastal {
    grid-column: 1 / 7;
    grid-row: 5 / 11;
}

.minew-people__photo--coastal img {
    object-position: center 68%;
}

.minew-people__photo--studio {
    grid-column: 8 / 11;
    grid-row: 1 / 5;
}

.minew-people__photo--culture {
    grid-column: 7 / 9;
    grid-row: 8 / 11;
}

.minew-people__photo--culture img {
    object-position: center 38%;
}

.minew-people__photo--sailing {
    grid-column: 11 / 13;
    grid-row: 1 / 8;
}

.minew-people__photo--sailing img {
    object-position: center 55%;
}

.minew-people__photo--banquet {
    grid-column: 7 / 11;
    grid-row: 5 / 8;
}

.minew-people__photo--celebration {
    grid-column: 9 / 13;
    grid-row: 8 / 11;
}

@media (max-width: 1024px) {
    .minew-people__mosaic {
        height: 520px;
        margin-top: 36px;
    }
}

@media (max-width: 767px) {
    .minew-people::before,
    .minew-people::after {
        display: none;
    }

    .minew-people__mosaic {
        display: flex;
        height: auto;
        gap: 12px;
        margin: 34px -20px 0 0;
        padding: 0 20px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline mandatory;
        scrollbar-width: none;
    }

    .minew-people__mosaic::-webkit-scrollbar {
        display: none;
    }

    .minew-people__photo {
        flex: 0 0 78vw;
        height: 280px;
        scroll-snap-align: start;
    }

    .minew-people__photo--coastal,
    .minew-people__photo--team {
        flex-basis: 88vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    .minew-people__photo img {
        transition: none;
    }
}


/*TAGs 汇总页*/
.tags-page .tags-content{}
.tags-page .tags-content .tags-list{}
.tags-page .tags-content .tags-list ul{
    row-gap: 1rem;
    column-gap: 1rem;
}
.tags-page .tags-content .tags-list li{
    
}
.tags-page .tags-content .tags-list li a {
    background-color: #F5F6F9;
    color: #999;
    display: block;
    padding: 6px 1rem;
    text-wrap: nowrap;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding-left: 1.5rem;
}
.tags-page .tags-content .tags-list li a:hover {
    background-color: #ade1f650;
    color: var(--color-highlight);
}
.tags-page .tags-content .tags-list li a::before {
    content: '#';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

/* About Us responsive refinements
 * These rules intentionally come after the shared common.css/media.css stack.
 * Scope is limited to the About Us template so global utility classes remain intact.
 */
 img,
 video,
 iframe {
    max-width: 100%;
}

 .about-us-who .content,
 .about-us-mission .container,
 .about-us-esg .container,
 .about-us-business .container {
    min-width: 0;
}

 .about-us-who .right,
 .about-us-mission .container > div,
 .about-us-esg .container > div,
 .about-us-business .card {
    min-width: 0;
}

@media (max-width: 1200px) {
     .about-us-who .content {
        column-gap: 32px;
    }

     .about-us-we-do .list {
        column-gap: 20px;
    }

     .about-us-we-do .item {
        width: calc((100% - 60px) / 4);
        padding: 16px 10px;
    }

     .about-us-data .container {
        padding: 64px 32px 64px 48px;
        background-position: 62% center;
    }

     .about-us-data .container .text {
        width: 72%;
        column-gap: 32px;
        row-gap: 32px;
    }

     .about-us-mission .container .right .logos {
        width: min(40vw, 420px);
    }

     .about-us-business .container .card {
        padding: 28px;
    }
}

@media (max-width: 1024px) {
     .font56 {
        font-size: clamp(36px, 5vw, 48px);
    }

     .font40 {
        font-size: clamp(28px, 3.8vw, 36px);
    }

     .font24 {
        font-size: clamp(18px, 2.3vw, 22px);
    }

     .about-us-who {
        min-height: 0;
    }

     .about-us-who .content {
        flex-direction: column;
        align-items: stretch;
        row-gap: 30px;
    }

     .about-us-who .content > div {
        width: 100%;
    }

     .about-us-who .content .left {
        max-width: 820px;
        margin-inline: auto;
    }

     .about-us-who .content .right {
        max-width: 820px;
        margin-inline: auto;
    }

     .about-us-we-do .list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

     .about-us-we-do .item {
        width: auto;
        padding: 24px 20px;
    }

     .about-us-we-do .item > img {
        width: min(72%, 180px);
    }

     .about-us-data .container {
        padding: 52px 36px;
        background-position: center;
    }

     .about-us-data .container::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: rgba(245, 246, 248, 0.74);
        pointer-events: none;
    }

     .about-us-data .container {
        position: relative;
        overflow: hidden;
    }

     .about-us-data .container .text {
        position: relative;
        z-index: 1;
        width: 100%;
    }

     .about-us-mission .container {
        gap: 36px;
    }

     .about-us-mission .container .left {
        width: 58%;
    }

     .about-us-mission .container .right {
        width: 42%;
    }

     .about-us-mission .container .left .item {
        padding-left: 58px;
    }

     .about-us-mission .container .left .item .bg {
        width: 48px;
    }

     .about-us-mission .container .right .logos {
        width: min(34vw, 340px);
    }

     .customer-trust-module .customer-trust-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

     .customer-trust-module .customer-trust-item:last-child {
        grid-column: 1 / -1;
        min-height: 0;
    }

     .about-us-map .img img,
     .about-us-team .img img {
        width: 100%;
        height: auto;
    }

     .about-us-business .container {
        column-gap: 24px;
    }

     .about-us-business .container .card {
        width: calc(50% - 12px);
    }

     .about-us-business .container .card > img.product {
        top: 20%;
        right: 2%;
        height: 110px;
    }

     .about-us-esg .container {
        align-items: center;
    }

     .about-us-esg .container .left {
        width: 36%;
    }

     .about-us-esg .container .right {
        width: 64%;
        margin-left: 24px;
    }

     .about-us-esg .esg-item .title .bg {
        left: 120px;
        font-size: 96px;
    }
}

@media (max-width: 767px) {
     .pt-100 {
        padding-top: 48px;
    }

     .pb-100 {
        padding-bottom: 48px;
    }

     .pt-60 {
        padding-top: 24px;
    }

     .mt-80 {
        margin-top: 28px;
    }

     .mt-30 {
        margin-top: 18px;
    }

     .font56 {
        font-size: clamp(32px, 9vw, 42px);
        line-height: 1.1;
    }

     .font40 {
        font-size: clamp(27px, 7.2vw, 32px);
        line-height: 1.18;
    }

     .about-us-who::before,
     .about-us-certificates::before,
     .alliance::before {
        background-size: 48px 48px;
    }

     .about-us-who .title p {
        max-width: 34rem;
        margin: 8px auto 0;
        line-height: 1.55;
    }

     .about-us-who .content {
        row-gap: 24px;
    }

     .about-us-who .content .right {
        font-size: 15px;
        line-height: 1.7;
    }

     .about-us-we-do .list {
        gap: 14px;
    }

     .about-us-we-do .item {
        padding: 20px 14px;
    }

     .about-us-we-do .item > img {
        width: min(76%, 148px);
    }

     .about-us-we-do .item p {
        font-size: 14px;
        line-height: 1.55;
    }

     .about-us-data .container {
        padding: 38px 24px;
        background-position: 58% center;
    }

     .about-us-data .container .text {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 18px;
    }

     .about-us-data .container .item {
        width: auto;
    }

     .about-us-data .container .item .desc {
        font-size: 14px;
        line-height: 1.45;
    }

     .about-us-mission .container {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }

     .about-us-mission .container .left,
     .about-us-mission .container .right {
        width: 100%;
    }

     .about-us-mission .container .left .item {
        max-width: none;
    }

     .about-us-mission .container .right .logos {
        width: min(78vw, 360px);
        margin-inline: auto;
    }

     .customer-trust-module .customer-trust-list {
        grid-template-columns: 1fr;
    }

     .customer-trust-module .customer-trust-item:last-child {
        grid-column: auto;
    }

     .customer-trust-module .customer-trust-item {
        padding: 28px 22px 28px 112px;
    }

     .customer-trust-module .customer-trust-icon {
        top: 28px;
        left: 20px;
        width: 70px;
        height: 70px;
    }

     .customer-trust-module .customer-trust-icon img {
        width: 50px;
        height: 50px;
    }

     .customer-trust-module h3 {
        min-height: 70px;
        padding-right: 36px;
    }

     .customer-trust-module ul {
        margin-left: -90px;
    }

     .about-us-certificates .ccs-copy h2 {
        margin: 16px 0 12px;
    }

     .about-us-certificates .ccs-carousel-wrap {
        margin-inline: -16px;
        padding-right: 16px;
        padding-left: 16px;
    }

     .about-us-tech-partners .autp-copy-container {
        padding-inline: 16px;
    }

     .about-us-tech-partners .autp-info {
        padding: 32px 0 38px;
    }

     .about-us-tech-partners .autp-info p {
        font-size: 14px;
        line-height: 1.65;
    }

     .about-us-tech-partners .autp-marquee-row::before,
     .about-us-tech-partners .autp-marquee-row::after {
        width: 28px;
    }

     .about-us-business .container {
        flex-direction: column;
        row-gap: 18px;
    }

     .about-us-business .container .card,
     .about-us-business .container .card:nth-child(2) {
        width: 100%;
        padding: 24px;
    }

     .about-us-business .container .card > h3,
     .about-us-business .container .card > p {
        position: relative;
        z-index: 1;
    }

     .about-us-business .container .card > img.product {
        top: auto;
        right: 16px;
        bottom: 16px;
        height: 92px;
        opacity: 0.22;
    }

     .about-us-esg .container {
        flex-direction: column;
        align-items: stretch;
        row-gap: 28px;
    }

     .about-us-esg .container .left,
     .about-us-esg .container .right {
        width: 100%;
        margin-left: 0;
    }

     .about-us-esg .container .left img {
        display: block;
        width: min(100%, 560px);
        margin-inline: auto;
    }

     .about-us-esg .esg-item {
        position: relative;
        min-height: 0;
        align-items: flex-start;
    }

     .about-us-esg .esg-item .title {
        width: 54px;
    }

     .about-us-esg .esg-item .title .bg {
        position: static;
        width: 54px;
        height: auto;
        justify-content: flex-start;
        font-size: 64px;
        line-height: 1;
        opacity: 0.26;
        transform: none;
    }

     .about-us-esg .esg-item .intro {
        min-width: 0;
        margin-left: 4px;
    }

     .about-us-esg .esg-item .intro p {
        padding-left: 16px;
        font-size: 14px;
        line-height: 1.55;
    }

     .about-us-esg .esg-item .intro p::before {
        width: 6px;
        height: 6px;
        top: 0.72em;
    }

     .about-us-awards .awards-copy h2 {
        max-width: min(70%, 420px);
    }

     .about-us-application .aua-container {
        width: calc(100% - 32px);
    }

     .about-us-alliance .alliance-title p,
     .about-us-map .title p,
     .about-us-business .title p {
        line-height: 1.65;
    }
}

@media (max-width: 560px) {
     .about-us-we-do .list {
        grid-template-columns: 1fr;
    }

     .about-us-we-do .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 8px;
        text-align: center;
    }

     .about-us-we-do .item > img {
        width: min(68%, 180px);
        margin-inline: auto;
    }

     .about-us-we-do .item > h2 {
        margin-top: 0;
    }

     .about-us-we-do .item > p {
        margin-top: 2px;
    }

     .about-us-data .container {
        padding: 32px 20px;
    }

     .about-us-data .container .text {
        gap: 24px 12px;
    }

     .about-us-data .container .item .title {
        font-size: 24px;
    }

     .about-us-mission .container .left .item {
        padding-left: 52px;
    }

     .about-us-mission .container .left .item .bg {
        width: 42px;
    }

     .about-us-mission .container .left .item .desc {
        font-size: 14px;
    }

     .customer-trust-module .customer-trust-item {
        padding: 24px 20px;
    }

     .customer-trust-module .customer-trust-icon {
        position: static;
        width: 64px;
        height: 64px;
        margin-bottom: 18px;
    }

     .customer-trust-module .customer-trust-icon img {
        width: 46px;
        height: 46px;
    }

     .customer-trust-module h3 {
        min-height: 0;
        padding-right: 52px;
    }

     .customer-trust-module ul {
        margin-top: 14px;
        margin-left: 0;
    }

     .customer-trust-module .customer-trust-step {
        top: 24px;
        right: 20px;
    }

     .about-us-awards .awards-copy {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

     .about-us-awards .awards-copy h2 {
        max-width: none;
    }

     .about-us-awards .award-logo {
        height: 132px;
    }

     .about-us-alliance .alliance-logo {
        min-height: 96px;
    }
}

@media (max-width: 390px) {
     .about-us-we-do .item {
        padding: 18px 14px;
    }

     .about-us-we-do .item > img {
        width: min(72%, 164px);
    }

     .about-us-data .container .text {
        grid-template-columns: 1fr;
    }

     .about-us-data .container .item {
        padding-bottom: 18px;
        border-bottom: 1px solid rgba(7, 23, 51, 0.1);
    }

     .about-us-data .container .item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

     .about-us-awards .awards-gallery {
        column-gap: 10px;
    }

     .about-us-awards .award-logo {
        height: 116px;
        padding-inline: 6px;
    }

     .about-us-awards .award-name {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
     .about-us-tech-partners .autp-marquee-track {
        animation: none;
        transform: none;
    }
}