:root{
	--page-padding: 4.88281%;
	--page-max-width: 1670px;
    --btn-bg: #D2ECFD;
    --border-color: #D1D1D1;
    --default-text-color: #000;
    --secondary-text-color: #666;
    --third-text-color: #bababa;
    --default-white-on-black: #fff;
    --btn-bg-on-black: #242e48;
    --default-bg-gray: #F6F9FB;
    --swiper-pagination-bottom: -50px;
    --case-block-gap: 100px;
    --case-inner-gap: 50px;
    --grid-gap: 34px;
    --grid-gap-indent: -34px;
}

/* -------------------------通用样式------------------------- */
body,html{ padding: 0; margin: 0; font-size: 18px; color: var(--default-text-color); font-family: sans, PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;}
.skip-link.screen-reader-text{ display: none;}

a{ color: var(--default-text-color); text-decoration: none; position: relative;}
a span{ position: relative; z-index: 2;}

p,h1,h2,h3,h4{ margin: 0; padding: 0; font-weight: normal; font-size:100%;}

.pos-r { position: relative;}
.pos-ab { position: absolute;}

.txt-c {text-align: center}
.txt-r { text-align: right;}
.txt-l { text-align: left !important;}

.pointer{ cursor: pointer;}

.g-flex{display: flex;}
.m-flex{ display: block;}
.flex {display: flex;}
.flex-inline{ display: inline-flex;}
.flex-col{display:flex;flex-direction: column;}
.flex-reverse{ flex-direction: row-reverse;}
.all-c{align-items: center; justify-content: center;}
.all-t{align-items: flex-start;}
.all-s{ align-items: stretch;}
.all-e{align-items: flex-end;}
.all-cen{align-items: center;}
.all-jc{justify-content:flex-start;}
.all-je{justify-content:flex-end;}
.f-wrap{flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;}
.space-b{justify-content: space-between}
.flex-1{ flex: 1;}
.flex-13{ flex: 1.3;}
.flex-15{ flex: 1.5;}
.flex-2{ flex: 2;}
.flex-3{ flex: 3;}

.bg-gray{ background: var(--default-bg-gray);}

.img-auto img{ width: 100%;}
.avatar{ border-radius: 50%; overflow: hidden; font-size: 0;}
.avatar img{ width: 100%; height: 100%; display: block;}

.z-index-2{ z-index: 2;}
.z-index-10{ z-index: 10;}

.f0{ font-size: 0 !important;}

.w0{ width: 0 !important;}
.w150p{ width: 150px;}
.w-m80{ max-width: 80%; margin: 0 auto;}
.w-m90{ max-width: 90%; margin: 0 auto;}

.h-100{ height: 100%;}

.opt-60{ opacity: .6;}

.m-w50{ width: 100%;}

.pb30{ padding-bottom: 30px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.pr5{ padding-right: 5px;}
.pr10{ padding-right: 10px;}
.ml10{ margin-left: 10px;}

.m-show{ display: none;}

.overflow-hidden{ overflow: hidden;}

.swiper-pagination-bullet-active{ background: var(--default-text-color) !important;}

/* @media (min-width: 576px) {}
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { 
} */

/* -------------------------全局样式------------------------- */
/* 标题样式 */
.g-title{font-size: 40px;  font-weight: bold;}
.g-sub-title{font-size: 30px;  font-weight: bold;}
.g-third-title{font-size: 20px !important;  font-weight: bold;}
.g-footer-title{font-size: 26px;  font-weight: bold;}

.g-caption{ font-size: 14px; color: var(--secondary-text-color);}

.g-headline{ font-size: 30px; font-weight: 300;}
.g-headline-1{ font-size: 24px; font-weight: 300;}
.g-headline-2{ font-size: 26px; font-weight: 300;}
.g-headline-3{ font-size: 18px; font-weight: 300;}

.g-divider{display: inline-block; min-width: 1px;  max-width: 1px;  min-height: 1em;  margin: 0 12px;
 vertical-align: middle;  border-left: 1px solid var(--border-color);}

/* 容器样式 */
.g-container{ width: 100%; padding: 0 var(--page-padding); box-sizing: border-box;}
.g-content{ max-width: var(--page-max-width); margin: 0 auto; position: relative;}

.g-row{ margin-left: -24px; margin-right: -24px;}
.g-col-2{ padding-left: 24px; padding-right: 24px; width: 50%; box-sizing: border-box;}
.g-col-5{ padding-left: 24px; padding-right: 24px; width: 20%; box-sizing: border-box;}

.wp-site-blocks{ width: 100%; min-height: 100vh; overflow: hidden;}


/* 按钮样式 */
.g-btn{ font-size: 28px; padding: 2px 30px; position: relative; font-weight: 300;}
.g-btn::after{ content: ''; position: absolute; bottom: 7px; left: 0; right: 0; height: 12px; background: var(--btn-bg); transition: all 300ms;}
.g-btn:hover::after{ bottom: 0; height: 100%; background: var(--default-text-color);}
.g-btn:hover{ color: var(--default-white-on-black); }

/* 头部logo */
.g-header-wrap{ height: 76px; position: fixed; top: 0; left: 0; right: 0; z-index: 99; background-color: rgba(246,249,251,0.8); backdrop-filter: blur(12px); transition: all 200ms ease-out;}
.g-header-wrap.hidden-header{  top: -100px; }
.g-logo{ position: absolute; top: 28px; line-height: 1; left: var(--page-padding); z-index: 12;}
.g-logo a{ color: var(--default-text-color); line-height: 1; transition: all 700ms ease-out; position: relative;}

/* 头部导航 */
.g-nav{ position: absolute; top: 18px; right: var(--page-padding); z-index: 6;}
.g-nav .get-touch, .header-works-btn{text-transform:uppercase; line-height: 1;  padding: 0 6px; font-size: 15px; font-weight: bold; transition: color 900ms ease-out;}
.g-nav .get-touch::after,.header-works-btn::after{ content: ''; width: 0; height: 8px; background: var(--btn-bg); position: absolute; bottom: -3px; left: 0; transition: width 300ms;}
.g-nav .get-touch:hover::after,.header-works-btn:hover::after{ width: 100%;}

.g-nav .divider{ border-left: 1px solid var(--border-color); margin: 0 24px 0 18px; height: 15px; transition: all 900ms ease-out;}

body.overflow-hidden .g-nav .m-hide{ display: none;}

/* 头部导航汉堡菜单 */
.burger-wrap{ padding: 13px 12px; margin-right: -12px;}
.burger{position:relative;width:16px;height:14px; background:transparent;cursor:pointer;display:block}
.burger input{display:none}
.burger span{display:block;position:absolute;height:2px;width:100%;background: var(--default-text-color);opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}
.burger span:nth-of-type(1){top:0px;transform-origin:left center}
.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:center center}
.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}
.burger.on span:nth-of-type(1){transform:rotate(45deg);top:1px;left:3px}
.burger.on span:nth-of-type(2){width:0%;opacity:0}
.burger.on span:nth-of-type(3){transform:rotate(-45deg);top:12px;left:3px}

/* 主导航 */
.g-nav-bg{ position: fixed; z-index: 11; width: 32px; height: 32px;  top: -32px; right: -32px; background: var(--default-text-color); border-radius: 32px; transform: scale(1);overscroll-behavior: contain;}

/* 主导航显示 */
.wp-site-blocks.nav-on .g-logo{ position: fixed;}
.wp-site-blocks.nav-on .g-logo a,.wp-site-blocks.nav-on .g-nav .get-touch{ color: var(--default-white-on-black);}
/* .wp-site-blocks.nav-on{ position: fixed; width: 100%;} */

.wp-site-blocks.nav-on .g-nav .divider{ border-left: 1px solid var(--btn-bg-on-black); }
.wp-site-blocks.nav-on .g-nav .get-touch::after{ background: var(--btn-bg-on-black); position: absolute;}
.wp-site-blocks.nav-on .burger span{background: var(--default-white-on-black); }
.wp-site-blocks.nav-on .g-header-wrap{ background: transparent !important;}

/* 主导航内容 */
.g-nav-items{ position: fixed; top: 42%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.wp-site-blocks.nav-on .g-nav-items{ z-index: 12;}
.g-nav-items>p{ padding: 12px 0;}
.g-nav-items .g-title{ color: var(--default-white-on-black); padding: 0 10px; visibility: hidden; opacity: 0; left: -20px; font-size: 52px; letter-spacing: -1px;}
.g-nav-items .g-title::after{ content: ''; width: 0; height: 10px; background: var(--btn-bg-on-black); position: absolute; bottom: 12px; left: 0; transition: width 300ms;}
.g-nav-items .g-title:hover::after{ width: 100%;}

/* 主导航底部社交链接 */
.g-nav-social{ position: fixed; bottom: 42px; left: -10px; right: 0; font-size: 14px; z-index: 12; color: rgba(255,255,255,0.5); visibility: hidden; opacity: 0;}
.g-nav-social .icon{ color: var(--default-white-on-black); font-size: 22px; padding:0 16px 20px; transition: all 300ms;}
.g-nav-social .icon:hover{ color: var(--btn-bg); transform: scale(1.4); }
.g-nav-social p{ padding-right: 10px;}

/* 底部引流样式 */
.footer-get-touch{ background: var(--default-bg-gray); }
.footer-get-touch >.g-content:first-child{ height: 666px; }

.case-get-touch >.g-content:first-child{ height: calc(100vh - 134px); }
.case-get-touch >.g-content:last-child{ padding-bottom: 52px; }

.footer-get-touch .case-info:hover{ background: #E1E9F5; }

.footer-get-touch .case-info .icon-right, .footer-get-touch .case-info .icon-home{width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; font-size: 22px; background: var(--default-bg-gray); display: block; }

.footer-get-touch .g-headline{ padding-bottom: 30px; font-size: 36px;}
.footer-get-touch .g-headline-3{ padding: 60px 30px 10px;}

.footer-get-touch .case-info:hover .icon-right,
.footer-get-touch .case-info:hover .icon-home{background: #fff; color: #000;}


/* 底部样式 */
.g-footer{ padding: 60px 0 40px;}
.g-footer h2{ padding-bottom: 50px;}
.g-footer-service a{ padding-bottom: 28px; display: block; text-decoration: underline; padding-left: 70px;}
.g-footer-copyright .icon{ margin-right: 28px; font-size: 18px; line-height: 1; transition: all 200ms;}
.g-footer-copyright .icon:hover{transform: scale(1.4);}
.g-footer-copyright{  font-size: 15px; border-top: 1px solid #ebebeb; padding-top: 20px;}

.g-back-top{width: 36px; height: 36px; background: var(--default-white-on-black); box-shadow: 0 2px 6px rgba(0,0,0,0.15); border-radius: 50%; font-size: 22px; position: fixed; right: var(--page-padding); bottom: 34px; z-index: 10; cursor: pointer; opacity: 0;}
.g-back-top:hover{ background: var(--default-text-color); color: var(--default-white-on-black);}


/* 图片加载 */
.loading-spinner{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(255,255,255,0.85); padding-top: 160px;}
.loading-log{ margin: 0 auto;}
.loading-spinner .bg{ width: 108px; height: 108px; position: absolute; top: 160px; left: 50%;  margin-left: -54px; animation: spin 1s infinite linear;}


.image-container{ 
    position: relative;
    width: 100%;
    height: 0;
    background-color: rgba(0,0,0,0.06); /* 占位背景色 */
    overflow: hidden;
  }
 .image-container  .lozad {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 或 contain */
    opacity: 0;
    transition: opacity 0.3s ease;
}
.image-container .lozad.lazyloaded {
    opacity: 1;
}

/* 比例类 */
.ratio-1-1  { padding-top: 100%; }     /* 正方形 */
.ratio-4-3  { padding-top: 75%; }      /* 4:3 */
.ratio-16-9 { padding-top: 56.25%; }   /* 16:9 */
.ratio-3-2  { padding-top: 66.66%; }   /* 3:2 */

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* -------------------------首页样式------------------------- */
.home-top,.work-top{ background: var(--default-bg-gray);}
.home-top .g-row{ height: 590px;}
.home-num{ font-size: 66px; font-family: 'Din-light'; font-weight: 200;}
.home-num-info{ font-size: 16px; color: var(--secondary-text-color); padding-left: 10px;}
.home-top .g-col-2 .g-flex{ padding: 0 30px;}
.num-sup{margin:0 0 0 -14px; position: relative; top: -6px; font-size: 46px;}

.home-nav{ padding: 68px 0;}
.home-nav a{ padding: 0 36px; color: var(--secondary-text-color);}
.home-nav .on{ font-weight: bold; color: var(--default-text-color);}
.home-nav a:hover{ color: var(--default-text-color);}

/* 瀑布流 */
#water-grid .item{ padding: 0 0 15px; }
#water-grid .item h3{ padding: 10px 0 15px; font-size: 20px;}
#water-grid .item .g-caption span{  margin-right: 15px; padding-right: 15px; position: relative;}
#water-grid .item .g-caption span:not( :last-child)::after{ content: ''; width: 1px; height: 80%; background: var(--border-color); position: absolute; right: 0; top: 10%;}
#water-grid .item .g-caption span a{ color: var(--third-text-color); }
#water-grid .item .g-caption span a:hover{ color: var(--default-text-color);}

#water-grid .item p.img-auto{ overflow: hidden;}
#water-grid .item p.img-auto img{transition: all 300ms; max-width: 512px;}
#water-grid .item:hover p.img-auto img{ transform: scale(1.04);}

.home .more-work{ padding: 74px 0 112px;}

.home-customer{ background: var(--default-bg-gray); padding-top: 112px; padding-bottom: 112px;}

.home-cs{ padding: 50px 0;}
.home-cs .g-col-5{ margin-top: 56px;}
.home-testimonials{ background: var(--default-white-on-black); margin-top: 80px; padding:85px 50px 56px;}

.testimonials-swiper{ max-width: 1050px; margin: 0 auto; overflow: hidden; position: relative;}
.testimonial-item{ background: url('/wp-content/themes/pixpure/assets/images/cs/quote.png') no-repeat; background-size: 65px auto; padding: 30px 20px 0;}
.testimonial-item .g-headline-1{ height: 140px;}
.item-info{ padding: 46px 0 34px;}
.item-info .avatar{ width: 60px; height: 60px; margin-right: 16px;}
.testimonial-item .cs-logo{ padding-top: 34px; border-top: 1px solid #ebebeb;}

.ts-control{ position: absolute; bottom: 120px; right: 60px; z-index: 2;}
.ts-control .icon{ font-size: 26px; margin-left: 30px;}
.ts-control .icon.swiper-button-disabled{ opacity: 0.4;}

.filter-wrap{ display: none;}

/* -------------------------服务页面样式------------------------- */
.services-top{ padding-top: 152px; padding-bottom: 74px; background: var(--default-bg-gray);}
.services-top-info{ max-width: 920px; padding-bottom: 120px;}
.services-nav{ margin-right: -68px;}
.services-nav a{ width: calc(33.3333% - 68px); margin-right: 68px; border-top: 1px solid var(--border-color); padding: 16px 0; margin-bottom: 35px;}
.services-nav a>span{ font-weight: 300; width: 20px; color: var(--secondary-text-color);}
.services-nav a .flex-1{ padding: 0 34px 0 28px;}
.services-nav a:hover{ border-color: #000;}

.services-item-wrap{ padding-bottom: 168px;}
.services-item-wrap .swiper-pagination{ bottom: 8px !important;}
.services-item{ padding-top: 168px;}
.services-item-title{ width: calc(33.3333% - 68px); margin-right: 68px; padding-left: 60px;}
.services-item-title ul{ margin: 0; padding: 20px 0 0 0;}
.services-item-title li{ margin: 0; padding: 0 0 10px 16px; box-sizing: border-box; list-style: none; position: relative;}
.services-item-title li::before{content: '-'; position: absolute; left: 0; top: 0;}
.services-item-title-content a.g-caption{ padding: 37px 0 54px; display: inline-block; color: var(--third-text-color); text-decoration: underline;}
.services-item-title-content a.g-caption:hover{ color: var(--default-text-color);}

.services-swiper{ padding-bottom: 50px;width: 100%; overflow: hidden;}

.services-swiper-item a{ display: block;}
.item-hover-info{ background: rgba(14,35,56,.8); color: var(--default-white-on-black); width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0 32px 32px 32px; box-sizing: border-box; display: none;}

.services-swiper-item p.g-caption{ padding-top: 6px; color: rgba(255,255,255,0.5);}
.services-swiper-item p.g-caption span{ margin-right: 20px; display: inline-block; text-decoration: underline;}
.services-swiper-item a:hover .item-hover-info{ display: inline-flex;}

/* -------------------------作品页面样式------------------------- */

    .work-top .g-content>div:first-child{ height: 368px; padding-top: 76px;}
    .work-top .g-content>div:first-child .g-title{ padding-bottom: 20px;}
    .work-top .work-nav{ font-size: 16px; color: #666;}
    .work-top .work-nav span{ width: 128px; position: relative; margin-right: 30px;}
    .work-top .work-nav span::after{content: ''; width: 1px; height: 18px; background: var(--border-color); position: absolute; right: 0; top: 4px;}
    .work-top .work-nav a{ color: #666; padding-right: 40px;  padding-bottom: 20px;}
    .work-top .work-nav a.on{ font-weight: bold; color: #000;}
    .work-top .work-nav a:hover{ color: #000;}

    .filter-btn sup{font-size: 12px; position: relative; left: 2px;}

    .all-works-btn{ position: absolute; height: 40px; line-height: 40px; width: 138px; text-align: center; bottom: -16px; left: 50%; margin-left: -69px; z-index: 2; background: #fff; border-radius: 20px; font-size: 17px; box-shadow: 0 4px 14px rgba(0,0,0,0.1);}
    .all-works-btn.on{ background: #000; color: #fff;}
    .all-works-btn:hover{ background: #26375D; color: #fff;}

/* -------------------------案例页面样式------------------------- */

/* 案例页面通用 */
.case-top{ height: 780px; padding-bottom: 132px; box-sizing: border-box;}
.case-header .burger-wrap{ border-radius: 100%; background: #fff; position: fixed; top: 18px; right: 3%; margin: 0; z-index: 99; transition: all 300ms;}
.case-header .g-logo{ left: 3%;}
.case-header .burger-wrap.burger-wrap-hidden{ top: -100px;}

.g-logo-case{ position: fixed;}

.case-info{ height: 82px; background: #fff; padding: 0 34px; font-size: 16px; box-sizing: border-box;}
.case-industry{ margin-left: 160px;}

.case-row-wrap{ padding-left: var(--grid-gap); padding-right: var(--grid-gap);}
.case-row{ margin-left: var(--grid-gap-indent); margin-right: var(--grid-gap-indent);}
.case-row .case-col-3-3{ box-sizing: border-box; margin: 0 var(--grid-gap);}
.case-row .case-col-3-1{ width: calc(33.3333% - var(--grid-gap)); box-sizing: border-box; margin: 0 var(--grid-gap);}
.case-row .case-col-3-2{ width: 66.6666% ; box-sizing: border-box; margin: 0 var(--grid-gap);}
.case-row .case-col-2-1{ width: calc(50% - var(--grid-gap)); box-sizing: border-box; margin: 0 var(--grid-gap);}

.case-p-in-gap{ padding-top: var(--case-inner-gap) !important; padding-bottom: var(--case-inner-gap) !important;}
.case-pb-in-gap{ padding-bottom: var(--case-inner-gap) !important;}
.case-p-block-gap{ padding-top: var(--case-block-gap) !important; padding-bottom: var(--case-block-gap) !important;}
.case-pb-block-gap{ padding-bottom: var(--case-block-gap);}

.case-m-in-gap{ margin-top: var(--case-inner-gap); margin-bottom: var(--case-inner-gap);}
.case-mt-in-gap{  margin-top: var(--case-inner-gap);}
.case-mb-in-gap{  margin-bottom: var(--case-inner-gap);}
.case-m-block-gap{ margin-top: var(--case-block-gap); margin-bottom: var(--case-block-gap);}
.case-mb-block-gap{ margin-bottom: var(--case-block-gap);}

.case-shadow{box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.10);}

.case-slide-wrap{ margin: 0 auto;}

.footer-industry span:last-child{ display: none;}
/* .case-main-slide{ max-width: 1240px;  overflow: hidden; margin: 0 auto;} */


.case-nav{ background-color: rgba(255,255,255,0.8); backdrop-filter: blur(12px); position: sticky; top: 0; left: 0; right: 0;}
.case-nav a{ color: var(--secondary-text-color); padding: 0 40px;}
.case-nav a:hover{ color: var(--default-text-color);}
.case-nav a.on{ color: var(--default-text-color); font-weight: bold;}

.case-sub-title{ margin-top: 10px; max-width: 380px; color: var(--secondary-text-color);}
.case-result{ max-width: 880px; margin: 0 auto;}

.case-inner-box{ padding: var(--case-inner-gap) 78px;}

.bg-gray .image-container{ background: rgba(0,0,0,0.03);}



/* 黑色皮肤案例样式 */
.case-dark{ background: #1B1E1E;}
.case-dark .g-divider{ border-color: #484849 !important;}
.case-dark .g-caption{ color: rgba(255,255,255,0.6);}
.case-dark a{ color: rgba(255,255,255,0.9);}
.case-dark{ color: rgba(255,255,255,0.9);}
.case-dark .case-sub-title{ color: var(--default-white-on-black) !important; opacity: .6;}

.case-dark .swiper-pagination-bullet{ background: #fff !important;}

.case-dark .g-nav-items a{ color: #fff !important;}

.case-dark .g-btn::after{ background: var(--btn-bg-on-black);}

.case-dark .case-nav a{ color: rgba(255,255,255,0.5);}
.case-dark .case-nav a:hover{ color: #fff;}

.case-dark  .case-info{ background: #1F2535;}
.case-dark  .case-info .icon{ background: #000;}
.case-dark .footer-get-touch{ background: #000 !important;}
.case-dark .footer-get-touch .case-info:hover{ background: #121622;}

.case-dark  .image-container{ background: #000;}
.case-dark  .case-bg-black .image-container{ background: #1F2535;}
.case-dark .case-ovital-bg-gray .image-container{ background: rgba(0,0,0,0.2);}

/* case1-kloud */
.case-kloud-top{ background: url('/wp-content/themes/pixpure/assets/images/case-kloud/bg-top1.jpg') no-repeat center #E8E9FF;  background-size: cover}
.case-header.case-kloud-header .burger-wrap{ background: #544AAB;}
.case-header.case-kloud-header .burger span, .case-kloud-top .g-content{ background: #fff; }

.case-kloud-top >.flex{ height: 100%;}

.svg-bg{ width: 100%; position: absolute; top: 40%; left: 0; transform: translateY(-50%) scaleY(0.56);}

.case-kloud-solution{ background: #3D358B; color: var(--default-white-on-black);}
.case-kloud-solution .g-caption{ color: var(--default-white-on-black);}
.case-kloud-solution .box{ background: #544AAB; padding-left: var(--case-inner-gap);  padding-right: var(--case-inner-gap);}
.case-kloud-show .box{ background:#E1E9F5;}
.case-kloud-show .box img{ max-height: 750px;}

.case-kloud-solution .image-container{ background: #3D358B;}


/* case2-ovital */
.case-ovital{ background: #1B1E1E; color: var(--default-white-on-black);}
.case-ovital .case-top{background: url('/wp-content/themes/pixpure/assets/images/case-ovital/bg-top.jpg') no-repeat center #000;  background-size: cover}

.case-ovital .burger-wrap{ background: #5E8DD4 !important;}
.case-ovital .burger span{ background: #fff;}

.case-ovital .case-nav a{ opacity: .6;}
.case-ovital .case-nav a:hover{ opacity: 1;}
.case-ovital .case-nav a.on{ color: #5E8DD4 !important; opacity: 1;}
.case-ovital-bg-gray{ background: #1F2535 !important;}

.case-ovital .swiper-pagination-bullet-active{ background: #5E8DD4 !important;}

.case-ovital .case-slide-wrap{  max-width: 100%;  }

.case-bg-black{ background: #000;}
.case-ovital .box-gray{ background: #1F2535;}

/* case3-projectone */
.case-p1 .swiper-pagination-bullet{ background: #fff !important;}
.case-p1-header .burger-wrap, .case-p1 .swiper-pagination-bullet-active{ background: #3C7AE9 !important;}
.case-p1-header .burger span{ background: #fff;}

.case-p1-top{background: url('/wp-content/themes/pixpure/assets/images/case-p1/bg-top.jpg') no-repeat center #C9B491;  background-size: cover;}
.case-p1-top .case-info, .case-p1-top .case-info a, .case-p1-top .g-content, .case-p1-bg{ background: #242A33; color: rgba(255,255,255,0.9);}
.case-p1-top .g-divider{ border-color: #979797 !important;}
.case-p1-top .g-caption{ color: rgba(255,255,255,0.6);}

.case-p1-bg .case-nav a{ opacity: .5; color: #fff;}
.case-p1-bg .case-nav a:hover{ opacity: 1;}
.case-p1-bg .case-nav a.on{ color: #3C7AE9 !important; opacity: 1;}
.case-p1-bg .case-sub-title{ color: rgba(255,255,255,0.6);}

.case-p1-bg .image-container{ background: rgba(0, 0, 0, 0.2);}

/* case4-motor  */
.case-motor-header .burger-wrap{ background: #F84949 !important;}
.case-motor-header .burger span{ background: #fff;}

.case-motor-top{background: url('/wp-content/themes/pixpure/assets/images/case-motor/bg-top.jpg') no-repeat center #000;  background-size: cover;}
.case-motor-top .case-info{ background: #252525;}

.case-motor-slide .swiper-pagination-bullet-active{ background: #F84949 !important;}

.case-nav.case-motor-nav a{ opacity: .5; color: #fff;}
.case-nav.case-motor-nav a:hover{ opacity: 1;}
.case-nav.case-motor-nav a.on{ color: #F84949 !important; opacity: 1;}

.case-motor-bg{ background: #343434; color: rgba(255,255,255,0.9);}

.case-dark .case-bg-black .case-motor-slide  .image-container,
.case-dark .case-bg-black .case-motor-black .image-container{ background: #343434;}
.case-dark .case-bg-black .case-motor-bg .image-container{ background: #000;}


/* case5-kloud */
.case-kloud1-header .icon-logo{ color: #fff;}
.case-kloud1-header .burger-wrap{ background: #01b972 !important;}
.case-kloud1-header .burger span{ background: #fff;}

.case-kloud1-bg .swiper-pagination-bullet{ background: #fff !important;}
.case-kloud1-bg .swiper-pagination-bullet-active{ background: #01b972 !important;}

.case-kloud1-top{background: url('/wp-content/themes/pixpure/assets/images/case-kloud1/bg-top.jpg') no-repeat center #564CAD;  background-size: cover;}
.case-kloud1-top>.h-100{ background: url('/wp-content/themes/pixpure/assets/images/case-kloud1/logo.png') no-repeat 5% center; background-size: 246px auto; max-width: var(--page-max-width); margin: 0 auto;}

.case-kloud1-bg,.case-kloud1-top .case-info{ background: #26375D; color: #fff;}
.case-kloud1-bg .case-nav a{ opacity: .5; color: #fff;}
.case-kloud1-bg .case-nav a:hover{ opacity: 1;}
.case-kloud1-bg .case-nav a.on{ color: #01EF93 !important; opacity: 1;}
.case-kloud1-bg .case-sub-title{ color: rgba(255,255,255,0.6);}

.case-kloud1-bg .image-container{ background: rgba(0, 0, 0, 0.14);}

/* case6-conference */
.case-conference-header .burger-wrap{ background: #D34A13 !important;}
.case-conference-header .burger span{ background: #fff;}

.case-conference-top{background: radial-gradient(24.71% 51.09% at 50% 47.63%, #EAF4FF 0%, #D1DEEB 98.99%);}
.case-conference-nav a.on{ color: #D34A13;}
.case-conference-bg{ background: #3066A6; color: #fff;}
.case-conference-bg .g-caption{ color: #fff;}

.case-conference-bg .image-container{ background: rgba(0,0,0,0.1);}

/* case7-uptime */
.case-uptime-header .burger-wrap{ background: #E4550F !important;}
.case-uptime-header .burger span{ background: #fff;}

.case-uptime-top{background: url('/wp-content/themes/pixpure/assets/images/case-uptime/bg-top.jpg') no-repeat center #7b8d71;  background-size: cover;}

.case-uptime-nav a.on{ color: #8CA726;}
.case-uptime-bg{ background: #8CA726; color: #fff;}
.case-uptime-bg .g-caption{ color: #fff;}

.uptime-product{ position: absolute; bottom: -70px; left: -116px; z-index: 2; width: 418px;}
.case-uptime-bg .image-container{ background: rgba(0,0,0,0.1);}

/* case8-bjxz */
.case-bjxz-header .burger-wrap{ background: #FF0006 !important;}
.case-bjxz-header .burger span{ background: #fff;}

.case-bjxz-top{background: url('/wp-content/themes/pixpure/assets/images/case-bjxz/bg-top.jpg') no-repeat center #000;  background-size: cover;}

.case-bjxz-nav a.on{ color: #FF0006 !important;}
.case-bjxz-bg{ background: #1B1E1E !important; color: rgba(255,255,255,0.9);}
.case-bjxz-bg .g-caption{ color: #fff; opacity: .6;}
.case-bjxz-bg-1{ background: #000; color: rgba(255,255,255,0.9);}

.case-bjxz-video video{ max-width: 76%; margin: 0 auto;}

.case-dark .case-bjxz-bg-black .image-container{ background: #1B1E1E;}

/* case9-peertime */
.case-peertime-header .icon-logo{ color: #fff;}
.case-peertime-header .burger-wrap{ background: #45BCB5 !important;}
.case-peertime-header .burger span{ background: #fff;}

.case-peertime-top{background: url('/wp-content/themes/pixpure/assets/images/case-peertime/bg-top.jpg') no-repeat center #1F345D;  background-size: cover;}

.case-peertime-nav a.on{ color: #45BCB5 !important;}
.case-peertime-bg{ background: #1E345D !important; color: rgba(255,255,255,0.9);}
.case-peertime-bg .g-caption{ color: #fff; opacity: .6;}


/* case10-techexcel */
.case-techexcel-header .icon-logo{ color: #fff;}
.case-techexcel-header .burger-wrap{ background: #5688bb !important;}
.case-techexcel-header .burger span{ background: #fff;}

.case-techexcel-top{background: url('/wp-content/themes/pixpure/assets/images/case-techexcel/bg-top.jpg') no-repeat center #688EB8;  background-size: cover;}

.case-techexcel-nav a.on{ color: #1A4F91 !important;}
.case-techexcel-bg{ background: #1A4F91 !important; color: rgba(255,255,255,0.9);}
.case-techexcel-bg .g-caption{ color: #fff; opacity: .6;}

.case-techexcel-bg .image-container,
.case-peertime-bg .image-container{ background: rgba(0,0,0,0.1);}

/* case11-hezhong */
.case-hezhong-header .burger-wrap{ background: #C73632 !important;}
.case-hezhong-header .burger span{ background: #fff;}

.case-hezhong-top{background: url('/wp-content/themes/pixpure/assets/images/case-hezhong/bg-top.jpg') no-repeat center #F6EFDC;  background-size: cover;}

.top-pic-web{ padding-right: 64px;}

.case-hezhong-nav a.on{ color: #C73632 !important;}
.case-hezhong-bg{ background: #000 !important; color: rgba(255,255,255,0.9);}
.case-hezhong-bg .g-caption{ color: #fff; opacity: .6;}

.case-hezhong-bg .image-container{ background: rgba(255,255,255,0.1);}

/* case12-poprail */
.case-poprail-header .icon-logo{ color: #fff;}
.case-poprail-header .burger-wrap{ background: #000 !important;}
.case-poprail-header .burger span{ background: #fff;}

.case-poprail-top{background: url('/wp-content/themes/pixpure/assets/images/case-poprail/bg-top.jpg') no-repeat center #D1321C;  background-size: cover;}

.case-poprail-top .case-info{ background: #F8B500;}
.case-poprail-top .case-info .g-caption{ color: #000; opacity: 0.7;}
.case-poprail-top .case-info .g-divider{ border-color: rgba(0,0,0,0.7)}

.case-poprail-nav a.on{ color: #D1321C !important;}
.case-poprail-bg{ background: #F8B500 !important;}
.case-poprail-bg .g-caption{ color: #000; opacity: .7;}

.case-poprail-bg .image-container{ background: rgb(156 94 2 / 10%);}

/* case13-bie */
.case-bie-header .icon-logo{ color: #fff;}
.case-bie-header .burger-wrap{ background: #3e859d !important;}
.case-bie-header .burger span{ background: #fff !important;}

.case-bie-top{background: url('/wp-content/themes/pixpure/assets/images/case-bie/bg-top.jpg') no-repeat center #2F476B;  background-size: cover;}

.case-bie-top .case-info{ background: #1B4856; color: #fff;}
.case-bie-top .case-info .g-caption{ color: #fff; opacity: 0.7;}
.case-bie-top .case-info a{ color: #fff;}

.case-bie-nav a.on{ color: #fff !important;}
.case-bie-bg{ background: #1B4856 !important; color: rgba(255,255,255,0.85);}
.case-bie-bg .case-nav{background: #1B4856 !important;}
.case-bie-bg .case-nav a,.case-bie-bg .case-sub-title{ color:rgba(255,255,255,0.5);}
.case-bie-bg .case-nav a:hover{ color: #fff !important;}
.case-bie-bg .g-caption{ color: #fff; opacity: .5;}

/* case14-kloudcall */
.case-kloudcall-header .icon-logo{ color: #fff;}
.case-kloudcall-header .burger-wrap{ background: #41c695 !important;}
.case-kloudcall-header .burger span{ background: #fff !important;}

.case-kloudcall-top{background: url('/wp-content/themes/pixpure/assets/images/case-kloudcall/bg-top.jpg') no-repeat center #06ABEF;  background-size: cover;}

.case-kloudcall-nav a.on{ color: #06ABEF !important;}
.case-kloudcall-bg{ background: #06ABEF !important; color: #fff;}
.case-kloudcall-bg .g-caption{ color: #fff; opacity: .7;}

/* case15-servicewise */
.case-servicewise-header .burger-wrap{ background: #33b83f !important;}
.case-servicewise-header .burger span{ background: #fff !important;}

.case-servicewise-top{background: url('/wp-content/themes/pixpure/assets/images/case-servicewise/bg-top.jpg') no-repeat center #E2F3E8;  background-size: cover;}

.case-servicewise-top .case-info{ background: #34A937; color: #fff;}
.case-servicewise-top .case-info .g-caption{ color: #fff; opacity: 0.7;}
.case-servicewise-top .case-info a{ color: #fff;}

.case-servicewise-nav a.on{ color: #fff !important;}
.case-servicewise-bg{ background: #34A937 !important; color: rgba(255,255,255,0.9);}
.case-servicewise-bg .case-nav{background: #34A937 !important;}
.case-servicewise-bg .case-nav a,.case-servicewise-bg .case-sub-title{ color:rgba(255,255,255,0.5);}
.case-servicewise-bg .case-nav a:hover{ color: #fff !important;}
.case-servicewise-bg .g-caption{ color: #fff; opacity: .5;}

.case-servicewise-swiper-wrap{ padding-bottom:10px}


/* case16-jxfood */
.case-jxfood-header .icon-logo{ color: #fff;}
.case-jxfood-header .burger-wrap{ background: #3A4154 !important;}
.case-jxfood-header .burger span{ background: #fff !important;}

.case-jxfood-top{background: url('/wp-content/themes/pixpure/assets/images/case-jxfood/bg-top.jpg') no-repeat center #44AF80;  background-size: cover;}

.case-jxfood-top .case-info{ background: #E2F3E8; }

.case-jxfood-nav a.on{ color: #1D8E2A !important;}
.case-jxfood-bg{ background: #E2F3E8 !important; }
.case-jxfood-bg .case-nav{background: #E2F3E8 !important;}
.case-jxfood-bg .image-container{ background: rgb(76 175 80 / 13%);}

.case-jxfood-swiper-wrap{ padding-bottom:10px}


/* case17-jiuzhou */
.case-jiuzhou-header .burger-wrap{ background: #FB5B43 !important;}
.case-jiuzhou-header .burger span{ background: #fff !important;}

.case-jiuzhou-top{background: url('/wp-content/themes/pixpure/assets/images/case-jiuzhou/bg-top.jpg') no-repeat center #E5F1FF;  background-size: cover;}

.case-jiuzhou-top .case-info{ background: #40466B; color: #fff;}
.case-jiuzhou-top .case-info .g-caption{ color: #fff; opacity: 0.7;}
.case-jiuzhou-top .case-info a{ color: #fff;}

.case-jiuzhou-nav a.on{ color: #FB5B43 !important;}
.case-jiuzhou-bg{ background: #40466B !important; color: rgba(255,255,255,0.95);}
.case-jiuzhou-bg .case-nav{background: #40466B !important;}
.case-jiuzhou-bg .case-nav a,.case-jiuzhou-bg .case-sub-title{ color:rgba(255,255,255,0.5);}
.case-jiuzhou-bg .case-nav a:hover{ color: #fff !important;}
.case-jiuzhou-bg .g-caption{ color: #fff; opacity: .5;}


/* case18-drama */
.case-drama-header .icon-logo{ color: #fff;}
.case-drama-header .burger-wrap{ background: #FC7D47 !important;}
.case-drama-header .burger span{ background: #fff !important;}

.case-drama-top{background: url('/wp-content/themes/pixpure/assets/images/case-drama/bg-top.jpg') no-repeat center #658F98;  background-size: cover;}

.case-drama-top .case-info{ background: #F6F0EB;}


.case-drama-nav a.on{ color: #FC7D47 !important;}
.case-drama-bg{ background: #052C3E !important; color: rgba(255,255,255,0.95);}
.case-drama-bg1{ background: #F6F0EB !important;}
.case-drama-bg1 .case-nav{background: #F6F0EB !important;}
.case-drama-bg .case-nav a,.case-drama-bg .case-sub-title{ color:rgba(255,255,255,0.5);}
.case-drama-bg .case-nav a:hover{ color: #fff !important;}

.case-drama-bg .g-caption{ color: #fff; opacity: .5;}
.case-drama-bg .image-container{ background: rgba(0,0,0,0.1);}

/* case19-erp */
.case-erp-header .burger-wrap{ background: #2E8DED !important;}
.case-erp-header .burger span{ background: #fff !important;}

.case-erp-top{background: url('/wp-content/themes/pixpure/assets/images/case-erp/bg-top.jpg') no-repeat center #F0F2F5;  background-size: cover;}

.case-erp-top .case-info{ background: #001529; color: #fff;}
.case-erp-top .case-info .g-caption{ color: #fff; opacity: 0.7;}
.case-erp-top .case-info a{ color: #fff;}


.case-erp-nav a.on{ color: #2B93ED !important;}
.case-erp-bg{ background: #001529 !important; color: rgba(255,255,255,0.9);}
.case-erp-bg .case-nav{background: #001529 !important;}
.case-erp-bg .case-nav a,.case-erp-bg .case-sub-title{ color:rgba(255,255,255,0.5);}
.case-erp-bg .case-nav a:hover{ color: #fff !important;}
.case-erp-bg .g-caption{ color: #fff; opacity: .5;}
.case-erp-bg .image-container{ background: rgba(0,0,0,0.4);}

.case-erp-bg .swiper-pagination-bullet{ background: #fff !important;}

/* case20-ubao */
.case-ubao-header .icon-logo{ color: #fff;}
.case-ubao-header .burger-wrap{ background: #D5F2E3 !important;}
.case-ubao-header  .burger span{ background: #3c8600 !important;}

.case-ubao-top{background: url('/wp-content/themes/pixpure/assets/images/case-ubao/bg-top.jpg') no-repeat center #54AD0C;  background-size: cover;}

.case-ubao-top .case-info{ background: #075F9D;color: #fff !important;}
.case-ubao-top .case-info .g-caption{ color: #fff; opacity: 0.7;}
.case-ubao-top .case-info a{ color: #fff;}

.case-ubao-nav a.on{ color: #CBF57F !important;}
.case-ubao-bg{ background: #075F9D !important; color: rgba(255,255,255,0.95);}
.case-ubao-bg .case-nav{background: #075F9D !important; }
.case-ubao-bg .case-nav a,.case-ubao-bg .case-sub-title{ color:rgba(255,255,255,0.5);}
.case-ubao-bg .case-nav a:hover{ color: #fff !important;}
.case-ubao-bg .g-caption{ color: #fff; opacity: .5;}


/* -------------------------联系我们页面样式------------------------- */
.contact .g-header-wrap,
.contact .services-top{ background: transparent; padding-bottom: 64px;}

.contact .g-footer{ padding-top: 0 !important;}
.contact .g-footer-copyright{ border: 0; margin-top: 10px;}
.contact .g-footer .g-title,
.contact .g-footer .g-row{display: none;}

.contact .services-top-info{ padding-bottom: 0;}

.contact-box{ padding: 56px 80px 80px;}
.contact-box .bd-r1{ border-right: 1px solid #ddd; padding-right: 60px;}
.contact-box .bd-r1 .entry-content>div{ display: block; height: auto !important; }
.contact-box .bd-r1 .form-input,
.contact-side .form-input{ width:400px; height: 42px; border: 1px solid #ddd; line-height: 42px; padding: 0 14px; box-sizing: border-box; margin-top: 10px; font-size: 16px; }
.contact-box .bd-r1 h2,
.contact-side h2{margin: 20px 0 10px;}
.contact-box .bd-r1 .submit-btn,
.contact-side .submit-btn{ height: 46px; line-height: 46px; background: #000; color: #fff; border: 0; padding: 0 66px; font-size: 20px; cursor: pointer; font-weight: 100; }
.contact-box .bd-r1 .submit-btn:hover,
.contact-side .submit-btn:hover{ background: #26375d;}

.contact-right{ width: 270px; padding-left: 60px;}
.contact-right h3{ margin: 20px 0 70px;}
.contact-box .icon{ font-size: 20px; margin-left: 6px; position: relative; bottom: 5px;}

.g-form-item{ padding: 20px 0 40px;}
.g-form-item >div:last-child{ margin-left: 60px;}
.g-form-item-title{ font-size: 16px; position: absolute; top: 19px; left: 14px;  transition: all 300ms; z-index: 2; color: #666;}
.g-form-item-title.active{  top:-16px; left: 0; font-size: 14px;color: var(--secondary-text-color);}

.g-form-item input[type=checkbox],
.g-form-item input[type=radio]{ display: none;}
.g-form-item .wpcf7-list-item-label{ height: 46px; line-height: 46px; border: 1px solid #ddd; background: #fff; color: #666; width: 140px; margin:0 24px 10px 0; display: inline-block; text-align: center; cursor: pointer;}
.g-form-item .wpcf7-list-item{ margin: 0;}
.g-form-item .wpcf7-not-valid-tip { font-size: 15px;  position: absolute;  bottom: -40px;   left: 0; }

.g-form-item input[type="checkbox"]:checked + .wpcf7-list-item-label,
.g-form-item input[type="radio"]:checked + .wpcf7-list-item-label {
  border-color: #000; color: #000; background: url('/wp-content/themes/pixpure/assets/images/bg-check.png') no-repeat top right #fff; background-size: 20px auto;}

.wpcf7 form.invalid  .wpcf7-response-output { margin: 1em 0; color: #dc3232; padding: 0.2em 1em;   border: 1px solid #dc3232; font-size: 16px;position: absolute;}

.wpcf7 form .wpcf7-response-output{
  margin: 1em 0; color: #46b450;  border: 1px solid #46b450; font-size: 16px;position: absolute;
}

.contact-bg{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 100; display: none;}
.contact-side{ width: 610px; position: fixed; top: 0; bottom: 0; overflow-y: auto; right: -800px; z-index: 101; transition: right 300ms;}
.contact-side.active{ right: 0;}

.contact-side{ padding: 60px; box-sizing: border-box;}
.contact-side h2{ margin: 0 0 10px;}
.contact-side h2.g-title{ margin-bottom: 20px;}

.contact-side  .form-check{ display: flex; flex-wrap: wrap;}
.contact-side .form-check .wpcf7-list-item{ width: calc(33.333% - 12px); margin: 0 12px 10px 0;}

.contact-side .form-input{ width:100%; }

.contact-side .g-form-item{ padding: 10px 0 30px;}
.contact-side .g-form-item.g-flex{ display: block;}

.contact-side .g-form-item >div:last-child {margin-left: 0; margin-top: 30px;}

.contact-side  .g-form-item .wpcf7-not-valid-tip { bottom: -10px;}
.contact-side  .g-form-item .text-wrap .wpcf7-not-valid-tip { bottom: 1px; left: auto; right: 10px;}
.contact-side .g-caption{ display: none;}

.contact-side .icon-close{ font-size: 20px; position: absolute; top: 20px; right: 20px; cursor: pointer;}

/* .contact-side .g-form-item .wpcf7-not-valid-tip { font-size: 15px;  position: absolute; left: 50%; transform: translateX(-50%);} */








































/* 自适应个别样式修复 */
@media (max-width: 1956px){
  #water-grid .item .img-auto img{ max-width: 511px;}
}
@media (max-width: 1884px){
}
@media (max-width: 1560px){
    .home-top .g-col-2{width: 40%;}
    .home-top .home-num-wrap{width: 60%;}
    .contact-box .bd-r1 .form-input{ width:300px;}
}

@media (max-width: 1300px){
    .g-form-item.g-flex{ display: block;}
    .contact-box .bd-r1 .form-input{ width: 100%;}
    .g-form-item >div:last-child {margin-left: 0; margin-top: 30px;}
}

@media (max-width: 1200px){
     #water-grid .item .img-auto img{ max-width: 397px;}
    .home-top .g-flex{ display: block;}
    .home-top .g-row{ height: auto; padding-top: 160px; padding-bottom: 120px; box-sizing: border-box;}
    .home-top .g-col-2{width: 100%;}
    .home-top .g-title{ line-height: 1.1;}
    .home-top .home-num-wrap{width: 100%;justify-content: space-between; text-align: center;}
    .home-top .g-headline-1{ padding: 20px 0 60px;}
    /* .filter-wrap{} */

    .services-swiper{ padding-bottom: 30px;}

    .item-hover-info{ background: rgba(14,35,56,.8); color: var(--default-white-on-black); width: 100%; height: 100%; position: relative; z-index: 2; padding: 14px; box-sizing: border-box; display: block;}

    .services-swiper-item p.g-caption{ padding-top: 6px; color: rgba(255,255,255,0.5);}
}

/* -------------------------移动端样式------------------------- */
@media (max-width: 992px){
    :root{
        --page-padding: 5.88281%;
        --case-block-gap: 40px;
        --case-inner-gap: 14px;
        --grid-gap: 24px;
        --grid-gap-indent: -24px;
    }
    body,html{font-size: 15px; }
    .g-flex{ display: block;}
    .m-flex{ display: flex;}

    .g-col-2{ padding-left: 24px; padding-right: 24px; width: 100%;}

    .m-hide{ display: none;}
    .m-show{ display: block;}

    .w-m80,.w-m90{ max-width: 100%;}
    .m-w50{ width: 50%;}

    .g-m-container{ padding: 0 !important;}

    .g-title{font-size: 30px;  font-weight: bold;}
    .g-sub-title{font-size: 24px;  font-weight: bold;}
    .g-footer-title{font-size: 17px;  font-weight: bold;}
    .g-third-title{font-size: 15px !important; }
    .g-headline{ font-size: 22px;}
    .g-headline-1{ font-size: 19px; font-weight: 300;}
    .g-headline-2{ font-size: 17px; font-weight: 300;}

    .g-btn{ font-size: 20px; padding: 2px 30px; position: relative; font-weight: 300;}
    .g-btn::after{ height: 10px; bottom: 5px;}

    .g-header-wrap{ height: 60px;}
    .g-logo{ top: 24px;}
    .g-logo .icon{ font-size: 14px;}
    .g-nav{ top: 10px; right: calc(5.88281% - 10px);}

    .burger{ transform: scale(1.1);}
    .burger-wrap{ margin: 0;}

    .g-nav-items>p{ padding: 10px 0;}

    .g-nav-social .icon{  font-size: 18px; padding-bottom: 14px;}
    .g-nav-social p{  font-size: 13px !important;}

    .w150p{ width: auto;}

    .pb30{ padding-bottom: 10px;}

    .mpb30{ padding-bottom: 30px;}

    .case-row img{ max-height:none !important;}

    /* 图片加载 */
    .loading-log img, .loading-spinner .bg img{ width: 86px;}
    .loading-spinner .bg{ width: 86px; height: 86px; position: absolute; top: 160px; left: 50%;  margin-left: -43px; }

    /* 底部引流样式 */
    .footer-get-touch >.g-content:first-child {height: calc(100vh - 251px);}
    .footer-get-touch >.g-content:last-child{ padding-bottom: 30px; }
    .footer-get-touch .case-info{ height: auto; padding-top: 20px; padding-bottom: 20px;}
    .footer-get-touch .case-info .icon-home{ margin-left: -6px;}
    .footer-get-touch .case-info .icon-right{ position: absolute; bottom: 26px; right: 24px;}
    .footer-get-touch .flex-1.case-info{ padding-right: 70px;}

    .footer-get-touch .g-headline {padding-bottom: 30px; font-size: 26px;}
    .g-nav-items .g-title{ font-size: 36px;}
    .g-nav-items .g-title::after{ display: none;}
    /* 底部样式 */
    .g-footer{ padding: 50px 0 30px;}
    .g-footer h2{ padding-bottom: 20px;}
    .g-footer-service{ padding-top: 30px; margin-right: -24px;}
    .g-footer-service a{ padding-bottom: 18px; display: block; text-decoration: underline; padding: 10px 0 10px 0; font-size: 16px; margin-right: 24px; }
    .g-footer-service>div{ flex: 1;}
    .g-footer .g-headline-2{ padding-left: 16px;}
    .g-footer-copyright >.flex{ justify-content: flex-start; text-align: center;}
    .g-footer-copyright{ padding-top: 20px; font-size: 15px;}

    /* .g-back-top{ bottom: 32px; z-index: 10;} */

    /* -------------------------首页样式------------------------- */
    .home-top .g-title{ line-height: 1.1;}
    .home-top .g-row{ height: auto; padding-top: 160px; padding-bottom: 120px; box-sizing: border-box;}
    .home-num{ font-size: 46px; }
    .num-sup{margin:0 0 0 -14px; position: relative; top: -6px; font-size: 26px;}
    .home-num-info{ font-size: 14px; padding-left: 0;}
    .home-num-wrap{ justify-content: space-between; text-align: center;}
    .home-top .g-col-2 .g-flex{ padding: 0;}
    .home-top .g-headline-1{ padding: 20px 0 60px;}

    .home-nav{ padding: 40px 0;}
    .home-nav >.flex{justify-content: flex-start; flex: 1;}
    .home-nav .home-filter{ display: flex !important; flex: 1;}
    .home-nav .all-c a{ display: none; padding: 0;}
    .home-nav .all-c a.on{ display: block;}
    .home-nav .f-wrap{ justify-content: center; background: var(--default-bg-gray); padding: 10px; margin-top: 10px; width: 100%; box-sizing: border-box;}
    .home-nav .f-wrap a{ width: 50%; text-align: center; padding: 10px 0;}

    .home .more-work{ padding: 24px 0 52px;}

    #water-grid .item h3{ font-size: 18px;}
    .home-customer{padding-top: 50px; padding-bottom: 50px;}
    .home-cs{ padding: 30px 0;}
    .home-cs .g-col-5{ width: 33.3333%; margin-top: 0px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
    .home-cs img{ height: auto; max-width: 94%;}
    .home-cs .g-row{ margin-left: -10px; margin-right: -10px;}

    .home-testimonials{ margin-top: 30px; padding:30px 0 36px;}
    
    .testimonials-swiper{ overflow: visible;}

    .testimonial-item{ background: url('/wp-content/themes/pixpure/assets/images/cs/quote.png') no-repeat 24px top; background-size: 45px auto; padding-top: 20px; padding-left: 30px; padding-right: 30px;}
    .item-info{ padding: 36px 0 30px;}
    .item-info .avatar{ width: 46px; height: 46px; margin-right: 16px;}
    .testimonial-item .cs-logo{ padding-top: 20px; margin: 0 auto; text-align: center; border-bottom: 1px solid #eee; border-top: 0; padding-bottom: 20px; margin-bottom: 20px;}
    .testimonial-item .cs-logo img{ height: 30px; width: auto;}

    .testimonial-item .g-headline-1{ height: auto;}
    .item-info{ padding: 46px 0 24px;}
    .testimonial-item .cs-logo{ padding-top: 24px;}

    .ts-control{ position: absolute; bottom: -20px; margin-right: -40px; right: 50%; z-index: 2;}


    /* -------------------------服务页面样式------------------------- */
    .services-top{ padding-top: 142px; padding-bottom: 64px;}
    .services-top-info{ max-width: 920px; padding-bottom: 50px;}
    .services-nav{ margin-right: 0;}
    .services-nav a{ width: 100%; margin-right: 0;padding: 16px  0 6px; margin-bottom: 10px;}
    .services-nav a .flex-1{ padding: 0 34px 0 28px;}

    .services-item-wrap{ padding-bottom: 70px;}
    .services-item{ padding-top: 70px;}
    .services-item-title{ width: 100%; margin-right: 0; padding-left: 0;}
    .services-item-title-content{ width: 100% !important; margin-top: 14px;}
    .services-item-title-content a.g-caption{ padding: 27px 0 34px;}

    /* -------------------------作品页面样式------------------------- */
    .work-top .g-content>div:first-child{ height: auto; padding-top: 90px; padding-bottom: 40px;}
    .work-top .g-content>div:first-child .g-title{ padding-bottom: 30px; line-height: 1.1;}
    .work-top .work-nav a{padding-right: 16px; padding-bottom: 14px;}
    .work-top .work-nav span,.work-top .work-nav{ display: none;}

    .work-top .work-nav1{ display: flex;}

    .filter-tab{ display: flex; font-size: 18px; padding-bottom: 20px; color: #666; }
    .filter-tab p{ margin: 0 30px 0 0;}
    .filter-tab p.on{  color: #000; border-bottom: 3px solid #000;}

    .all-works-btn{height: 36px;line-height: 36px;font-size: 15px;}

    /* -------------------------案例页面样式------------------------- */

    /* 案例页面通用 */
    #water-grid .item{ padding: 0 0 12px; }
    #water-grid .item h3{ padding: 10px 0 10px;}
    .case-top{ height: 880px; padding-bottom: 132px; box-sizing: border-box;}
    .case-header .burger-wrap{ top: 14px; right: calc(5.88281% - 6px); transform: scale(0.74);}
    .case-top .g-content{ position: absolute; bottom: 0; left: 0; right: 0; }
    .case-top .g-content >.g-flex{ height: auto; background: #fff; padding:20px 24px 10px; font-size: 15px; }
    .case-industry{ margin-left: 0;}

    .case-row .case-col-3-1,
    .case-row .case-col-3-2,
    .case-row .case-col-2-1{ width: calc(100% - var(--grid-gap)*2); margin-bottom: 20px;}

    .case-shadow{box-shadow: 0px 32px 64px 0px rgba(0, 0, 0, 0.10);}

    .case-slide-wrap{ margin: 0 auto;}

    .case-inner-box{ padding: var(--case-inner-gap);}

    /* case1-kloud */
    .case-kloud-top{ background: url('/wp-content/themes/pixpure/assets/images/case-kloud/bg-m.jpg') no-repeat left top;  background-size: 100% auto}
    .case-kloud-top .top-pic img{ width: 100%; margin:0;}
    .case-header.case-kloud-header .burger-wrap{ background: #3D358B;}
    .case-header.case-kloud-header .burger span{ background: #fff; }

    .case-kloud-top >.flex{ height: 90%;}
    .case-info div{ text-align: left !important; margin-bottom: 10px;}

    .svg-bg{ width: 100%; position: absolute; top: 40%; left: 0%; transform: translateY(-50%) scale(1.6);}

    .case-kloud-solution .box{  padding-left:0; padding-right: 0;}
    .case-kloud-show .box img{ width: 80%; margin: 0 auto; max-height: auto;}

    /* case2-ovital */
    .case-ovital .case-top{background: url('/wp-content/themes/pixpure/assets/images/case-ovital/bg-m.jpg') no-repeat top center;  background-size: 100% auto}

    .case-ovital .case-slide-wrap{ max-width: 100%; margin: 0 auto;}
    .case-main-slide{ max-width: 88%; margin: 0 auto;}

    /* case3-projectone */
    .case-p1-top .g-content >.g-flex{ height: auto; background: #252A32; }
    .case-p1-top{background: url('/wp-content/themes/pixpure/assets/images/case-p1/bg-m.jpg') no-repeat top center;  background-size: 100% auto}

    /* case4-motor  */
   .case-motor-top .g-content >.g-flex{ height: auto; background: #000; }
    .case-motor-top{background: url('/wp-content/themes/pixpure/assets/images/case-motor/bg-m.jpg') no-repeat top center;  background-size: 100% auto}

       /* case5-kloud  */
   .case-kloud1-top .g-content >.g-flex{ height: auto; background: #26375D; }
      .case-kloud1-top>.h-100{ display: none;}
    .case-kloud1-top{background: url('/wp-content/themes/pixpure/assets/images/case-kloud1/bg-m.jpg') no-repeat top center #26375D;  background-size: 100% auto}

    /* case6-conference  */
    .case-conference-top{background: radial-gradient(77.06% 44.82% at 50% 24.68%, #E2EBF5 0%, #CAD7E5 98.99%); padding-bottom: 183px;}

    /* case7-uptime */

    .case-uptime-top{background: url('/wp-content/themes/pixpure/assets/images/case-uptime/bg-m.jpg') no-repeat top center #7b8d71;  background-size: 100% auto;}

    .uptime-product{ bottom: -36px;  left: -36px; width: 138px;}

    /* case8-bjxz */
    .case-bjxz-top{background: url('/wp-content/themes/pixpure/assets/images/case-bjxz/bg-m.jpg') no-repeat top center #000;  background-size: 100% auto;}
    .case-bjxz-video{ padding: 0 !important; max-width: 88%; margin: 0 auto;}
    .case-bjxz-video video{ max-width: 100%; margin: 0 auto;}

    /* case9-peertime */
    .case-peertime-top{background: url('/wp-content/themes/pixpure/assets/images/case-peertime/bg-m.jpg') no-repeat center #1F345D;  background-size: 100% auto;}

    /* case10-techexcel */
    .case-techexcel-top{background: url('/wp-content/themes/pixpure/assets/images/case-techexcel/bg-m.jpg') no-repeat top center #688EB8;  background-size: 100% auto;}

    /* case10-hezhong */
    .case-hezhong-top{background: #F6EFDC; padding-bottom: 183px; padding-left: 0; padding-right: 0;}

    .case-hezhong-top .g-content{ position: relative;}

    /* case12-poprail */
    .case-poprail-top{background: url('/wp-content/themes/pixpure/assets/images/case-poprail/bg-m.jpg') no-repeat center #D1321C;  background-size: 100% auto}

    /* case13-bie */
    .case-bie-top{background: url('/wp-content/themes/pixpure/assets/images/case-bie/bg-m.jpg') no-repeat center #2F476B;  background-size: 100% auto;}

    .case-bie-top.case-top .g-content >.g-flex{background: #1B4856; color: #fff;}

    /* case14-kloudcall */
    .case-kloudcall-top{background: url('/wp-content/themes/pixpure/assets/images/case-kloudcall/bg-m.jpg') no-repeat center #06ABEF;  background-size: 100% auto;}

    /* case15-servicewise */

    .case-servicewise-top{background: url('/wp-content/themes/pixpure/assets/images/case-servicewise/bg-m.jpg') no-repeat center #E2F3E8;  background-size: 100% auto;}

    .case-servicewise-top.case-top .g-content >.g-flex{background: #34A937; color: #fff;}
    .case-servicewise-swiper-wrap{ padding-bottom: var(--case-inner-gap) !important;}

    /* case16-jxfood */

    .case-jxfood-top{background: url('/wp-content/themes/pixpure/assets/images/case-jxfood/bg-m.jpg') no-repeat center #44AF80;  background-size: 100% auto;}

    .case-jxfood-top.case-top .g-content >.g-flex{background: #E2F3E8 !important;}

    /* case17-jiuzhou */

    .case-jiuzhou-top{background: url('/wp-content/themes/pixpure/assets/images/case-jiuzhou/bg-m.jpg') no-repeat center #E5F1FF;  background-size: 100% auto;}

    .case-jiuzhou-top.case-top .g-content >.g-flex{background: #40466B !important;}

    /* case18-drama */

    .case-drama-top{background: url('/wp-content/themes/pixpure/assets/images/case-drama/bg-m.jpg') no-repeat center #658F98;  background-size: 100% auto;}

    .case-drama-top.case-top .g-content >.g-flex{background: #F6F0EB !important;}

    /* case19-erp */

    .case-erp-top{background: url('/wp-content/themes/pixpure/assets/images/case-erp/bg-m.jpg') no-repeat center #F0F2F5;  background-size: 100% auto;}

    .case-erp-top.case-top .g-content >.g-flex{background: #001529 !important;}

    .case-erp-swiper-wrap{ padding-bottom: var(--case-inner-gap) !important;}

    /* case20-ubao */

    .case-ubao-top{background: url('/wp-content/themes/pixpure/assets/images/case-ubao/bg-m.jpg') no-repeat center top #54AD0C;  background-size: 100% auto;}

    .case-ubao-top.case-top .g-content >.g-flex{background: #075F9D !important;}

     /* -------------------------联系我们页面样式------------------------- */

    .contact-box{ padding: 36px 36px 2px;}
    .contact-box .bd-r1{ border: 0; padding-right: 0;}
    .contact-box .bd-r1 h2{margin: 20px 0 10px;}
    .contact-box .bd-r1 .submit-btn{ height: 42px; line-height: 42px; background: #000; color: #fff; border: 0; padding: 0 66px; font-size: 20px; cursor: pointer; font-weight: 100;}
    .contact-box .bd-r1 .submit-btn:hover{ background: #26375d;}

    .contact-right{ width: auto; border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; padding-left: 0;}
    .contact-right h3{ margin: 20px 0 40px;}
    .contact-box .icon{ font-size: 20px; margin-left: 6px; position: relative; bottom: 2px;}

    .g-form-item{ padding: 20px 0 40px;}

   
    .g-form-item .wpcf7-list-item-label{margin: 0 12px 10px 0;}

    .form-check{ display: flex; flex-wrap: wrap;}
    .form-check .wpcf7-list-item{ width: calc(50% - 12px); margin: 0 12px 10px 0;}

    .g-form-item .wpcf7-not-valid-tip { bottom: -10px;}
    .g-form-item .text-wrap .wpcf7-not-valid-tip { bottom: 1px; left: auto; right: 10px;}
    .wpcf7 form.invalid  .wpcf7-response-output { position: relative;}


}