/* 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-family: var(--font-bold);
}


.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{
    order: 1;
    position: relative;
}
.serivces-part02 .part-title h2{
    font-size: 60px;
    position: absolute;
    top: -75px;
    height: 80px;
    width: 100%;
    color: #aaa;
}
.serivces-part02 .part-content02{
    width: 600px;
    margin: 0 auto;
    padding: 5rem 0;
    color: var(--color-darkblue);
}
.serivces-part02 .part-content02 ul{
    width: 550px;
    margin: 0 auto;
    transform: rotate(6deg);
    border: 1px solid #eee;
    padding: 6rem 5rem;
    border-radius: 8px;
    box-shadow: 1px 2px 10px #eee;
}
.serivces-part02 .part-content02 li{
    position: relative;
    padding-left: 100px;
    border-bottom: 1px solid var(--color-darkblue);
    font-size: 18px;
    line-height: 40px;
    font-family: var(--font-bold);
}
.serivces-part02 .part-content02 li:last-child{
    border-bottom: 0;
}
.serivces-part02 .part-content02 li::before{
    color: red;
    content: 'x';
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    display: inline-block;
    border-right: 1px solid var(--color-darkblue);
}

.serivces-part03 .part-content03{
    /*border: 1px solid  red;*/
    margin-top: 1rem;
    column-gap: 2rem;
    /*padding: 0 .8rem 1rem;*/
}


.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: 52vw;
}

.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{
    /*color: var(--color-darkblue);*/
    /*width: 63%;*/
    width: 680px;
    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: 1.1rem 0;
}

.serivces-part04 .part-content04 .service-project-sub{
    /*border: 1px solid  green;*/
    color: #fff;
    column-gap: 2rem;
}
.serivces-part04 .part-content04 .service-project-sub>div{
    padding: 25px 15px;
    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{
    margin-bottom: 1rem;
    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;
}

.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-family: var(--font-bold);
    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-family: var(--font-bold);
    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: 50%;
  transform: translateY(-50%);
  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-family: var(--font-bold);
    text-align: justify;
}
.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;
}

/*弹窗组*/
#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-family: var(--font-bold);
  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;
}
.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-who .content .right{
    padding: 5rem 0;
}
.about-us-who .content .right p{
    margin-bottom: 1rem;    
}
.about-us-logo{
    background-color: var(--color-darkblue);
    color: #fff;
}

.about-us-logo .container>div{
    width: 50%;
}

.about-us-logo .container .left>div{
    position: relative;
    max-width: 550px;
    width: 100%;
    height: 140px;
    justify-content: center;
    padding-left: 100px;
}
.about-us-logo .container .left>div .bg{
    position: absolute;
    height: 100px;
    width: 100px;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scale(.9);
    text-align: center;
}
.about-us-logo .container .left>div .bg img{
    height: 100%;
    width: auto;
    opacity: 0.5;
    display: inline-block;
}
.about-us-logo .container .right .logos{
    position: relative;
    width: 480px;
    height: 480px;
}
.about-us-logo .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;*/
}
.about-us-logo .container .right .logos img:first-child{opacity: 1;}
.about-us-logo .container .right .logos img:last-child{opacity: 0;}
.about-us-logo .container .right .logos.arrive img:first-child {opacity: 0;}
.about-us-logo .container .right .logos.arrive img:last-child {opacity: 1;}

.about-us-esg{
    background-color: #f9fafc;
}
.about-us-esg .container .left{
    width: 40%;
}
.about-us-esg .container .right{
    width: 60%;
    margin-left: 3rem;
}
.about-us-esg .esg-item{
    margin-bottom: 1rem;
    border-bottom-width: 3px;
    border-bottom-style:  solid;
}

.about-us-esg .esg-item:nth-child(1){
    /*border-bottom-color: #40bb85;*/
    border-bottom-color: transparent;
}
.about-us-esg .esg-item:nth-child(2){
    /*border-bottom-color: #01b2d1;*/
    border-bottom-color: transparent;
}
.about-us-esg .esg-item:nth-child(3){
    /*border-bottom-color: #f4ad55;*/
    border-bottom-color: transparent;
}
.about-us-esg .esg-item:nth-child(1) .title .bg{
    color: #40bb85;
}
.about-us-esg .esg-item:nth-child(2) .title .bg{
    color: #01b2d1;
}
.about-us-esg .esg-item:nth-child(3) .title .bg{
    color: #f4ad55;
}

.about-us-esg .esg-item .title{
    width: 100px;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
}
.about-us-esg .esg-item .title .bg{
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 180px;
    position: absolute;
    /* text-align: center; */
    font-size: 120px;
    font-family: var(--font-bold);
    color: #ccc;
    opacity: 0.2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: italic;
}
.about-us-esg .esg-item .intro{
    padding: 5px;
    margin-left: 10px;
}
.about-us-esg .esg-item .intro p{
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}
.about-us-esg .esg-item .intro p:before{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    content: '';
    background-color: var(--color-darkblue);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.about-us-awards{
    /*background-color: var(--color-darkblue);*/
}

.about-us-awards .awards-list {
    margin-bottom: 4rem;
}
.about-us-awards .awards-list:last-child {
    margin-bottom: 0;
}

.about-us-awards .awards-list .title{
    color: #ceb05c;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #ceb05c60;
}
.about-us-awards .awards-list .title h3{
    -webkit-background-clip: text !important;
    background: linear-gradient(145deg, rgba(255,255,255,.8) 0%, #ceb05c 30%);
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.about-us-awards .awards-list .list{
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 4rem;
    padding: 2rem;
}
.about-us-awards .awards-list .list li{
    width: calc((100% - 4rem)/5);
    flex-shrink: 0;
    position: relative;
    transform: scale(.9);
}
.about-us-awards .awards-list .list li:hover::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(110deg, transparent, transparent, rgba(255,255,255,.6), transparent, transparent) no-repeat 0 0;
    background-size: 20% 100%;
    background-position: 0% 0%;
    animation: shine 1.5s forwards;
}
@keyframes shine {
    0% {
        background-position: 0% 0%;
        opacity: 1;
    }
    100% {
        background-position: 100% 100%;
        opacity: 0;
    }
}
.about-us-team{
    background-color: #f9fafc;
    
}

/*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%);
}