/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; border-bottom: 1px solid #E4E4E4;}
.headBox {height: 5rem; padding: 0 6%;transition: .5s; display: flex; background: #fff; justify-content: space-between; }
.headBox .logo img {height: 3.375rem;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
nav > ul {display: flex; height: 100%; align-items: center;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #333; position: relative; z-index: 1; font-size: var(--font16); padding: 0 !important;}

nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover > a {color: #0058FF;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #0058FF !important;}
nav .layui-nav .layui-nav-more {top: 25%;right: -1.25rem; font-size: var(--font14);}
nav .layui-nav-child {top: 100%;}
/* 二级导航 */
nav {width: 42%; margin-right: 20%;}
nav ul {display: flex; justify-content: space-between;}
nav ul li a {position: relative;}
nav ul li dl.layui-nav-child {background: #eaf1f9;border-radius: .625rem; padding: 1.25rem 1.25rem; box-shadow: none; width: 400%;}
nav ul li dl.layui-nav-child dd {margin: .625rem 0; background: transparent!important;}
nav ul li dl.layui-nav-child dd > a {padding: 0 !important;    line-height: initial; font-size: var(--font18);color: #333333;}
nav ul li dl.layui-nav-child ol li {padding: 0 .625rem; margin: .625rem 0;}
nav ul li dl.layui-nav-child ol li a {font-size: var(--font15); color: #666666 !important; padding: 0 !important; line-height: initial;}
nav ul li:nth-child(6) dl.layui-nav-child{width: 150%;}

/* 头部右侧 */
.headBox .re {display: flex; align-items: center;}
.headBox .re .btn a {width: 5rem;height: 2.5rem;border: 1px solid rgba(51, 51, 51,.2);border-radius: .313rem; transition: .5s; font-size: var(--font14);}
.headBox .re .btn1 a {background: #0078ff; color: #fff;} 
.headBox .re .btn a:active {background: #0078ff; color: #fff; box-shadow: 0 0 .625rem #0078ff;}

@media (any-hover: hover) {
  .headBox .re .btn a:hover {background: #0078ff; color: #fff; box-shadow: 0 0 .625rem #0078ff;}
}


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #2AA667; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {padding: .75rem 2.625rem;background: #0078ff;border-radius: 6.25rem; color: #fff;font-size: var(--font18); margin-right: .938rem; transition: .5s;}
.more2 {padding: .75rem 2.625rem;border: 1px solid #0078ff;border-radius: 6.25rem; color: #0078FF; font-size: var(--font18); transition: .5s;}

.more1:active {box-shadow: 0 0 .625rem #0078ff;}
.more2:active {background: #0078ff; color: #fff; box-shadow: 0 0 .625rem #0078ff;}
@media (any-hover: hover) { 
  .more1:hover {box-shadow: 0 0 .625rem #0078ff;}
  .more2:hover {background: #0078ff; color: #fff; box-shadow: 0 0 .625rem #0078ff;}
}



/* ======首页======= */
.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; padding-top: 4.375rem;}
.indexOne .right {width: 43%;}
.indexOne .right img {width: 100%;}
.indexOne .box .p1 {line-height: 1.2;}
.indexOne .box .p2 {background: rgba(0, 120, 255,.1);border-radius: 6.25rem; text-align: center; padding: .85rem 1.25rem;}
.indexOne .box .more {margin-top: 3.75rem;}
.indexOne .iconlist {border-top: 1px solid rgba(109, 136, 178,.2); margin-top: 6.25rem;}
.indexOne .iconlist ul {display: flex; justify-content: space-between; padding: 2.5rem 0;}
.indexOne .iconlist li {text-align: center;}
.indexOne .iconlist li span {display: block; margin-top: 1.25rem;}
.indexOne .iconlist li .icBox {height: 3.75rem; display: flex; align-items: center; justify-content: center;}
.indexOne .iconlist li .icBox img {height: 100%; object-fit: contain;}

.indexTwo {padding: 5rem 0;}
.indexTle{margin-bottom: 3.125rem;}
.indexTwo .imgBox { text-align: center;}
.indexTwo .imgBox img {width: 100%;}

.publicOne {background: url(../images/publicOne-bj.jpg) no-repeat center; background-size: cover; padding: 1.563rem 0;}
.publicOne .box {justify-content: center;}
.publicOne .item {background: #fff;border-radius: .625rem; padding: 1rem; text-align: center; margin: 0 1.563rem;}
.publicOne .item .icBox {height: 5.313rem;}
.publicOne .item .icBox img {height: 100%; object-fit: contain;}
.publicOne .item span {background: #0078ff;border-radius: 6.25rem;padding: .625rem 1.25rem; color: #fff; margin-top: 1.25rem; display: block;}
.publicOne .item:hover {box-shadow: 0 0 .1rem oklab(100% 0 -0.00011);}


/* 简单易上手 告别繁琐操作 */
.easy{padding: 5.4375rem 0 6.1875rem}
.easy .indexTle{margin-bottom: 5.3125rem}
.easy-list{position: relative; }
/*.easy-list ul li {position: sticky; top: 0; background: #fff;}*/
.easy-list ul li{background: #fff; margin-bottom: 2rem}
.easy-list ul li .info{flex: 1; padding: 0px 1% 0 12%; box-sizing: border-box;}
.easy-list ul li .info strong{margin-bottom: 4.3125rem; display: block;}
.easy-list .item {display: grid;  grid-template-columns: repeat(2, 1fr);gap:1.25rem 4.8125rem;}  
.easy-list .item li{}
.easy-list ul li .info dl{display: grid;  grid-template-columns: repeat(2, 1fr);gap:1.625rem 9.875rem; margin-top: 3.875rem;}
.easy-list ul li .info dl dd div{line-height: 1;}
.easy-list ul li .info dl dd div img{width: .9375rem; margin-left: 1.8125rem;}
.easy-list ul li .info dl dd h4{color: #666666; margin-top: .4375rem;}
.easy-list .item li img{min-width: 1.3125rem; margin-right: .6875rem;}  
.easy-list .easy-link{margin-top: 5rem;}
.easy-list ul li .pic{width: 54.7%;}
.easy-list ul li .pic img{width: 100%;}


/* 十大引擎赋能 复杂业务轻松落地 */
.engine-bg{background: url(../images/engine-bg.jpg) no-repeat center; background-size: cover; padding: 5.3125rem 0 5.6875rem;}
.engine-left{width: 22%;}
.engine-btn ul{position: relative;}
.engine-btn ul::after{position: absolute; content: ''; width: .0625rem; height: 100%; background: rgba(177,177,177,.2); left: .1875rem; top: 0; }
.engine-btn ul li{position: relative; display: flex; padding-left: 2.8125rem; line-height: 2.2; cursor: pointer;}
.engine-btn ul li::after{position: absolute; content: ''; width: .375rem; background: #0078ff; height: 0; left: 0; transition: .6s;}
.engine-btn ul li .icon{margin-right: .8125rem; width: 2rem;}
.engine-btn ul li .icon img{width: 100%; object-fit: contain;}
.engine-btn ul li em{font-weight: 400;}
.engine-btn ul li.swiper-slide-thumb-active::after{height: 100%;}
.engine-btn ul li.swiper-slide-thumb-active .icon img{filter: invert(50%) sepia(88%) saturate(5526%) hue-rotate(198deg) brightness(97%) contrast(114%);}
.engine-btn ul li.swiper-slide-thumb-active em{color: #0078ff;}
.engine-list{width: 78%; overflow: hidden; position: relative;}
.engine-list ul li{background: #ffffff;  border-radius: 1.3125rem; box-sizing: border-box; padding: 2.5rem 4.5% 1.75rem}
.engine-list ul li h4{margin-bottom: 1.5625rem;}
.engine-list ul li .pic img{display: block; width: 100%;}


/* 慧表平台成功行业案例 */
.case{padding: 5.1875rem 0 0;}
.case .indexTle{margin-bottom: 2.0625rem;}
.case-btn{margin-bottom: 2.125rem;}
.case-btn ul{display: flex; align-items: center; justify-content: center;}
.case-btn ul li{width: auto!important; position: relative; cursor: pointer;}
.case-btn ul li::after{position: absolute; content: ''; width: 0; height: .3125rem; background: #0078ff; border-radius: .1875rem; left: 0; bottom: 0; transition: .6s;}
.case-btn ul li em{color: #616161; line-height: 2.6;}
.case-btn ul li.swiper-slide-thumb-active em{color: #0078FF;}
.case-btn ul li.swiper-slide-thumb-active::after{width: 100%;}
.case-list ul li .case-box{display: flex;}
.case-list ul li .case-box .pic,.case-list ul li .case-box .info{width: 50%;}
.case-list ul li .case-box .pic img{width: 100%;}
.case-list ul li .case-box .info{ background: #eef2f6; padding-left: 3.5%;}
.case-list ul li .case-box .case-logo {margin-bottom: 3.125rem; width: 25rem;}
.case-list ul li .case-box .case-logo img{ mix-blend-mode: multiply; width: 100%;}
.case-list ul li .case-box .info strong{display: block; margin-bottom: .8125rem;}
.case-list ul li .case-box .info h4{color: #666; margin-bottom: 5rem; width: 84%;}


/* 专业权威认证和荣誉奖项 */
.honor{padding: 6.5rem 0 7.5rem;}
.honor-list{position: relative; overflow: hidden; padding-bottom: 5rem;}
.honor-list ul li .pic{overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.honor-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.index-num{bottom: 0;}
.index-num span {width: .8125rem; height: .8125rem; background: #cecece; border-radius: 50%; margin: 0 .375rem; opacity: 1;}
.index-num span.swiper-pagination-bullet-active{background: #0078ff;}


/* 好评如潮，客户实力信赖 */
.partner-bg{background: #eef2f6; padding: 5rem 0;}
.partner-list{position: relative; overflow: hidden; margin-bottom: 4.3125rem}
.partner-list ul li .pic{overflow: hidden;}
.partner-list ul li .pic img{width: 100%; mix-blend-mode: multiply;}
#partner-num{display: none;}
.partner-honor{overflow: hidden; position: relative; margin: 0 auto; }
.honor-box{position: relative;}
.partner-honor ul li .pic{overflow: hidden;}
.partner-honor ul li .pic img{width: 100%;}
.partner-bg .w1540{position: relative;}
#partner-prev,#partner-next{width: 3.625rem; height: 3.625rem; background: #d8d8d8; border-radius: 50%; transition: .6s; }
#partner-prev{left: 10%;}
#partner-next{right: 10%;}
#partner-prev img,#partner-next img{ min-width: 1rem;}
#partner-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); }
#partner1-num{display: none;}
#partner-prev:hover,#partner-next:hover{background: #0078ff;}


/* 慧表动态和行业资讯 */
.news-bg{padding: 4.125rem 0 4.8125rem;}
.news{display: grid; grid-template-columns: repeat(3, 1fr);     border: 1px solid #eee;}
.news dl{border-right: 1px solid #eee; padding: 1.25rem 6% .5rem; box-sizing: border-box;}
.news dl:last-child{border-right: none;}
.news dl .news-title{margin-bottom: 1.25rem; color: #0078ff;}
.news-list{height: 29.25rem; overflow: hidden;}
.news-list ul li {margin-bottom: 1.25rem; height: auto !important;}
.news-list ul li .pic{overflow: hidden; position: relative; display: none; margin-bottom: .4375rem}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .name{background: rgba(0, 0, 0, 0.3); padding:  .125rem 2%; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; z-index: 1; display: none;}
.news-list ul li .name h3{color: #fff;}
.news-list ul li.special-slide .pic{display: block;}
.news-list ul li.special-slide .name{display: block;}
.news-list ul li.special-slide h4{display: none;}
.news-list ul li .news-date{margin-bottom: .125rem;}
.news-list ul li .news-date span,.news-list ul li h5{color: #999;}
.news-list ul li h4{color: #1b1b1b; margin-bottom: .3125rem;}
.news dl{position: relative;}
.news-prev,.news-next{width: 1.125rem; height: 1.125rem; display: flex; align-items: center; justify-content: center; background:#0059e8; top: 9%!important;}
.news-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.news-prev img,.news-next img{ width: 30%;}
.news-prev{left: auto; right: 12%;}
.news-next{right: 6%;}


/* 选择慧表，数字化快人一步 */
.ys-bg{background: url(../images/ys-bg.jpg) no-repeat center; background-size: cover; text-align: center; padding: 6.8125rem 0 4.3125rem;}
.indexTle h4{margin-top: .4375rem;}
.ys-bg a.more1{margin: 0 auto; padding: .75rem 1.9rem;}


/* 公共底部 */
.footer{padding: 5rem 0 0;}
.foot-top{border-bottom: 1px solid #D8D8D8; padding-bottom: 6rem; }
.foot-nav {width: 58%;}
.foot-nav dl dt{color: #333333; margin-bottom: 1.25rem; font-weight: 500;}
.foot-nav dl dd,.foot-nav dl dd a{color: #666666; font-size: var(--font15); line-height: 2.5;}
.foot-logo{margin-bottom: 1.25rem;}
.foot-logo img{min-width: 12.375rem;}
.foot-icon{margin-bottom: 2rem;}
.foot-icon ul{display: grid; grid-template-columns: repeat(4, auto); column-gap:.9375rem}
.foot-icon ul li{position: relative;}
.foot-icon ul li .icon{width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #bdbdbd; transition: .6s;}
.foot-icon ul li .icon img{max-width: 50%;}
.foot-icon ul li:hover .icon{background: #0078FF;}
.foot-icon ul li .foot-wechat {position: absolute; left: 50%;top: 150%;transform: translate(-50%, 0%); transition: .5s; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0,.2); padding: .1rem; border-radius: 5px; box-sizing: border-box;}
.foot-icon ul li .foot-wechat::after {content: "";width: 1rem; height: .625rem; background: #fff;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);  position: absolute; left: 50%; top: -2%; transform: translate(-50%, -50%);}
.foot-icon ul li .foot-wechat img {width: 7.5rem;}
.foot-icon ul li:hover .foot-wechat {visibility: visible; opacity: 1; top: 100%; }
.foot-copy{padding: 1.75rem 0 4.0625rem;}
.foot-copy p,.foot-copy a{color: #666;}
.foot-nav dl dd a:hover,.foot-copy a:hover{color: #0078FF;}

/* 内页banner */
.ny-banner .pic img{display: block; width: 100%;}


/* 内页解决方案详情页 */
.solution{transform: translateY(-5.625rem); }
.solution-top{margin-bottom: 5.625rem; background: #fff; border-radius: 1.125rem;  box-shadow: 0px 0px 1.6875rem 0px rgba(183,183,183,0.11); padding: 4.25rem 2.8125rem 4rem 4.3125rem; box-sizing: border-box;}
.solution-top h3{font-weight: 500;}
.solution-box{padding: 0 1.5625rem;}
.solution-title{margin-bottom: 2.5rem;}


/* 开发者场景-列表页 */
.ny-banner{position: relative;}
.ny-banner .info{color: #fff; text-align: center;}
.scene{padding: 6.9375rem 0; border-bottom: 1px solid #DEDEDE;}
.scene-list ul{display: grid; grid-template-columns: repeat(3, 1fr);  grid-gap: 4.375rem;} 
.scene-list ul li{}
.scene-list ul li .pic{overflow: hidden; position: relative; border-radius: .875rem;}
.scene-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.scene-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.scene-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; top: 0; display: flex; align-items: center; justify-content: center;}
.scene-list ul li .hide div>img{min-width: 2.125rem; margin-right: .75rem;}
.scene-list ul li .hide div em{color: #fff; }
.scene-list ul li .info{padding:  1.875rem .8125rem 0}
.scene-list ul li .info strong{color: #333333; margin-bottom: .5rem;}
.scene-list ul li .info h4{color: #666666; margin-bottom: 1.625rem;}
.scene-list ul li .info span{color: #0078ff;}
.scene-list ul li:hover .info strong{color: #0078ff;}


/* 内页开发者案例列表页 */
.developerMain{border-bottom: 1px solid #DEDEDE;}
.develop-banner{text-align: center; background: #f2f2f2; padding: 4.1875rem 0 6.25rem;}
.develop-banner .pic{ margin: 0 auto 2.8125rem;}
.develop-banner .pic img{mix-blend-mode: multiply; width: 54.5rem;}
.develop-banner strong{display: block; margin-bottom: .4375rem;}
.develop-banner h3{color: #333333; display: block; margin-bottom: 1.875rem;}
.develop-banner h4{font-weight: 400; }

.developerMain .indexTle{margin-bottom: 4.375rem;}
.authority{padding: 5rem 0 6.25rem;}
.authority-list ul{display: grid; grid-template-columns: repeat(3, 1fr);  column-gap:4.9375rem;}
.authority-list ul li{background: #f2f2f2;  border-radius: 1.875rem; text-align: center; padding: 3.9375rem 2% 4.5625rem; box-sizing: border-box;}
.authority-list ul li .icon{width: 4.5rem; margin: 0 auto 2rem;}
.authority-list ul li .icon img{display: block; width: 100%;}
.authority-list ul li strong{color: #333333; display: block; margin-bottom: .625rem;}
.authority-list ul li h4{color: #333333; font-weight: 400; line-height: 1.9;}

.case-ys{padding: 0 0 5.9375rem;}
.caseys-list ul{display: grid; grid-template-columns: repeat(3, 1fr);  column-gap:4.9375rem;}
.caseys-list ul li{text-align: center;}
.caseys-list ul li .icon{width: 2.5rem; margin: 0 auto 1.6875rem;}
.caseys-list ul li .icon img{display: block; width: 100%;}
.caseys-list ul li strong{color: #333333; display: block; margin-bottom: .625rem;}
.caseys-list ul li h4{color: #333333; font-weight: 400; line-height: 1.9;}

.practitioner-bg{background: #f2f2f2; padding: 5rem  0 7.5rem;}
.practitioner ul{display: grid; grid-template-columns: repeat(3, 1fr);  column-gap:4.9375rem;}
.practitioner ul li{text-align: center;}
.practitioner ul li .pic img{display: block; height: 13.12rem; margin: 0 auto 2.1875rem;}

.achievement-bg{background: url(../images/achievement-bg.jpg) no-repeat center; background-attachment: fixed; color: #fff; background-size: cover; padding: 6.25rem 0;}
.indexTle h3{font-weight: 400; margin-top: .375rem;}
.achievement-list{padding: 0 7%;}
.achievement-list ul{display: grid; grid-template-columns: repeat(4, 1fr);  column-gap:2.875rem; margin-bottom: 6.9375rem;}
.achievement-list ul li img{width: 2.125rem; margin-right: .5625rem;}
.achievement-more {text-align: center;display: flex;justify-content: center;}
.achievement-more .more1{margin-right: 0;background: #f2f2f2;color: #333333;font-weight: 700;padding:1.125rem 4rem; font-size: var(--font20);}
.achievement-more .more1:hover{background: #fff; color: #0078FF;}

.solutions{padding: 5.25rem 0;}
.solutions-list ul li{background: #f7f7f7; border: 1px solid #dedede; border-radius: 1.3125rem; margin-bottom: 2.1875rem; padding: 4rem 3rem;}
.solutions-list ul li .icon{width: 6.75rem; height: 6.75rem; background: #ffffff; border-radius: 50%; }
.solutions-list ul li .icon img{width: 100%;}
.solutions-list ul li .info{flex: .92;}
.solutions-list ul li .info h3{color: #333333; font-weight: 500; display: block; margin-bottom: .625rem;}
.solutions-list ul li .info h4{color: #666666; line-height: 1.8;}
.solutions-list ul li .info span{transition: .6s; display: inline-block; background: #0078ff; border-radius: 1.75rem; letter-spacing: 0.4px; padding: 1rem 1.875rem; margin-top: 3.25rem;}
.solutions-list ul li .pic{width: 24%;}
.solutions-list ul li .pic img{display: block; width: 100%; border-radius: 8px; margin-bottom: .9375rem;}
.solutions-list ul li .pic em{text-align: center; color: #333333; display: block;}
.solutions-list ul li .info span::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(105deg,#6b5ba0 0%, #37a5d0 100%);opacity: 0;  transition: opacity .5s; z-index: -1;}
.solutions-list ul li:hover .info span {-webkit-box-shadow: 0 0 0 10px rgba(0, 120, 255,.2); box-shadow: 0 0 0 10px rgba(0, 120, 255,.2);}
.solutions-list ul li:hover .info span::before {opacity: 1;}

/* 内页开发者案例详情页 */
.ny-banner .text h3{margin-bottom: 1.75rem;}
.casexq-bg{position: relative;}
.banner-pic {position: absolute; top: 0; z-index: -1;}
.banner-pic img{display: block; width: 100%;}
.case-xq{display: flex; align-items: flex-start;  justify-content: space-between; padding: 5rem 0 8.75rem; }
.case-left{ width: 60%;}
.cases{padding: 13.375rem 0 0;}
.casexq-box{margin-bottom: 6.25rem;}
.casexq-title{margin-bottom: 1.2rem;}
.case-editor-item dl{margin-bottom: 2.1875rem}
.case-editor-item dl dt{color: #333; font-weight: 700; margin-bottom: .375rem; font-size: var(--font18);}
.case-editor-item dl dd{color: #444444; font-size: var(--font18); }
.case-editor-items  dl dd,.case-editors{white-space: pre-wrap}

.case-editor-item2 dl{margin-bottom: .625rem;}
.case-editor-item2 dl  img{min-width: .9375rem; margin-right: .4375rem; margin-top: -0.5rem;} 
.case-editor-item2 dl:last-child span{display: block;}
.case-editor{color: #444444; font-size: var(--font18);}

.wapny-banner{display: none;}

.case-right{  position: sticky; top: 5.8125rem; width: 23.7%; background: #ffffff; border: 1px solid #efefef;  padding: 2.1875rem 1.125rem 5.3125rem; box-sizing: border-box; border-radius: .75rem;  box-shadow: 0px 0px 27px 0px rgba(172,172,172,0.10); }
.case-top{border-bottom: 1px solid #E2E2E2; text-align: center; padding-bottom: 1.375rem;}
.case-top .case-icon{width: 6rem; height: 6rem; border-radius: 50%; margin: 0 auto .625rem; border: 1px solid #efefef;}
.case-top .case-icon img{width: 100%;}
.case-top h3{color: #333333;}
.case-top span{color: #666; margin-bottom: .9375rem; display: block;}
.case-link a{background: #0078ff; border-radius: 1.4375rem; display: inline-block; padding: .75rem 2.375rem; transition: .6s;}
.case-link img{min-width: 1.1875rem; margin-right: .4375rem;}
.case-link em{color: #ffffff;}
.case-link a:hover{background: #0057ef;}
.case-middle{padding: 1.625rem 0 .625rem; border-bottom: 1px solid #E2E2E2; margin-bottom: 1.8125rem;}
.case-middle dl{margin-bottom: 2.125rem}
.case-middle dl dt{color: #333333;font-weight: 700;}
.case-middle dl dt img{min-width: 1.3125rem; margin-right: .25rem;}
.case-middle dl dd{color: #666666;}
.case-wechat .pic img{border: 1px solid #dadada; min-width: 8rem; margin: 0 auto .625rem; display: block;}
.case-wechat .pic span{color: #333333; display: block; text-align: center;}

/* 内页客户案例 */
.select-main{padding: 5rem 0 0;}
.select-title h4{margin-bottom: 1.875rem;}
#select-form{border: 1px solid #dedede;  border-radius: .625rem; padding: 2.5rem 3.125rem .9375rem; margin-bottom: 3.375rem; box-sizing: border-box; }
#select-form .layui-form-list{display: flex; align-items: center; margin-bottom: .9375rem;}
#select-form .layui-form-list .tit{margin-right: 2.6875rem; font-weight: 700;}
#select-form .layui-form-item{margin-bottom: 0;}
#select-form .layui-form-checkbox[lay-skin=primary]{padding-left: 0; margin-top: 0; margin-right: 3.125rem;}
#select-form .layui-form-checkbox[lay-skin="primary"] i { display: none;}
#select-form .layui-form-checkbox>div{font-size: var(--font16); color: #666666; padding: .375rem .875rem;}
#select-form .layui-form-checked div{background: #d3e9ff;  border-radius: .3125rem; color: #0027ea;}
.nycase-list{position: relative; overflow: hidden; margin-bottom: 7.125rem;}
.nycase-list ul li{border: 1px solid #e5e5e5; border-radius: 1.25rem;}
.nycase-list ul li .pic{overflow: hidden; border-radius: 1.25rem;}
.nycase-list ul li .pic img{display: block; width: 100%;}
.nycase-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nycase-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nycase-list ul li .info{padding: 1.25rem 1.875rem 2.0625rem; box-sizing: border-box;}
.nycase-list ul li .case-logo img{width: 100%; margin-bottom: .625rem;}
.nycase-list ul li .info h3{color: #000; margin-bottom: 1.875rem;} 
.nycase-list ul li .case-label{}
.nycase-list ul li .case-label {display: grid; grid-template-columns: repeat(4, auto); gap:1.25rem}
.nycase-list ul li .case-label dl{background: #edeff1; border-radius: 100px; text-align: center; line-height: 1.6;}
#nycase-num{display: none;}
.nycase-box{position: relative;}
#nycase-prev{left: 12%;}
#nycase-next{right: 12%;}
#nycase-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#nycase-prev img,#nycase-next img{ min-width: 1.1875rem;}
.ny-partner{padding: 0 0 5.0625rem;}
.ny-partner .partner-list{margin-bottom: 0;}

/* 价格 */
.priceMain{border-bottom: 1px solid #DEDEDE;  padding-bottom: 4.0625rem; margin-top: -15.3125rem; position: relative; z-index: 1;}
.price-banner .info{top: 4.5rem;     transform: translate(-50%, 0);}
.ny-banner h5{margin-top: .25rem;}
.price-btn {margin-bottom: 1.3125rem;}
.price-btn ul{display: flex; justify-content: center;}
.price-btn ul li{cursor: pointer; line-height: 2.2; color: rgba(255,255,255,.42); font-weight: 700; position: relative; margin: 0 5.625rem;}
.price-btn ul li::after{transition: .6s; position: absolute; content: ''; width: 0; height: .3125rem; background: #ffffff; border-radius: .1875rem; bottom: 0; left: 0;}
.price-btn ul li.on::after{width: 100%;}
.price-btn ul li.on{color: rgba(255,255,255,1);}
.price-bd{background: #ffffff; border-radius: 17px; box-shadow: 0px 0px 27px 0px rgba(172,172,172,0.10); padding: 3.125rem 1.875rem; margin-bottom: 4.0625rem; box-sizing: border-box;}
.price-bd dl{display: none;}
.price-bd dl:first-child{display: block;}
.price-link{display: flex; justify-content: center;}
.price-link a{position: relative; overflow: hidden; transition: .6s; display: inline-block; background: #0078ff; border-radius: 1.75rem; letter-spacing: 0.4px; padding: .8125rem 2.4375rem;}
.price-link a::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(105deg,#6b5ba0 0%, #37a5d0 100%);opacity: 0;  transition: opacity .5s; z-index: -1;}
.price-link a:hover  {-webkit-box-shadow: 0 0 0 10px rgba(0, 120, 255,.2); box-shadow: 0 0 0 10px rgba(0, 120, 255,.2);}
.price-link a:hover::before {opacity: 1;}


/* 资讯 */
.news-banner{position: relative;}
.news-banner .info {text-align:left;}
.newsMain{border-bottom: 1px solid #DEDEDE; padding: 3rem 0 6.25rem; }
.news-class{margin-bottom: 3.9375rem;}
.news-class ul li:first-child{margin-right: 1.5625rem;}
.news-class ul li a{color: #333; padding: .875rem 2.375rem; display: block; transition: .6s;}
.news-class ul li.on a,.news-class ul li:hover a{background: #0173fe; border-radius: 1.75rem; color: #fff;}
.nynews-list ul{display: grid;  grid-template-columns: repeat(3, 1fr);gap:2rem 3.8125rem;}
.nynews-list ul li{border-radius: 1.25rem;  background: linear-gradient(-13deg,rgba(212,212,212,0.3) 0%, rgba(247,247,247,0.3) 100%);}
.nynews-list ul li .pic{overflow: hidden; border-radius:  1.25rem 1.25rem 0px 0px;}
.nynews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{border-radius: 0px 0px 1.25rem 1.25rem; padding: 1.875rem 1.875rem 2.6875rem; box-sizing: border-box;}
.nynews-list ul li .info em{color: #333; margin-bottom: .8125rem; font-weight: 500; display: block; min-height: 6.5rem;}
.nynews-list ul li .info p{color: #777777;}
.nynews-list ul li:hover .info em{color: #0173FE;}


/* 内页新闻详情 */
.newsDate {background: #f9f9f9;padding: 3.125rem 0 6.25rem;position: relative; z-index: 1;}
.newsDate .newsmbx {color: #666666; padding: 2.5rem 0;}
.newsDate .newsmbx a {font-size: var(--font18);color: #666666;}
.newsDate .newsmbx a:hover {color: #236def;}
.newsDate .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .box .le {width: 100%;}
.newsDate .tle {padding-bottom: 2.1875rem; border-bottom: 1px solid #CCCCCC;}
.newsDate .tle h5 {font-size: var(--font32);}
.newsDate .tle .time {font-size: var(--font16);color: #777777; margin-top: .625rem;}
.newsDate .dateCon {margin-top: 3.125rem;}
.newsDate .dateCon img {max-width: 100%;}
.datePage {margin-top: 3.125rem; background: #ffffff;border-radius: 5px; padding:3.4375rem 2.8125rem; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap;}
.datePage > div {display: flex; align-items: center; font-size: var(--font16); flex-wrap: wrap;}
.datePage > div img {margin-left: 1.25rem;}
.datePage > div a {color: #797979;}
.datePage .prev img {transform: rotate(180deg); margin-left: 0; margin-right: 1.25rem;}
.datePage > div a:hover {color: #236def;}


/* 下载 */
.down-bg{background: url(../images/down-bg.jpg) no-repeat center top; background-size: cover; padding: 5.625rem 0 9.0625rem;}
.down-bg .indexTle{margin-bottom: 5rem;}
.down-list{margin-bottom: 5.375rem}
.down-list ul{display: flex; justify-content: space-around;}
.down-list ul li{ width: 12.625rem; height: 12.625rem; background: #1376ee; border-radius: .9375rem; text-align: center; overflow: hidden; position: relative;}
.down-list ul li a{ color: #fff;}
.down-list ul li .icon img{position: absolute; top: .9375rem; right: .9375rem; }
.down-list ul li.ios{position: relative;}
.down-list ul li .down-wechat{display: flex; align-items: center; justify-content: center; border-radius: .9375rem; }
.down-list ul li .down-wechat img{width: 100%; border-radius: .9375rem; }
.down-list ul li.ios{background: transparent;}
.down-list ul li.ios .info{transition: .6s; -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 21%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 75% 0%, 100% 21%, 100% 100%, 0% 100%); position: absolute; bottom: 0; width: 100%; height: 100%; background: #1376ee; border-radius: .9375rem; }
.down-list ul li.ios:hover .info{bottom: -100%;}
.down-list ul li.ios .icon img{display: none;}
.down-list ul li .pic{}
.down-list ul li .pic img{width: 3rem; padding: 4.125rem 0 1.5rem;}
.down-list ul li b{display: block;}
.down-list ul li span{display: block; font-weight: 400;}
.down-btn{display: flex; justify-content: center;}
.down-btn a{margin:  0 .625rem; font-size: var(--font14); padding: .625rem 2rem;}










/* 登录页 */
.loginMain {background: url(../images/loginMain-bj.jpg) no-repeat center; background-size: cover; min-height: 100vh;}
.login { min-width: 36.25rem; background: #fff; padding: 2.5rem; border-radius: 1.25rem;box-shadow: 0px 0px 1.875rem 0px rgba(172,172,172,0.28); }
.login .login-header img {min-width: 12.375rem;}
.login .layui-form {margin-top: 1.25rem;}
.login .layui-form .layui_item {margin-bottom: 1rem; position: relative;}
.login .layui-form .layui_item input {padding: 0 1.875rem; background: rgba(225, 225, 225,.5);border-radius: .625rem; height: 4.063rem; box-sizing: border-box;}
.login .layui-form .layui_code input {padding-right: 10rem;}
.login .layui-form .layui_code button {line-height: initial; padding: 0 1.875rem; position: absolute; right: 0; bottom: 0; height: 100%;border-radius: .625rem;background: #0078ff; font-size: var(--font16);}
.login .layui-form .layui_agree a {color: #0078FF;}
.login .layui-form .layui_agree .agree_input {width: 1.25rem; height: 1.25rem;}
.login .layui-form .layui_agree p {margin-top: -0.25rem;}
.login .layui-form .layui-btn-blue {line-height: initial; margin-top: 3.125rem; width: 100%;height: 3.75rem;background: #0078ff;border-radius: .625rem; font-size: var(--font18);}

/* 微信登陆 */
.wx_login {margin-top: 1.5rem;}
.wx_box {margin-top: 2.5rem; text-align: center; display: none;}
.wx_box img {width: 100%; max-width: 18.75rem; object-fit: contain;}
.wx_box button {line-height: initial; margin: 1.875rem auto 0; width: 100%; height: 3.75rem; background: #0078ff;border-radius: .625rem; font-size: var(--font18); color: #fff;}

/* 弹窗 */
.model {display: none;}
/* 复选框 */
.login .layui-form .layui-form-checkbox[lay-skin=primary]>i {width: 1rem; height: 1rem; top: 50%; transform: translateY(-50%); }
.login .layui-form .layui-form-checkbox[lay-skin=primary] {max-width: max-content; max-height: max-content;padding-left: 1.5rem;}
.login .layui-form .layui-form-checked[lay-skin=primary]>i {border-color: #0078FF !important;background-color: #0078FF;}
.login .layui-form .layui-form-checkbox[lay-skin=primary]:hover>i {border-color: #0078FF !important;}

/* 预约页 */
.bookingMain {min-height: 100vh;}
.bookingMain .right {width: 50%;}
.bookingMain .right img {width: 100%;}
.bookingMain .login-header img {min-width: 4.063rem;}
.bookingMain .login {width: 42%;}
.bookingMain .login .layui-form .layui_item input {height: 3.375rem;}
.bookingMain .layui-form .layui-btn-blue {margin-top: 1rem;}




/* 解决方案页 */
.soluMain {background: #f4f4f4; padding: 5rem 0;}

.soluBox .layui-form {margin-top: 3.125rem;}
.soluBox .card {background: #ffffff;border-radius: 1rem; padding: 1.875rem 2.125rem 2.5rem 2.5rem; margin-bottom: 1.5rem;}
.soluBox .card .card_tle .icBox {margin-right: 1rem;}
.soluBox .card .card_tle .icBox img {min-width: 1.5rem; min-height: 1.5rem; object-fit: contain;}
.soluBox .card .formBox .form_item {margin-top: 1.875rem;}
.soluBox .card .formBox .form_item label {font-size: var(--font14); margin-bottom:  .625rem; display: block; color: #000;}
.soluBox .card .formBox .form_item input {height: 3.25rem;border: 1px solid #d1d1d1;border-radius: .625rem; padding: 0 1.25rem; font-size: var(--font14);}
.soluBox .card .formBox .form_item input::placeholder {color: #8F8F8F;}
.soluBox .card .formBox .form_item textarea {min-height: 8.5rem; padding: 1.25rem; border-radius: .625rem; border: 1px solid #d1d1d1; font-size: var(--font14);}
.soluBox .card .formBox .form_item textarea::placeholder {color: #8F8F8F; line-height: 1.8; white-space: pre-line;}

.soluBox .card.cardTwo .formBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.soluBox .card.cardTwo .formBox .form_item {width: 48.5%;}
.soluBox .card.cardTwo .formBox .form_item.w100 {width: 100%;}
.soluBox .card.cardTwo .form_item textarea {height: 11rem;}

.soluBox .card.cardThre .upload_box {flex-wrap: wrap;}
.soluBox .card.cardThre .upload_box textarea {width: 48%;margin-right: 1.25rem; resize: none;}

.soluBox .card.cardFour .upload_box {border: 1px dashed #d1d1d1;border-radius: .625rem;padding: .625rem; flex-wrap: wrap;} 
.soluBox .card.cardFour .upload_box .layui-upload-drag {border: 0;}
.soluBox .card.cardFour .form_item.w60 .inBox {display: flex; flex-wrap: wrap; align-items: flex-start;}
.soluBox .card.cardFour .form_item.w60 .in_upload {width: 56%; position: relative;} 
.soluBox .card.cardFour .form_item.w60 .in_upload .layui-upload-drag2 {position: absolute; right: .625rem; top: 50%; transform: translateY(-50%);}
.soluBox .card.cardFour .form_item.w60 .layui-upload-list {width: 100%;}

.soluBox .card.cardFive .formBox .form_item textarea {min-height: 10rem;} 

.soluBox .card.cardSix .formBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.soluBox .card.cardSix .formBox .form_item {width: 48.5%;}
.soluBox .card.cardSix .formBox .form_item.w100 {width: 100%;}

.soluBox .card.cardSen .info_text {line-height: 1.8;} 

.soluBox .subBtn {margin-top: 10rem;}
.soluBox .subBtn .btn {width: 12.5rem;height: 3.75rem;background: #157dff;border-radius: 6.25rem; cursor: pointer;}

/* 上传 */
.layui-upload-drag {border-radius: .625rem; width: 11.25rem; height: 10rem; padding: 1.875rem; }
.layui-upload-drag .layui-icon {color: #AEAEAE;}
/* 上传2 */
.layui-upload-drag2 {display: flex; align-items: center;}
.layui-upload-drag2 .layui-icon {color: #AEAEAE;}
.layui-upload-drag2 .tit-16 {color: #8f8f8f; margin-left: .625rem;}

/* 上传图片展示层 */
.layui-upload-list {margin: 0; display: flex; flex-wrap: wrap;}
.layui-upload-list .preview-item {margin: .625rem; width: 11.25rem; height: 10rem; position: relative; border: 1px solid #eee; overflow: hidden; border-radius: .625rem;}
.layui-upload-list .preview-item::before {content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: .3;}
.layui-upload-list .preview-item img {width: 100%; height: 100%; object-fit: contain;}
.layui-upload-list .preview-item .preview-item-actions {position: absolute; right: 3%; top: 0; cursor: pointer;}
.layui-upload-list .preview-item .preview-item-actions span {color: #fff;font-size: var(--font16);}


.layui-nav .layui-this:after, .layui-nav-bar{display: none;}



.case-editor-item dl dd .pic{margin-bottom: 1rem;}
.case-editor-item dl dd .pic img{display: block; width: 100%; border-radius: 1rem;}