/* 整站白色body底*/
.agent-pc body {
    background-color: #ffffff;
}


/* 整站样式-隐藏元素*/
.agent-pc .bodylist .module_container .container_header,/* 大标题去除*/
.agent-pc .container_target.wow,/* 当前位置去除*/
.agent-pc .container_category > a.active .move/*当前选项圆形按钮去除*/{
    display: none;
  }

 
/*默认导航栏颜色*/
#161616cc
.agent-pc body #header {
    background-color: rgba(0, 0, 0, 0);
}
 .agent-pc body #header.mini {
    /*background-color: rgba(22, 22, 22, 0.8);*/
    background-color: rgba(251, 251, 254, 0.8);
}
/*默认搜索的颜色*/
#search-nav .search_wrap .searchOnOff path {
    stroke: #666;
}

 /* 整站样式-标题栏样式*/

/* 整站通用样式-MIni标题投影描边*/
.agent-pc body #header.mini {
    border-bottom: 1px solid #99999924;
    box-shadow: 0 2px 5px rgba(57,47,63,.06)
}

/*悬停标题-字体颜色*/
.agent-pc #header .nav>li>a span::after {
    position: absolute;
    left: 0;
    width: 100%;
    color: #8e79ff;/*统一字体颜色，X*/
    content: attr(data-title);
    transform: translateY(100%)
}

/*悬停-字体动画*/
.agent-pc #header .nav>li:hover a span {
    transform: translateY(-100%)
}

/*标题动画*/
.agent-pc #header .nav>li>a span {
    position: relative;
    display: inline-block;
    transition: all ease-out .3s
}

/*全局调整-标题栏和下拉栏的距离+字体默认半透明颜色*/
.agent-pc #header #navWrapper .content .nav >.navitem >a {
    padding: 0 20px;
    margin: 0 0 26px 0;/*标题栏和下拉栏的距离*/
    opacity: 1;/*PC标题栏-没选中字体透明度*/
    overflow: hidden;
}

/*箭头和字距离+动画，margin-left*/
.agent-pc #header .nav>li>a>i {
 padding: 0 4px;
 transition: all .3s ease-out 0s;
}

/*悬停箭头动画*/
.agent-pc #header .nav>li:hover a i {
    display: inline-block;
    transition: all .3s ease-out 0s;
    transform: translateY(0%) rotate(-180deg);
}

/*右底色颜色*/
.agent-pc #header ul li.navitem:nth-last-child(4) a:not([target='_self']) {
   /* line-height: 2pc;*/
    background-color: #ff7777;
    color: #ffffff!important;
    border-radius: 8px;
}
.agent-pc #header ul li.navitem:nth-last-child(5) a {
    background-color: #8e79ff;
    color: #ffffff!important;
   /* line-height: 2pc;*/
    border-radius: 8px;
}
/*隐藏最后一个菜单*/
#mm-1 ul.mm-listview.mm-first.mm-last li:last-child,
#minNavScroll ul li.navitem:nth-last-child(3),
#header ul li.navitem:nth-last-child(3) {
    display: none;
}


/*PC端-标题栏高度调整*/
.agent-pc body #header.mini #navWrapper .content .nav > .navitem > a,
.agent-pc body #navWrapper .content .nav >.navitem >a,
.agent-pc body #headTop,
.agent-pc body #header,
.agent-pc body #header #search-nav {
    line-height: calc(32px - 2px);
    height: calc(32px - 2px);
}
.agent-pc body #header .wrapper {
    width: 96%;
}

/*右2鼠标颜色*/
.agent-pc #header ul li.navitem:last-child a span:after,
.agent-pc #header ul li.navitem:nth-last-child(4) a span:after,
.agent-pc #header ul li.navitem:nth-last-child(5) a span:after{
    color: #ffffff;
}
/*颜色块和右边搜索的距离*/
.agent-pc #header ul li.navitem:last-child,
.agent-pc #header ul li.navitem:nth-last-child(4){
    padding:0 16px 0 10px 
}
/*颜色块和左边字的距离*/
.agent-pc body #navWrapper .content .nav ,
.agent-pc #header ul li.navitem:nth-last-child(5) {
    padding: 0 0 0 16px;
}
/*全局调整-分类小字缩小*/
.agent-pc .container_category >a {
    font-size: 13px; 
}
/*标题栏正常状态到下拉到MINI时高度切换*/
.agent-pc body #header {
    padding: 30px 0;
}
.agent-pc body #header.mini {
    padding: 18px 0;
}
/*默认PC标题栏logo大小 */
.agent-pc body #headTop #logo img {
    height: 44px !important;
}
/* 下拉LOGO缩小  */
.agent-pc body .u-site-header.mini  #headTop #logo img {
    height: 38px !important;
}
/*默认PC标题栏搜索大小 */
.agent-pc body #search-nav .searchOnOff {
    width: 38px;
    height: 38px;
}
/* 下拉搜索框缩小  */
.agent-pc body .u-site-header.mini  #search-nav .searchOnOff {
    width: 34px;
    height: 34px;
}
/*搜索和左边文字的默认间距*/
.agent-pc body #navWrapper .content .nav {
    padding-right: 10px;
}
/*标题栏右对齐*/
.agent-pc body #navWrapper {
    width: auto;
}
/*过度动画*/
.agent-pc body #search-nav .searchOnOff,
.agent-pc body .u-site-header.mini  #search-nav .searchOnOff,
.agent-pc body #headTop #logo img,
.agent-pc body .u-site-header.mini  #headTop #logo img{    
transition: all .36s ease;
}
/*PC放大镜和圆圈样式调整*/
.agent-pc .cursor {
    border: 2px solid #ffff00;
    top: -45px;
    left: -45px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 14px;
}
 /* PC端-搜索位置修复  */
.agent-pc body #header #search-nav .searchBox {
    top: -40px;
    right: -2vw;
}
 /* PC端-搜索框距离  */
.agent-pc body .searchGroup .searchFormGroup {
    margin-top: 250px;
}
/* pc标题栏-MINI背景-修复模糊  */
.agent-pc .u-site-header.mini::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*pc端-下拉栏背景*/
.agent-pc body #navWrapper .content .nav >.navitem .subnav{
background-color: rgb(255 255 255 / 90%);
}
  /*PC端-下拉栏悬停字体颜色*/
.agent-pc body #navWrapper .content .nav >.navitem .subnav li a:hover {
    color: #8e79ff;
}
 /*PC端-下拉栏投影*/
.agent-pc body #navWrapper .content .nav >.navitem .subnav {
    box-shadow: 0 2px 6px 0px rgb(0 0 0 / 7%);
}
 /*PC端-下拉栏背景缩小*/
.agent-pc body #navWrapper .content .nav >.navitem:hover .subnav {
    width: 120px;
}
/* pc修复-下拉栏字体遮挡问题  */
.agent-pc body #navWrapper .content .nav >.navitem .subnav li a {
    width: 100%;
}
/*PC端-下拉栏和字体动画加快*/
.agent-pc body #navWrapper .content .nav >.navitem .subnav,
.agent-pc body #navWrapper .content .nav >.navitem .subnav li a { 
  transition: all 0.2s ease;
}
/*标题栏/下拉栏/MIni/模糊效果*/
@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) {
    .agent-pc body #header #search-nav .searchBox,  /* PC端-搜索黑底  */
.u-site-header.mini::before, /* pc标题栏-MINI背景-修复模糊  */
.agent-pc body #navWrapper .content .nav >.navitem .subnav/*pc端-下拉栏背景*/ {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }
}
/* 下拉栏当前页-字体颜色*/
.agent-pc a.active {
    color: #666;
}



/*手机端-标题栏*/
 /* 手机端搜索-下拉底框+覆盖下拉栏文字权重  */
.agent-mobile #bodymask {
background: rgba(0, 0, 0, 0.5);
    backdrop-filter: saturate(180%) blur(26px);
    z-index: 101;
}

 /* 手机端搜索-下拉左右距离  */
.agent-mobile #header .search-input-wrap.show {
    top: 26vh;
    left: 2%;
}
.agent-mobile .search-input-wrap {
    width: 96%;
    left: 2%;
}
 /* 手机端搜索文字和X距离  */
.agent-mobile .header-search-input {
    width: 88%;
    text-indent: 10px;
}

 /* 标题栏变黑色  */
.agent-mobile [data-list-id="708509"] .mm-hbtn,
.agent-mobile [data-list-id="708509"] .fa.fa-search {
    filter: brightness(0);    /*LOGO变黑色*/
    opacity: 0.7;/*增加透明度*/
}


/* 手机端菜单栏-下拉底框  */
.agent-mobile #menu{
    background-color: rgba(10, 10, 10, .66);
    backdrop-filter: blur(24px);
}

/* 手机端标题栏-Mini底框  
.agent-mobile #header.header_mini{
  background-color: rgba(10, 10, 10, .66);
   border-bottom: 1px solid rgb(100 100 100 / 6%);
  backdrop-filter:  blur(24px);
}*/

/* 手机端栏-条底框补漏  */
.agent-mobile .mm-menu.mm-hassearch .mm-fixeddivider, .agent-mobile  .mm-menu.mm-hassearch .mm-panel {
    top: 49px;
    padding-top: 10px;
}

/* 手机端栏-底框补漏  */
.agent-mobile .mm-search {
    height: 49px;
}
/* 手机端栏-切换动画  */
.agent-mobile .mm-panel.mm-subopened {
    transform: translate3d(-100%,0,0);
}

/* 手机端栏-下划线去除  */
.agent-mobile .mm-menu .mm-listview>li:after {
    border-color: rgba(0,0,0,.0);
}

/* 手机端栏-顶部文字高度  */
.agent-mobile .mm-menu>.mm-panel>.mm-listview.mm-first {
  margin-top: 0px;
  }
.agent-mobile  .subnav.mm-listview.mm-first.mm-last{
  margin-top: 50px;
  }

/* 手机端菜单栏-字体加粗大小  */
.agent-mobile .mm-listview {
    font-size: 18px;
   /*  line-height: 1.1428571429; */
    font-weight: 600;
 }   

 /* 手机端菜单栏-数字  */
em.mm-counter {
 font-size: 18px;
    right: 20%;
}


/* 标题栏-关于右三角距离hentio  */
.agent-mobile .mm-arrow:after, .mm-next:after {
    right: 14%;
}

.agent-mobile .mm-title{
    font-size: 18px;
  /*    line-height: 1.1428571429; */
    font-weight: 600;
}

/* 手机二层菜单栏-三角符左对齐文字  */
.agent-mobile .mm-prev:before {
top: 0px;
   left: 8px; 
}
.agent-mobile .mm-menu .mm-navbar .mm-btn:before {
    left: 15%
}

/* 手机菜单栏-二级标题文字样式  */
.agent-mobile .mm-menu .mm-navbar {
    background-color: rgb(100 100 100 / 10%);
    border-bottom: 1px solid rgb(20 20 20 / 30%);
    top: 0px;
    padding: 6px 0;
}

 /* 手机菜单栏，标题栏左距离  */     
.agent-mobile .mm-listview>li>a,.mm-listview>li>span {
    padding: 20px 0px 20px 14%;
}

/* 手机二级菜单栏文字，距离上移   */
.agent-mobile .subnav.mm-listview.mm-first.mm-last{
      margin-top: 40px;}   

/* 手机二级菜单栏文字，加大标题按下去时候却换面积  */
.agent-mobile .mm-navbar .mm-btn {
    width: 100%;
    height: 56px;
}

/*手机菜单栏,手机点击后的颜色*/
.agent-mobile .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {
    background: rgb(100 100 100 / 10%)
}

/* 手机菜单栏,长按颜色  */
.agent-mobile .mm-listview>li>a, .mm-listview>li>span {
    -webkit-tap-highlight-color: rgb(100 100 100 / 10%)
}

/* 手机标题栏 
.agent-mobile #header a.mm-hbtn {
    background: center center no-repeat transparent;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: unset;
    right: 0px;
}*/

/*X错位调整*/
.agent-mobile .lcitem {
    width: 24px;
}
/*=宽度*/
.agent-mobile .lcitem .rect {
    width: 20px;/*=宽度*/
    height: 2px;
    background-color: #fff;
}
/*X位置*/
.agent-mobile .lcbody {
    width: 18px;/*X位置*/
    height: 30px;/*X位置*/
    position: relative;
    transform: translateZ(0) rotate(0);
    transition: transform .4s cubic-bezier(.4,.01,.165,.99);
}

/*放大镜位置
.agent-mobile .searchBtn {
    position: absolute;
    top: 0;
    right: 50px;
    margin: 0 10px 0 10px;
    width: 30px;
}*/
/*=位置间距*/
.agent-mobile .rect.bottom{
    top: 12px;
}
.agent-mobile .rect.top {
    top: 16px;
}
/*LOGO位置间距
.agent-mobile .mm-hlogo {
    display: block;
    left: 10px;
}*/

/*LOGO位置大小和触摸面积*/
.agent-mobile #header .mm-hlogo {
    height: 38px;
     /*top: 10px;
   padding: 6px 0 18px 4px;
    width: 6%;*/
}



/* 手机端标题栏-默认状态 */
.agent-mobile [data-list-id="708509"] #header {
    background-color: hsl(229deg 8% 92% / 70%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

/* 手机端标题栏-Mini底框颜色+模糊 */
.agent-mobile [data-list-id="708509"] #header.header_mini {
    background-color: hsl(229deg 8% 92% / 70%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

/* 手机端标题栏-取消自动隐藏 */
.agent-mobile #header.hidden {
    transform: translateY(0%);
}

/* 放大镜高低 */
.agent-mobile .searchBtn .fa {
    vertical-align: 0px;
}













/*手机端-案例页*/
/*手机端-分类标题栏-当前页圆圈去除*/
.agent-mobile #_add_cat>li a.active {
    background-color: transparent;
    border-radius: unset;
    padding: unset;
    color: #8e79ff;
}
/*手机端-分类标题栏-字体颜色*/
.agent-mobile #_add_cat>li {
    color: #666;
}







/*手机端-内页样式*/
 /*UE编辑器+底部相关内容显示*/
.ue-builder-v4 + .content_editor {
    display: block !important;
    min-height: initial !important;
}
.ue-builder-v4 + .content_editor .content {
    min-height: initial !important;
}
#sitecontent .ue-builder-v4 + .npagePage.content_editor .tabBtn {
    display: block;
}
.relate-pages,
.recommend-area {
    display: block !important;
}

/*手机端-相关内容-白色样式*/
/*手机端标签-按压颜色动画hamoadhoverXA*/
.agent-mobile .relate-pages--inner .relate-page--prev:not(.empty):hover,
.agent-mobile .relate-pages--inner .relate-page--next:not(.empty):hover{
background-color: rgb(230 230 230);
}

/*手机端右下页-按压动画hamoadhoverXA*/
@keyframes hamoadhoverXA {
  0%, 100% {
    transform: translateX(0%);
    opacity: 1; 
}
  50% {
    transform: translateX(50%);
    opacity: 0; 
}
}

.agent-mobile .relate-page--next .relate-page--link:hover {
  animation: hamoadhoverXA 0.4s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

/*手机端右箭头-循环动画hamoadb*/
@keyframes hamoadb {
  0% { left: 0px; opacity: 0; } /* 在0%的时间点开始于0%的位置 */
  25% { left: 32px;opacity: 1; } /* 在25%的时间点移动到10%的位置 */
  75% { left: 32px; opacity: 1; } /* 在75%的时间点保持在10%的位置 */
  100% { left:140px; opacity: 0; } /* 在100%的时间点完成动画，移动到40%的位置 */
}

.ic.fa.fa-angle-right:hover {
  animation: hamoadbHover 1s infinite;
}

/*手机端左下页-按压动画hamoadhoverYA*/
@keyframes hamoadhoverYA {
  0%, 100% {
    transform: translateX(0%);
    opacity: 1; 
  }
  50% {
    transform: translateX(-50%);
    opacity: 0; 
  }
}
.relate-page--prev .relate-page--link:hover {
  animation: hamoadhoverYA 0.4s cubic-bezier(0.42, 0, 0.58, 1) forwards;
}
.agent-mobile .ic.fa.fa-angle-right {
  position: relative;
  animation: hamoadb 4s infinite; /* 设置动画的总持续时间为4秒 */
}


/*手机端左箭头-循环动画hamoadc*/
@keyframes hamoadc {
  0% { right:0px; opacity: 0; } /* 在0%的时间点开始于0px的位置 */
  20% { right:32px; opacity: 1; } /* 在25%的时间点移动到35px的位置 */
  80% { right:32px; opacity: 1; } /* 在75%的时间点保持在35px的位置 */
  100% { right: 140px; opacity: 0; } /* 在100%的时间点完成动画，移动到140px的位置 */
}

.agent-mobile .ic.fa.fa-angle-left {
  position: relative;
  animation: hamoadc 4s infinite;
}

.agent-mobile .ic.fa.fa-angle-left:hover {
  animation: hamoadcHover 1s infinite;
}

/*全局手机-案例页*/
/* 背景色 */
.agent-mobile body {
    background-color: #fff;
}

/* 上下页切换按钮 */
/* 整个底色 
.relate-pages--inner {
    background: #f2f2f2;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: flex-start;
    justify-content: space-evenly;
}*/

/* 作品下标题样式 */
.agent-mobile .recommend-item-header{
    padding: 0 20px 20px;
    width: calc(100% - 40px);
    display: block;
    text-align: center;
}

/* 标签卡-大标题样式 */
.agent-mobile .relate-page-title {
    color: #333;
    font-size: 15px;
    transition: all 0.3s ease-out 0s;
    /*font-family: "HELVETICANEUELTPRO-THEX", "Arial", "微软雅黑";*/
    line-height: 30px;
    font-weight: bold;
}


/* 箭头样式 */
.agent-mobile .ic.fa.fa-angle-left,.ic.fa.fa-angle-right::before {
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    color: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    color: #999;
}

/* 小标题样式 */
.agent-mobile .relate-page-subtitle {
    color: #999;
    line-height: 18px;
    width: 150px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 检查函数是否支持小标题内容裁剪 */
@supports (-webkit-line-clamp: 2) {
    .relate-page-subtitle {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
@supports not (-webkit-line-clamp: 2) {
    .relate-page-subtitle {
        white-space: nowrap;
    }
}


/* 手机端-左右间距 */
.agent-mobile .relate-pages a {
    width: 100%;
    padding: 26px 0px 20px;
    position: relative;
    transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}
/* 手机端-案例分类标签按压 */
.agent-mobile .recommend-tags a:hover {
    background-color: #8e79ff1a;
    color: #7d78fc;
    border: 1px solid #8478fc8f;
}

/* 上一页文字右对齐 */
.agent-mobile .relate-page--prev {
        background: #f2f2f2;
        width: 50%;
        display: flex;
        text-align: right;
}

/* 上一页文字动画 */
.agent-mobile .relate-page--prev a:hover .relate-page--next {
    transform: translateX(15%);
}

/* 统一动画时间 */
.agent-mobile .relate-page--prev  {
    transition: 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
}

.agent-mobile .relate-page--next {
        display: flex;
        text-align: left;
        background: #eee;
        width: 50%;
}

/* 确保父元素是 flex 布局 */
.agent-mobile .relate-page--link {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;

}

/* 使用 order 属性改变元素的排列顺序 */
.agent-mobile .relate-page-info {
  order: 2;  /* 数字越大，元素在布局中的位置越后 */
}

.agent-mobile .ic.fa.fa-angle-right {
  order: 1;  /* 数字越小，元素在布局中的位置越前 */
}


/* 修复箭头容器对齐问题 150px是对齐*/
.agent-mobile .ic.fa.fa-angle-left,.ic.fa.fa-angle-right{
    width: 150px;
    padding: 6px 0;
}

/* 手机端-相关内容*/
/* 手机端-案例子页底部-图片圆角投影*/
.agent-mobile .recommend-item-img {
    border-radius: 12px;
    transition: all .3s ease-out 0s;
    border: 2px solid #bbbbbb45;
    box-shadow: 0px 40px 40px -30px hsl(0deg 0% 0% / 14%), 0px 50px 50px -30px hsl(0deg 0% 0% / 6%);
    overflow: hidden;
    width: 90%;
    margin: auto;
}
/* 手机端-案例子页底部-图片和标题间距缩短 */
.agent-mobile .recommend-item-info{
    padding: 24px 0 0px;
}
/* 手机端案例页-相关内容个数调整  */
.agent-mobile .recommend-list-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0px 0px;
  /*   padding: 10px;取消边距*/
}

/* 相关内容-大标题样式  */
.agent-mobile .recommend-item-header .recommend-item-title {
    font-size: 14px;
    line-height: 20px;
}
/* 相关内容-小标题样式  */
.agent-mobile .recommend-item-header .recommend-item-subtitle {
    font-size: 10px;
}
.agent-mobile .recommend-item-header {
    text-align: justify;
}

/* 相关内容-标签样式 */
.agent-mobile .recommend-tags{
    padding: 2px;
    text-align: center;
    display: block;
    margin:10px 0 40px 0 ;
    width: auto;
}
/* 相关内容-字体样式 */
.agent-mobile .recommend-tags a {
    margin-right: 4px;
    display: inline-block;
    padding: 4px 12px;
    border: #ebebeb 1px solid;
    background-color: transparent;
    margin: 0.3rem .0.3rem;
    margin-right: 4px;
    border-radius: 6px;
}
/* 底部图片和标题间距缩短 */
.agent-mobile .recommend-area .recommend-item-info {
    position: relative;
    transform: translateY(-1em);
}

.agent-mobile .recommend-item-tags,/* 隐藏每个作品下的标签 */
.agent-mobile .recommend-item-btn/* 隐藏查看详情 */{
    display: none;}
    
/* 相关内容-相关内容标题样式 */
.agent-mobile .recommend-title {
    margin: 0px;
    text-align: center; /* 居中对齐 */
    color: gray; /* 字体颜色为灰色 */
    font-size: 14px; /* 字号为14px */
     font-weight: bold; /* 加粗显示 */
}
/* 相关内容-相关内容距离上面的高度 */
.agent-mobile .recommend-area {
    padding-top: 40px;
}
/* 相关内容-相关内容标题样式 -这里是旧款的
.agent-mobile .recommend-title {
     margin: 60px 0 0 20px;
     text-align: center; /* 居中对齐 
     color: gray; /* 字体颜色为灰色 
     font-size: 14px; /* 字号为14px 
}
*/




/* 手机端上下切换按钮铺满四周 */
.agent-mobile .relate-pages {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* 手机端标签字体颜色 */
.agent-mobile .recommend-tags a {
    color: #828282;
    font-size: 12px;
}

/* 手机端标签居中 
.agent-mobile .recommend-tags {
   /* display: flex; 
    justify-content: center; /* 水平居中 
    align-items: center; /* 垂直居中-需要调整测试 
    width: 100%; /* 设置宽度为100% 
}*/



















/* 案例页*/
/* 案例页-图片和标题栏上下距离 */
.agent-mobile .service .content_list li.wow {
    padding-top: 26px;/* 避免放大挡住边 */
}
.agent-mobile .agent-mobile .npagePage .mlist {
    margin-top: 0px;
}
/* 案例页-图片大小 */
.agent-mobile .npagePage .service .wrapper {
    width: 90%;
}
/*图片-悬浮放大*/
.agent-mobile .service.mlist:not(.imagelink) .content_list .item_img:hover {
    transform: scale(1.04);
}

/*图片内部-悬浮放大*/
.agent-mobile .mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img {
    transform: scale(1.04);
}

/*手机端-图片限制在容器内+缩小和居中*/
.agent-mobile .mlist:not(.imagelink) .content_list .item_block .item_box .item_img {
    overflow: hidden;
    width: 90%;
    margin: auto;
}

/*手机端-图片去掉圆角*/
.agent-mobile .service .content_list .item_block .item_img img {
    border-radius: 0px;
}
/*手机端-图片和标题 间距*/
.agent-mobile .service .item_info {
    padding: 0% 8% 2%;
}
.agent-mobile .npagePage:not(.post) .service .content_list .item_block .item_box .item_wrapper {
    padding: 14px 0 0px;
}


/* 分类栏居中和自适应 */
.agent-mobile #_add_cat {
    display: flex; /* 使用Flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 0 calc(6% + 2px);
    flex-direction: row;
    width: 90%;
    margin: auto;
    transform: translateX(-12px);
    background-color:#ffffff6e;
}

/* 分类栏居中平均排列 */
.agent-mobile #_add_cat li {
    border-left: 1px solid #bfbfbf; /* 设置左边框为1px宽，实线，黑色 */
    padding-left: 16px; /* 添加左边距，使得文字不会紧贴分割线 */
    margin-left: 8px; /* 添加左外边距，使得分割线不会紧贴前一个元素 */
    height: 10px; /* 设置元素的高度 */
    line-height: 10px; /* 设置行高与元素高度相同，使得内容垂直居中 */
    flex: 1; /* 元素自适应宽度 */
}

/* 分类栏隐藏第一个元素 */
.agent-mobile #_add_cat li:first-child {
    display: none;
}
/* 分类栏去除竖线 */
.agent-mobile #_add_cat li:nth-child(2) {
    border-left: none; /*  */
}

/* 分类栏高度和描边 */
.agent-mobile #header #_add_cat {
    padding-top: 0px;
    box-shadow: 0 1px 0 #e1e1e1c9, 0 -1px 0 #ffffffc9;
}











/* 作品案例卡-大标题样式 */
.agent-mobile .recommend-item-title {
    color: #333;
    font-size: 16px;
    transition: all 0.3s ease-out 0s;
    line-height: 28px;
}
/* 作品案例卡-小标题样式 */
.agent-mobile .recommend-item-subtitle{
    color: #999;
    font-size: 12px;
    margin-top: 2px;
    transition: all 0.3s ease-out 0s;
    line-height: 14px;
}














/*PC端-分类样式*/
/* 去除分类描边*/
.agent-pc .npagePage .ff_pageTarget .container_category {
  border: none;
}
/* 分类-悬浮到其他按钮状态下-当前分类-字体按钮颜色*/
.agent-pc .container_category:hover > a.active{
  color: #888;
}
/* 分类-当前页-字体颜色*/
.agent-pc .container_category >a.active {
  color: #929292;
  background-color: #92929208;
  border: 1px  solid  #b9b9b975;
}
/* 分类-当前页-按键字体颜色*/
.agent-pc .container_category > a.active:hover {
  color: #ffffff;
  background-color: #23c483;
  border: 1px  solid  #ffffff00;
}
/* 分类-当前页-按键字体颜色*/
.agent-pc .container_category > a:nth-last-child(1):hover,
.agent-pc .container_category > a:nth-last-child(1)::before {
    background-color: rgb(138 176 255);
}
.agent-pc .container_category > a:nth-last-child(1):hover {
    box-shadow: 0px 15px 20px rgb(138 176 255 / 40%);
}


.agent-pc .container_category > a:nth-last-child(4):hover,
.agent-pc .container_category > a:nth-last-child(4)::before {
    background-color: #8e79ff;
}
.agent-pc .container_category > a:nth-last-child(4):hover {
    box-shadow: 0px 15px 20px rgb(142 121 255 / 40%);
}

.agent-pc .container_category > a:nth-last-child(3):hover,
.agent-pc .container_category > a:nth-last-child(3)::before {
    background-color: #ff7777;
}
.agent-pc .container_category > a:nth-last-child(3):hover {
    box-shadow: 0px 15px 20px rgb(255 119 119 / 40%)
}

.agent-pc .container_category > a:nth-last-child(5):hover,
.agent-pc .container_category > a:nth-last-child(5)::before {
    background-color: rgb(131 134 224);
}
.agent-pc .container_category > a:nth-last-child(5):hover {
    box-shadow: 0px 15px 20px rgb(150 109 91 / 40%)
}

.agent-pc .container_category > a:nth-last-child(2):hover,
.agent-pc .container_category > a:nth-last-child(2)::before {
    background-color: rgb(255 155 107);
}
.agent-pc .container_category > a:nth-last-child(2):hover {
    box-shadow: 0px 15px 20px rgb(255 155 107 / 40%);
}


/* 分类-当前页-按键字体颜色*/



/* 分类-动画*/
.agent-pc .container_category > a:hover{
  background-color: #34cd8b;
  box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
  color: #fff;
}
/* 分类-水纹动画*/
.agent-pc .container_category > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #5eff7d;
  opacity: 0.5;
  transition: all 0.5s linear;
}
.agent-pc .container_category > a:hover::before {
  transform: translate(-50%, -50%) scale(20);
  opacity: 0;
}
/* 分类-间距和按钮大小*/
.agent-pc .container_category >a {
    padding: 8px 26px;
    margin: 0px 10px;/* right: -间距联动*/
}
/* 分类-标题距离高低*/
.agent-pc .nobanner .ff_sitecontent .ff_pageTarget.module .module_container {
    padding-top: 110px;
}
/*分类和图片距离*/
.agent-pc .ff_pageList .container_category +.container_content {
    padding-top: 60px;
}
/* 分类-分割线*/
.agent-pc .container_category a:after {
    position: absolute;
    margin-top: 7px;
    margin-left: 25px;
    width: 1px;
    height: 10px;
    background-color: #bababa63;
    content: '';
    top: 50%;
    right: -10px;/*分割线偏移和分类-间距联动*/
    margin: 0;
    margin-top: -5px;
}
.agent-pc .container_category a:last-of-type:after {
    display: none;
}
.agent-pc .container_category a {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    padding: 8px 25px;
    height: 1pc;
    color: #898989;
    line-height: 1pc;
    transition: all .3s ease-out 0s;
}


/*PC端-页码数字样式*/
/*页码-方框大小*/
.agent-pc #pages {
  top: -10px;
  padding: 0px 0 80px;
  height: 28px;
  text-align: center;
  position: relative;
}
/*页码-样式*/
.agent-pc #pages a,
.agent-pc .fa.fa-angle-left,
.agent-pc .fa.fa-angle-right{
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    float: none;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-out;
    padding-left: 0px;
}
/*页码-当前页*/
.agent-mobile #pages a.active, /*手机端  */
.agent-pc #pages .page-item.active {
    background-color: #a4a4a424;/* 当前页背景色 */
    color: #888; /* 当前页文字色 */
    border-radius: 5px;
}
/*页码-其他页*/
.agent-pc #pages .page-item, .prev.disable.hide,.fa.fa-angle-right, .fa.fa-angle-left{
    border-radius: 5px;
    border: none;/* 1px solid rgba(170, 170, 170, 0.2);描边去除*/
    background-color: transparent;/* 其他页背景色 */
    color: #999 /* 其他页字体色 */
}
/*页码-悬浮样式*/
.agent-mobile #pages a:hover,  /*手机端  */
/*.agent-pc .prev.disable.hide:hover,*/
.agent-pc .fa.fa-angle-right:hover,
.agent-pc .fa.fa-angle-left:hover, 
.agent-pc #pages .page-item.page-item:hover{
    background-color: hsl(150deg 60% 63% / 20%);  /* 紫色背景，30% 透明度 */
    color: hsl(138 35% 50% / 1); /* 白色文字 */
    border-radius: 5px;
    transform: translateY(-2px);
    transition: all .3s ease-out;
}
/*手机端-页码箭头大小*/
.agent-mobile #pages .fa.fa-angle-right,
.agent-mobile #pages .fa.fa-angle-left{
    font-size: 16px;
    top: 1px;
    position: relative;
     color: #999;
}
/*手机端-页码与底部距离*/
.agent-mobile #pages {
    padding: 20px 0 60px;
    height: 28px;
}






/*白色案例外页*/
/* 案例页面-通用样式 */
/* 首导航栏颜色 */
.agent-pc [data-list-id="708509"] #header.u-site-header{
    background-color: rgba(255, 255, 255, 0);
}
.agent-pc [data-list-id="708509"] #header.u-site-header.mini{
    background-color: rgba(251, 251, 254, 0.8);
}

/* 白色底 */
.agent-pc body[data-list-id="708509"] ,/* pc整个背景  */
.agent-pc [data-list-id="708509"] .npagePage .ff_pageTarget,
.agent-pc [data-list-id="708509"].bodylist .service.module  {
    background-color: #ffffff;
}
/*白色底部信息底栏*/
.agent-pc #footer {
    background-color: #f0f0f0;
   color: #bbb;
   padding: 10px 18px;
}

.agent-mobile #sitecontent #footer/*手机端*/{
    background-color:  #d7d7d729;
    padding: 6px 18px;
}
/* 图片下大标题-样式 */
.agent-mobile .service .content_list .item_block .title,
.agent-pc .service.mlist .content_list .item_info .title/*图片下大标题*/{  
    color: #555;
    font-size: 16px
}
/*图片下大标题-悬停颜色动画*/
.npagePage:not(.post) .service .content_list .item_block:hover .item_box .item_wrapper .item_info .title {
    color: #555;
    transform: translateY(0px);
}
/*图片下小标题-悬停颜色动画*/
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle {
    color: #999;
    transform: translateY(0px);
}
/*图片下简介-隐藏*/
.ff_indexPage .service .content_list .item_block .item_des, 
.npagePage:not(.post) .service .content_list .item_block .item_des {
    display: none;
}
/*显示作品副标题*/
.agent-pc .service.mlist:not(.imagelink) .content_list .item_block .item_box .item_wrapper .item_info .subtitle {
    display: block;
}
/*副标题样式*/
.agent-pc .mlist:not(.imagelink) .content_list .item_info .subtitle {
    color: #b0b0b0;
    font-size: 13px;
}
/*标题和图片距离*/
.ff_indexPage .service .content_list .item_block .item_box .item_wrapper, 
.npagePage:not(.post) .service .content_list .item_block .item_box .item_wrapper {
    text-align: center;
    padding: 18px 28px 30px;
}
/*全设备图片圆角投影*/
[data-list-id="708509"] .service.mlist:not(.imagelink) .content_list .item_img {
    border-radius: 16px;
    transition: all .3s ease-out 0s;
    border: 4px solid #bbbbbb45;
    box-shadow: 0px 40px 40px -30px hsl(0deg 0% 0% / 14%), 0px 50px 50px -30px hsl(0deg 0% 0% / 6%);
}

/*图片-悬浮放大
.service.mlist:not(.imagelink) .content_list .item_img:hover {
    transform: scale(1.04);
}*/
/*图片-取消悬浮原来放大动画*/
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img {
    transform: none;
}
/*图片放大动画*/
  .agent-pc body #sitecontent .content_list.clearfix .item_box{
transition: transform 0.36s ease;
}
  .agent-pc body #sitecontent .content_list.clearfix .item_box:hover .item_img {
    transform: scale(1.04);
    transition: transform 0.36s ease;
}
/*图片投影恢复*/
.mlist:not(.imagelink) .content_list .item_block .item_box .item_img {
    -webkit-mask-image: none;
}

/*图片大小*/
.agent-pc [data-list-id="708509"] .service.ff_noSlider .content_list .item_block .item_img {
    padding-top: 47%;
}

/*黄圆圈去除*/
.agent-pc .ff_indexPage .service.ff_noSlider .content_list .item_block > .details, 
.agent-pc .npagePage:not(.post).ff_pageList .service .content_list .item_block > .details {
    display: none;
}






/*电脑端内页-相关内容*/

/*相关内容-大标题颜色*/
.agent-pc .ff_sitecontent .ff_postPage .content .listWrap #listContent .content_list .item_info .title {
    color: #333;
}
/*相关内容-悬浮大标题颜色*/
.agent-pc .ff_sitecontent .ff_postPage .content .listWrap #listContent .content_list .item_info .title:hover {
    color: #333;
}
/*相关内容-小标题样式*/
.agent-pc .mlist:not(.imagelink) .content_list .item_info .subtitle {
    color: #999;
    font-size: 12px;
    line-height: 16px;
}






/* 案例内页-相关内容图片动画 */
.agent-pc .recommend-item.wow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
/* 电脑端案例内页-白色底 */
.agent-pc .gh0.longPage.bodylistpost.bodyservice.cn.nobanner.is-ready .module {
    background-color: #ffffff;
}

/*电脑图片圆角投影*/
.agent-pc #listContent .mlist:not(.imagelink) .content_list .item_block .item_box .item_img {
    border-radius: 16px;
    transition: all .3s ease-out 0s;
    border: 4px solid #bbbbbb45;
    box-shadow: 0px 40px 40px -30px hsl(0deg 0% 0% / 14%), 0px 50px 50px -30px hsl(0deg 0% 0% / 6%);
}
/*恢复投影显示*/
.agent-pc #listContent .mlist:not(.imagelink) .content_list .item_block .item_box .item_img {
    -webkit-mask-image: none;
}

/*限制最大宽度*/
#postWrapper .conTabBtn.tabBtn {
       max-width: 800px;
       margin: 0 auto 40px;
}
/*铺满整个画面*/
.agent-pc .bodylistpost #sitecontent .npagePage .module_container {
 max-width: 100%;
}
/*上一页底色*/
.agent-pc .service.mlistpost .tabBtn .post-prev{
    background: #f5f5f5;
}
/*下一页底色*/
.agent-pc .service.mlistpost .tabBtn .post-next{
    background:  #F0F0F0;
}
/*上下页底色铺满*/
.agent-pc .postContent {
    background: linear-gradient(to right, #f5f5f5 50%, #F0F0F0 50%);
}
/*悬浮上下页底色*/
.agent-pc .service.mlistpost .tabBtn .post-prev:not(.empty):hover,
.agent-pc .service.mlistpost .tabBtn .post-next:not(.empty):hover{
    background-color: #e3e3e300;
}
.agent-pc .service.mlistpost .tabBtn .post-prev .infor-wrap .title,/*上下页大标题颜色*/
.agent-pc .service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,/*悬浮上页大标题颜色*/
.agent-pc .service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title/*悬浮下页大标题颜色*/
{
color: #666;}

/*悬浮上下页小标题颜色*/
.agent-pc .service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,/*上页小标题颜色*/
.agent-pc .service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,/*下页小标题颜色*/
.agent-pc .service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle, /*悬浮下页小标题颜色*/
.agent-pc .service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle/*悬浮上页小标题颜色*/
{
color: #999;}

/*悬浮上下箭头颜色*/
.agent-pc .service.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.agent-pc .service.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after{
color: #666;}


/*标签居中*/
.agent-pc .listContent_post > .item_tags {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*标签样式*/
.agent-pc .item_tags >a:hover{
        background-color: #8e79ff1a;
    color: #7d78fc;
    border: 1px solid #8478fc8f    
}
/*底部图片间距*/
.agent-pc .bodylistpost .module_container .type04 .content_wrapper .item_block {
    width: calc(20% - 40px);
    margin: 20px;
}
/*字体中间隔开的距离间距*/
.service.mlistpost .tabBtn .post-next{
    padding: 0 85px 0 20px;
    }

.service.mlistpost .tabBtn .post-prev{
    padding: 0 20px 0 85px;
    }

/*字体悬浮移动距离*/
.agent-pc .post-prev:hover {
  transform: translateX(-12%);
}
.agent-pc .post-next:hover {
  transform: translateX(12%);
}
/*图片悬浮移动距离*/
.agent-pc .service.mlistpost .tabBtn .post-prev .img-wrap{
    right: 8%;
}
.agent-pc .service.mlistpost .tabBtn .post-next .img-wrap{
    left: 8%;
}

.agent-pc .mlistpost.service.module .listContent_post{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.agent-pc .bodylistpost .mlistpost.service.module .listContent_post h3 {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.agent-pc .mlistpost.service.module .listContent_post > .item_tags {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    margin: 10px 4px;
}

.agent-pc .bodylistpost .mlistpost.service.module .listContent_post h3::after {
    content: ":";
    margin-left: 5px;
}
/*相关内容的标签文字之间距离*/
.agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent{
    padding: 0 80px;
    width: auto;
    margin: 0 auto;
    max-width: 1800px;
}
    
.agent-pc .mlistpost.service.module .item_tags >a {
    margin: 2px 4px;
}

.agent-pc .mlistpost.service.module .item_tags {
    height: 38px;
}

.agent-pc body #navWrapper .content .nav >.navitem >a {
    color: unset;
}


.agent-pc .mlistpost.service.module .listContent_post h3 {
    padding: 0px;
}


.ff_postPage .service.mlistpost .listContent_post{
   border-top:none;
}


/*相关内容-取消图片内容右缩进*/
.service.mlistpost .listContent_post .content_wrapper {
    margin-right: 0px; 
}


/*相关内容-图片内容自适应*/
.service.mlistpost .listContent_post .content_wrapper .content_list.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 6px auto;/*图片和标签的高度距离*/
}

.service.mlistpost .listContent_post .content_wrapper .content_list.clearfix::after {
    content: "";
    flex: auto;
}
/*相关内容-默认*/
.service.mlistpost .listContent_post .content_wrapper .content_list.clearfix > div {
    flex: 0 1 calc(25% - 40px); 
    margin:1% 2%; 
}

/*相关内容-图片和文字的距离*/
.service .content_list .item_block .item_box .item_wrapper{   
    padding: 16px 24px 30px;
}

/*上一页右对齐*/
.service.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle{
    text-align: right;
}
/*下一页左左对齐*/
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle{
    text-align:  left;
}
/*上下页文字宽度*/
.agent-pc .service.mlistpost .tabBtn .post-next .infor-wrap,
.agent-pc .service.mlistpost .tabBtn .post-prev .infor-wrap{
        width:60%;
        
}
/*上下页图片圆角*/
.service.mlistpost .tabBtn .post-next .img-wrap img,
.service.mlistpost .tabBtn .post-prev .img-wrap img{
         border-radius: 4px;
}



@media (min-width: 2560px) {
  .service.mlistpost .listContent_post .content_wrapper .content_list.clearfix > div {
        flex:  0 1 calc(25% - 4%);
        margin:1% 2%; 
      
    }
}

@media (max-width: 2560px) and (min-width: 1152px) {
    .service.mlistpost .listContent_post .content_wrapper .content_list.clearfix > div /*图片排列个数*/{
        flex:  0 1 calc(33.33% - 6%);
        margin:1% 3%; 
}
    .agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent /*图片左右空白距离*/{
        padding: 0 3%;
}    
    .agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent /*图片标签宽度限制*/{
        width: 68%;
}
    .mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img /*悬浮图片放大*/{
        transform: scale(1.05);
}
    .agent-pc .post-prev:hover {/*上一页动画左移动*/
        transform: translateX(-8%);
}
    .agent-pc .post-next:hover {/*下一页动画右移动*/
        transform: translateX(8%);
}
}


@media (max-width: 1152px) and (min-width:800px) {
    .service.mlistpost .listContent_post .content_wrapper .content_list.clearfix > div /*图片排列个数*/{
        flex:  0 1  calc(50% - 8%);
        margin:1% 4%; 
}
    .agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent /*图片左右空白距离*/{
        padding: 0 3%;
}    
    #postWrapper .conTabBtn.tabBtn/*上下页宽度限制*/ {
        max-width: 84%;
}
    .agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent /*图片标签宽度限制*/{
        max-width: 84%;
}
    .mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img /*悬浮图片放大*/{
        transform: scale(1.05);
}
    .agent-pc .post-prev:hover {/*上一页动画左移动*/
        transform: translateX(-6%);
}
    .agent-pc .post-next:hover {/*下一页动画右移动*/
        transform: translateX(6%);
}
}



@media (max-width: 800px) {
    .service.mlistpost .listContent_post .content_wrapper .content_list.clearfix > div /*图片排列个数*/ {
        flex:  0 1  calc(50% - 6%);
        margin:1% 3%; 
}
    .agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent /*图片左右空白距离*/{
        padding: 0 3%;
}    
    #postWrapper .conTabBtn.tabBtn/*上下页宽度限制*/ {
        max-width: 90%;
}
    .agent-pc  body #sitecontent .npagePage.content_editor .mlistpost.service.module #listContent /*图片标签宽度限制*/{
        max-width: 90%;
}
    .mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img /*悬浮图片放大*/{
        transform: scale(1.04);
}
    .agent-pc .post-prev:hover {/*上一页动画左移动*/
        transform: translateX(-6%);
}
    .agent-pc .post-next:hover {/*下一页动画右移动*/
        transform: translateX(6%);
}
    .service.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,/*隐藏上下页图片*/
    .service.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap{
        opacity: 0;
}
    /*上下页文字宽度*/
.agent-pc .service.mlistpost .tabBtn .post-next .infor-wrap,
.agent-pc .service.mlistpost .tabBtn .post-prev .infor-wrap{
        width:90%;
}
    /*字体中间隔开的距离间距*/
.service.mlistpost .tabBtn .post-next{
    padding: 0 0px 0 10px;
    }
.service.mlistpost .tabBtn .post-prev{
    padding: 0 10px 0 0px;
    }

}





/*导航栏缩小收起样式*/
@media screen and (min-width: 0px) and (max-width: 800px) {
  body #header .wrapper > .content {
    min-width: 0;
  }
  #header #headTop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #header #navWrapper {
    display: none;
  }
  body #openBtn {
    display: block;
    float: right;
  }
  body #openBtn .lcbody {
    position: relative;
    width: 24px;
    height: 17px;
  }
  body #openBtn .lcitem {
    width: 100%;
    height: 1px;
    position: absolute;
    transition: 0.36s ease;
  }
  body #openBtn .lcitem.top {
    top: 0;
  }
  body #openBtn .lcitem.center {
    display: block;
    top: 8px;
  }
  body #openBtn .lcitem.bottom {
    bottom: 0;
  }
  body #openBtn .lcitem div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: auto;
    right: 0;
    background: #fff;
  }
  .openMenu #openBtn .lcitem.top {
    top: 9px;
    transform: rotate(45deg);
  }
  .openMenu #openBtn .lcitem.center {
    opacity: 0;
  }
  .openMenu #openBtn .lcitem.bottom {
    bottom: 7px;
    transform: rotate(-45deg);
  }
  .openMenu #navMini {
    right: 0;
  }
  #navMini {
    display: block;
    width: 35%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 10;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  #navMini .wrapper {
    background-color: #000;
    height: 100%;
    padding-top: 20vh;
  }
  #minHeadTop,
  #min-search-nav {
    display: none;
  }
  #minNavScroll .navitem {
    position: relative;
    padding: 0 60px;
  }
  #minNavScroll .navitem:hover .subnav {
    right: 100%;
  }
  #minNavScroll .navitem a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 52px;
  }
  #minNavScroll .navitem a.active {
    color: #fff;
  }
  #minNavScroll .navitem .subnav {
    width: 100px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #132b47;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    z-index: -99;
  }
  #minNavScroll .navitem .subnav::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    height: 200vh;
    background: #000;
    z-index: -1;
    left: 0;
  }
  #page_body_editor-wrapper
    .layout_group[data-limit_width="true"]
    > .layout_limit_wrapper {
    max-width: 700px;
  }
}



/*案例页-广告语海报高度*/
.agent-pc .bodylist #banner div {
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 60px;
}

/*案例页-标签和广告语距离*/
.agent-pc .ff_sitecontent .ff_pageTarget.module .module_container {
    padding-top: 60px;
}
/*案例页-广告语海报底部渐变*/
.agent-pc .bodylist #banner:after {
    background-image: linear-gradient(to top, #00000008, transparent);
}



/*适配*/
/*标题栏*/
@media screen and ( min-width:2561px){
  .agent-pc .bodyproject .mlist.project .content_list .item_block .item_tags >a, 
  .agent-pc .bodyindex .mlist.project .content_list .item_block .item_tags >a,
  .agent-pc body #header #navWrapper .content .nav >.navitem,
  .agent-pc body #header.mini #navWrapper .content .nav >.navitem,
  .agent-pc .bodyindex .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle, 
  .agent-pc .bodylist.bodyteam .mlist.team .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle{
      font-size: 18px;
  }
    /*标题栏正常状态到下拉到MINI时字体大小切换*/
  .agent-pc body #header.mini #navWrapper .content .nav >.navitem{
      font-size: 17px;
  }
  /*PC端-标题栏高度调整*/
  .agent-pc body #navWrapper .content .nav >.navitem >a,
  .agent-pc body #headTop,
  .agent-pc body #header,
  .agent-pc body #header #search-nav {
      line-height: calc(38px - 2px);
      height: calc(38px - 2px);
  }
  /*PC端-MINI标题栏高度调整切换*/
  .agent-pc body #header.mini #navWrapper .content .nav > .navitem > a {
      line-height: calc(36px - 2px);
      height: calc(36px - 2px);
  }
/*全局调整-字体距离*/
  .agent-pc #header #navWrapper .content .nav >.navitem >a {
    padding: 0 30px;
  }
/*全局调整-MIni字体距离切换*/
  .agent-pc #header.mini  #navWrapper .content .nav >.navitem >a {
    padding: 0 24px;
  }
/*标题栏正常状态到下拉到MINI时高度切换*/
  .agent-pc body #header {
    padding: 30px 0;
  }
  .agent-pc body #header.mini {
    padding: 24px 0 16px 0;
  }
    /* 图片下大标题-样式 */
.agent-pc .service.mlist .content_list .item_info .title/*图片下大标题*/{  
    color: #555;
    font-size: 18px;
    line-height:38px;
}
    /*相关内容-小标题样式*/
.agent-pc .mlist:not(.imagelink) .content_list .item_info .subtitle {
    font-size: 13px;
    line-height: 16px;
}
   /*案例页分类-小标题字体大小*/
    .agent-pc .container_category >a {
    font-size: 16px;
}
  }



 
 
 
 

 
 
 
 

@media (max-width: 750px){

#yVaaaowN .layout-col-inner-e7875,
#QntCUTuy .layout-col-inner-e7875 {
    gap: 20px!important;
    display: flex!important;
    flex-direction: row!important;
}
#uBfctCCO .layout-col-inner-e7875,
#GkbwmHQU .layout-col-inner-e7875
{
    gap: 10px!important;
    display: flex!important;
    flex-direction: row!important;
}
#vinciZRQ .page-layout-row-container-dc0ac .page-layout-row-feee0 .page-layout-row-inner-ab83f{
  display: flex;
  flex-direction: column;
}

#QntCUTuy {
  order: 20;
}

#yVaaaowN {
  order: 30;
}

#nYIvFHkr {
  order: 10;
}

}


/*画廊去除透明底色*/
.pswp__bg {
    background:  #000000e3!important;
    opacity: 1!important;
}
/*画廊模糊效果*/
.pswp {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}


.page-editor-d6a06 table td {
    padding: .6em
}
#NJVZjwFd {
    margin: -.6em
}


@media screen and (max-width: 768px) {
.agent-pc #RfZqdMOY {
    display: flex;
    --layout-col-padding:  20px 0 !important;
}
}



 /*亚马逊案例-自适应宽度*/ 
@media screen and (min-width: 768px) {
#ezcCjonu {
    --limit-content-width: 650px !important;
}
    
 /*亚马逊案例-自适应高度*/
.agent-pc #RfZqdMOY {
    display: flex;
    --layout-col-padding:  52px 0 !important;
}
}


 /*亚马逊案例-自适应宽度*/ 
@media screen and (min-width: 2560px) {
#ezcCjonu {
    --limit-content-width: 800px !important;
}
    
 /*亚马逊案例-自适应高度*/
.agent-pc #RfZqdMOY {
    display: flex;
    --layout-col-padding:  68px 0 !important;
}
}

/*亚马逊案例-主图始终横着排列*/
.layout-card-block-d692b .card-list-e19cd {
    display: flex;
    flex-wrap: wrap;
}

.layout-card-block-d692b .card-list-e19cd .card-item-ced72 {
    flex: 1 0 auto;
    max-width: 100%;
}

/*亚马逊案例-横着排列*/
#VAGysMlV .page-layout-row-inner-ab83f,/*开头标题*/
#NetayGni .page-layout-row-inner-ab83f/*六个按钮*/{
    display: flex;
}

/*亚马逊案例-幻灯片箭头修复遮挡内容*/
@media screen and (max-width: 864px) {
    .slider-btn--next-e01fe,
    .slider-btn--prev-dd900 {
        display: none;
    }
}


@media screen and (min-width: 864px) {
.slider-btn--prev-dd900 {
    position: absolute;
    left: -40px;
    transform: translate(-100%, -50%);
}

.slider-btn--next-e01fe {
    position: absolute;
    right: -40px;
    transform: translate(100%, -50%);
}
}



/*
.swiper-wrapper {
    display: flex;
    gap: 10px;
}
*/
/*亚马逊案例-幻灯片3个展示时的间距*/
#mpenLoVD .item-box-a4d29 {
    transform: scale(0.86);
}

#mpenLoVD {
    transform: scale(1.05);
}

/*上移三宫格幻灯片下面小点位置*/
#mpenLoVD .slider-pagination-a2a9a.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: translateY(-14px);
}



/* 亚马逊案例 -小屏-收栏-此像素以上标题大小 */
@media screen and  (min-width: 450px) and (max-width: 768px){
         .agent-pc {
#lnIqnwdG .layout-inner-wrapper-c1718, 
#kpcewAPq .layout-inner-wrapper-c1718{
    width: 200px!important;
}
             
 #OdXOjGTi .layout-inner-wrapper-c1718{
    width: 400px!important;
}          
}
}

/* 巨大屏-正栏-此像素以上 */
@media screen and (min-width: 2560px) {

/* 六个按钮图形的大小 */
#NetayGni .text-22-f5dd2 {
  font-size: 28px!important;
}

/* 六个按钮文字的大小 */
#NetayGni .text-14-c6e02 {
  font-size: 18px!important;
}
}

/* 中屏-亚马逊案例缩小-此像素以下 */
@media screen and (max-width: 1920px){
 .agent-pc {
 /* 上下页标签大标题 */
.service.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .title
{ font-size: 14px}
 /* 上下页标签小标题 */
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle
{ 
    line-height: 20px;
    font-size: 12px
}
 /* 案例图片大标题 */
.mlist:not(.imagelink) .content_list .item_info .title {
    font-size: 15px;
    line-height: 30px;
}
 /*上下页下移标题 */
.service.mlistpost .tabBtn .post-next .infor-wrap,
.service.mlistpost .tabBtn .post-prev .infor-wrap{
        transform: translateY(-40%);
}
}
}

/* 手机端标题栏-Mini底框  */
.agent-mobile #header.header_mini{
      background-color: rgb(21 22 26 / 80%);
   border-bottom: 1px solid rgb(100 100 100 / 6%);
  backdrop-filter:  blur(24px);
}



/* 
.agent-pc #longPage.gh0.longPage.bodyindex.cn.nobanner.is-ready #header .nav>li.navitem {
    color: #ffffff82;
}*/

.ff_indexPage .mcounter .content_list li p.number .unit {
    top: 5px;
    font-size: 18px;
}

/*.agent-pc [data-list-id="708499"] #header.u-site-header{
    background-color: rgba(255, 255, 255);
}*/
 
.agent-pc [data-list-id="708499"] #header.u-site-header.mini{
    background-color: rgba(251, 251, 254, 0.8);
}


/* 首页CSS样式 */
/* 计时器CSS样式 */
.agent-pc .ff_indexPage .mcounter .bgmask {
    background: rgb(255 255 255 / 32%);
}

.agent-pc .ff_indexPage .mcounter .container_content {
    height: 100%;
    color: #3c3c3c;
}

.agent-pc .ff_indexPage .mcounter .content_list li .title {
   /* font-weight: bold;*/
    font-size: 16px;
    color: #5a5a5a;
}

.agent-pc .ff_indexPage .mcounter .content_list li p.number .unit {
    top: 16px;
    font-size: 20px;
    font-weight: bold;
}

.agent-pc .ff_indexPage .mcounter .content_list li:not(:last-child):after {
    width: 1px;
    height: 80px;
    background-color: rgba(170, 170, 170, 0.2);
    top: 12px;
}


.ff_indexPage .mcounter .content_list {
  position: relative; /* 让子元素相对于父元素定位 */
}

.ff_indexPage .mcounter .content_list li .title {
  position: absolute; /* 绝对定位 */
  top: -28px; /* 调整标题向上的距离 */
     left: 50%; /* 将标题的左侧边缘移动到父元素的中心位置 */
  transform: translateX(-50%); /* 将标题自身的宽度的一半向左偏移，实现居中 */
}

.agent-pc .ff_indexPage .mcounter {
    height: 196PX;
}

.ff_indexPage .mcounter .container_content {
    left: 50%;
    transform: translateX(-50%);
    max-width: 1500px;
    width: 100%;
}


/* 巨大屏-正栏-此像素以上 */
@media screen and (min-width: 2560px) {

    .agent-pc .ff_indexPage .mcounter .content_list li p.number .counterDX {
    font-size: 60px;
    line-height: 54px;
}
}








/* 右下角悬浮信息标 */
.agent-pc #online_open, .agent-pc #shares a {
    border-color: rgb(152 158 185 / 30%);
    color: rgb(152 158 185 / 60%);
             -webkit-backdrop-filter: blur(2px);
      backdrop-filter: blur(2px);

}
.agent-pc #shares a:hover, .agent-pc #online_open:hover {
    border-color: rgb(152 158 185 / 30%);
    background-color: rgb(15 17 28 / 50%);

}

#shares a i.fa.fa-mobile {
    font-size: 26px;
    margin-top: 6px;
}

/* 右边下滑杠颜色 */
::-webkit-scrollbar-thumb:hover {
    background-color: #494e5c;
}


/* 仅在屏幕宽度在750-1000像素之间时显示底部水平滚动条 
@media (min-width: 750px) and (max-width: 1000px) {
    body {
        overflow-x: auto;
    }
}
*/
/*::-webkit-scrollbar {
    width: 10px;  宽度 
    height: 10px;  高度 
}*/


/*
.layout-group-c08f7 {
    flex-wrap: wrap;
}*/
/*
@media (min-width: 1000px) and (max-width: 1200px) {
:root {
    --limit-content-width: 1000px;
    --limit-content-lr-padding: 5%;
    }
        }

@media (min-width: 750px) and (max-width: 1000px) {
    :root {
    --limit-content-width: 850px;
    --limit-content-lr-padding: 6%;
    }
    #MDHVAxHt .page-layout-row-inner-ab83f {
    position: relative;
    display: flex;
    max-width: 100%;
    justify-items: stretch;
    flex-direction: column-reverse;
}
    #ypwQGuwr .layout-col-inner-e7875 {
    flex-direction: row!important;
        }
    #ypwQGuwr {
    display: flex;
    justify-content: flex-end;
    --layout-col-radius: 20px 20px 20px 20px!important;
    --layout-col-padding: 50px 10% 50px 10%!important;
}
    #VDjhEUUt .grid-layer--inner-ef909 {
        width: 100%!important;
        --md-grid-layer-gap: 0px 30px!important;
    }
    #FlQMwMZx .page-layout-row-inner-ab83f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
}*/
/*大屏幕
@media (min-width: 1200px) and (max-width: 3000px) {
    :root {
        --limit-content-width: 1200px;
        --limit-content-lr-padding: 6%;
    }
}*/

/*中屏幕
@media (min-width: 850px) and (max-width: 1200px) {
    :root {
        --limit-content-width: 100%;
        --limit-content-lr-padding: 6%;
    }
}*/

/*小屏幕
@media (min-width: 750px) and (max-width: 850px) {
    html:root {
        --limit-content-width: 850px!important;
        --limit-content-lr-padding: 6%!important;
    }
    #MDHVAxHt .page-layout-row-inner-ab83f {
    position: relative;
    display: flex;
    max-width: 100%;
    justify-items: stretch;
    flex-direction: column-reverse;
}
    #ypwQGuwr .layout-col-inner-e7875 {
    flex-direction: row!important;
        }
    #ypwQGuwr {
    display: flex;
    justify-content: flex-end;
    --layout-col-radius: 20px 20px 20px 20px!important;
    --layout-col-padding: 50px 10% 50px 10%!important;
}
    #VDjhEUUt .grid-layer--inner-ef909 {
        width: 100%!important;
        --md-grid-layer-gap: 0px 30px!important;
    }
    #FlQMwMZx .page-layout-row-inner-ab83f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
}*/

@media (min-width: 750px) and (max-width: 850px) {
/*下载页第二块ID#MDHVAxHt*/
/*下载页：文档表中表四宫格展示*/
.page-editor-d6a06 #MDHVAxHt .grid-item-af6e7 {
   /* padding: var(--md-grid-layer-item-padding, var(--grid-layer-item-padding, 0));*/
    grid-area: var(--md-grid-layer-item-area, initial) !important;
}
.page-editor-d6a06 #MDHVAxHt .grid-layer-cb854 .grid-layer--inner-ef909 {
    grid-template-columns: 1fr 1fr;
}
.page-editor-d6a06 #MDHVAxHt .grid-item-af6e7 {
    padding: 10px 0px;
}

/*下载页：左右边比例*/
.page-editor-d6a06 #MDHVAxHt .page-layout-row-inner-ab83f {
    grid-template-columns: 1fr 1fr;
}
/*下载页：隐藏英文字母*/
#MDHVAxHt .text-26-b83d3 {
    display: none;
}
/*下载页：联系方式的四周距离*/
html #ypwQGuwr {
    --layout-col-padding: 50px 0% 50px 17%;
}
}




/*字体大小和间距
.layout-text-block-b704c span[style*="--font-size"]{
    font-size: 1em !important;
    white-space: nowrap !important;
}

.layout-text-block-b704c span[style*="--font-size"] {
    font-size: max(var(--min-font-size),var(--font-size,14px)*var(--font-scale-default,1));
}
.text-22-f5dd2{   font-size: 20px !important;}
.grid-item--inner-ae340 {
 padding:0px 0px
}
调整750时候的顺序：
@media (max-width: 750px) {
html #MDHVAxHt .page-layout-col-dom-eaac1:nth-child(1) {
 grid-area:4 / 1 / 1 / 2;
}
html #MDHVAxHt .page-layout-col-dom-eaac1:nth-child(2) {
grid-area: 1 / 2 / 2 / 2;
}
html #MDHVAxHt .page-layout-col-dom-eaac1:nth-child(3) {
grid-area: 2 / 2 / 3 / 2;
}
html #MDHVAxHt .page-layout-col-dom-eaac1:nth-child(4) {
grid-area: 3 / 2 / 4 / 2;
}
}
*/


@media (min-width: 550px) and (max-width: 750px) {
/*下载页：文档切换一条排列*/
.page-editor-d6a06 .grid-layer-cb854 .grid-layer--inner-ef909 {
    display: flex;
}

/*下载页：文档全部边距*/
.page-editor-d6a06 .grid-item-af6e7 {
    min-width: 20%;
    padding: 10px 0 0 0;
}
    
/*下载页：文档首行边距*/
.page-editor-d6a06 .grid-item-af6e7:nth-child(1) {
    padding: 0px;
}
    
/*下载页：联系方式的四周距离*/
html #ypwQGuwr {
    --layout-col-padding: 50px 8% 50px 7%;
}
    
/*下载页：按钮字体大小*/    
.layout-text-block-b704c {
    font-size: calc(12px*var(--font-scale-default, 1))!important;
}
}