/* 批 #102-D：配色令牌。口径取 dynadot.com —— 亮蓝 #0096f7 只做描边/悬停/图形，
   填充按钮与文字链一律用够对比度的深蓝（白字压在 #0096f7 上只有 3.05:1，达不到 WCAG AA 的 4.5:1），
   橙 #ff8a00 只留给价格。本主题已依赖 flex 与 backdrop-filter，IE11 本就渲染不了，故 var() 不另加降级声明。 */
:root{
--brand:#0066cc;
--brand-bright:#0096f7;
--brand-ink:#0262c7;
--brand-deep:#0052a3;
--ink:#0b1c3d;
--muted:#5b6b7f;
--panel:#f1f5f9;
--line:#e3edf7;
--price:#ff8a00;
}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{font-family:Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%}
body{margin:0;padding:0;color:#000;background-color:#fff;word-wrap:break-word;word-break:break-all;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}[hidden],template{display:none}
a{color:#000;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0;color:#000;}
@media print{
	:link,:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")";font-weight:400;font-size:22px;text-decoration:none}
	a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
}
abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
@media print{
	abbr[title]:after{content:" (" attr(title) ")"}
}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,pre,samp,var{font-size:1em}
dfn{font-style:italic}
mark{background-color:#fd0;color:#000}
small{font-size:18px}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
blockquote{margin:40px 44px}
dl,menu,ol,ul{margin:40px 0}
ol ol,ol ul,ul ol,ul ul{margin:0}
dd{margin:0 0 0 44px}
[dir=rtl] dd{margin:0 44px 0 0}
menu,ol,ul{padding:0 0 0 44px}
[dir=rtl] menu,[dir=rtl] ol,[dir=rtl] ul{padding:0 44px 0 0}
figure{margin:40px 0}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
img{border-style:none;}
img,svg{max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
input{overflow:visible}
fieldset{padding:14px 25px 26px;border:1px solid #ccc;margin:0 2px}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;white-space:normal;color:inherit;margin-left:-5px;padding:0 5px}
label{display:block}
label,optgroup{font-weight:700}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0;width:100%;}
td,th{padding:5px;border:1px #000 solid;display:table-cell;vertical-align:middle;white-space:nowrap;}
/* 为表格创建一个可滚动的容器 */
.field-item .table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 提升移动端滚动体验 */
  margin: 0.5em 0;
}
/* 确保表格本身不被压缩，保持自然宽度 */
.field-item .table-wrapper table {
  min-width: 100%; /* 防止表格过窄 */
  width: auto;     /* 关键：允许表格超出父容器 */
  border-collapse: collapse;
}
.field-item tr:first-child td:first-child{width:20%}
.field .field-label{font-weight:bold;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-button-lock{display:none}
@-webkit-keyframes swiper-preloader-spin{
	to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes swiper-preloader-spin{
	to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}

.layout{margin:64px}
.full{margin-left:-64px;margin-right:-64px; padding: 64px;}

@media (min-width:1080px) and (max-width:1499px){
	.layout{margin:48px;}
	.full{margin: 0px -48px; padding: 0px 48px;}
}
@media (min-width:720px) and (max-width:1079px){
	.layout{margin:32px}
	.full{margin: 0px -32px; padding: 0px 32px;}
}
@media (max-width:719px){
	.layout{margin:32px}
	.full{margin: 0px -32px; padding: 0px 32px;}
}
@media (max-width:480px){
	.layout{margin:20px}
	.full{margin: 0px -20px; padding: 0px 20px;}
}
.box{margin-bottom:40px;border:5px solid #ccc;padding:1em}
.box:focus,.box:hover{border-color:#000}
.divider,hr{margin:40px 0;border:0;border-top:1px solid #ccc}
.divider>:first-child,hr>:first-child{margin-top:40px}
.hidden{display:none}
span.field-label{display:inline;margin-right:10px}
[dir=rtl] span.field-label{margin-right:0;margin-left:10px}
span.field-label *,span.field-label+*,span.field-label+*>:first-child,span.field-label+*>:first-child>:first-child{display:inline}
.pager{clear:both;padding:0;text-align:center}
@media print{
	.pager{display:none}
}
.pager a{display:inline;padding:0 .5em;list-style-type:none;background-image:none}
.button,[type=reset],[type=submit],button,html [type=button]{-moz-appearance:button;-webkit-appearance:button}
.button,[type=button],[type=reset],[type=submit],button{display:inline-block;padding:2px 6px;line-height:inherit;text-decoration:none;cursor:pointer;color:#000}
.button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
.button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{text-decoration:none;color:#000}
.button[disabled],[disabled][type=button],[disabled][type=submit],button[disabled]{cursor:default;color:#999}
.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover,[disabled]:active[type=button],[disabled]:active[type=submit],[disabled]:focus[type=button],[disabled]:focus[type=submit],[disabled]:hover[type=button],[disabled]:hover[type=submit],button[disabled]:active,button[disabled]:focus,button[disabled]:hover{color:#999}
.clearfix:before,.tabs:before{content:"";display:table}
.clearfix:after,.tabs:after{content:"";display:table;clear:both}
.form-item{margin:40px 0}
.form-required{color:#c00}
.center{text-align:center;}
h1{font-size:48px;line-height:1.33}
.caption-block{font-size:32px;line-height:1.75; font-weight: 700;}
@media (min-width:1500px){
	.caption-block{font-size:48px;line-height:1.5}
}
@media (max-width:1079px){
	.caption-block{font-size:24px;line-height:1.75}
}
.clients-review .card-wrap .review,.field-name-body h2,.field-name-body h3, h2, h3, h4, h5, h6{font-size:18px;line-height:1.5}
.field-name-body>*{max-width: 70%;}
.service-tech .tech a,.field-name-field-technologies-link .field-items,.view-tax-content .content h2,.view-tax-content .content h3{font-size:20px;line-height:2}
@media (min-width:1500px){
	.service-tech .tech a,.field-name-field-technologies-link .field-items,.view-tax-content .content h2,.view-tax-content .content h3{font-size:24px;line-height:1.75}
}
.cases-filter_item,.label-block,.p-location .location-wrap,.email,.social,html{font-size:16px;line-height:2}
@media (min-width: 1500px) {
    .cases-filter_item,.label-block,.p-location .location-wrap,.email,.social,html{font-size:18px;line-height: 2}
}
h1{font-weight:500;margin-bottom:32px}
@media (min-width:1080px) and (max-width:1499px){
	h1{margin-bottom:24px; font-size:40px;}
}
@media (min-width:720px) and (max-width:1079px){
	h1{margin-bottom:16px; font-size:32px;}
}
@media (max-width:719px){
	h1{margin-bottom:16px; font-size:24px;}
}
h2,h3,h4,h5,h6{font-weight:400;margin-bottom:14px}
@media (max-width:1079px){
	h2,h3,h4,h5,h6{margin-bottom:6px}
}
.red{color:#FF0000;}
.name.red{background-image: linear-gradient(90deg,#FF0000 50%,transparent 0);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto;}
.swiper-button-next, .swiper-button-prev {position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto;}
.field-name-body p{color: rgba(0,0,0,.6);}
.industries-card__wrap:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='16' viewBox='0 0 26 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8H0m24 0l-7 7m7-7l-7-7' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");width:24px;height:14px;background-position:50%;background-size:contain;background-repeat:no-repeat}
.control-wrap .button-next:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='16' viewBox='0 0 82 16' width='82' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 8H0m80 0l-7-7m7 7l-7 7' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");background-position:100%;background-size:80px 14px;background-repeat:no-repeat}
.control-wrap .button-prev:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='16' viewBox='0 0 82 16' width='82' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h80M2 8l7-7M2 8l7 7' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");background-position:0;background-size:80px 14px;background-repeat:no-repeat}
.services-card__wrap svg.design .r1,.services-card__wrap svg.design .r2,.services-card__wrap svg.design .r3{-webkit-transition:-webkit-transform .4s 0s;transition:-webkit-transform .4s 0s;transition:transform .4s 0s;transition:transform .4s 0s,-webkit-transform .4s 0s}
.services-card__wrap svg.design .r2{-webkit-transform:matrix(1,0,0,-1,19,88);transform:matrix(1,0,0,-1,19,88)}
.services-card__wrap svg.design .r3{-webkit-transform:matrix(1,0,0,-1,1,97);transform:matrix(1,0,0,-1,1,97)}
.services-card__wrap svg.design .r1{-webkit-transform:matrix(1,0,0,-1,1,79);transform:matrix(1,0,0,-1,1,79)}
.services-card__wrap:hover svg.design .r1{-webkit-transform:matrix(1,0,0,-1,19,88);transform:matrix(1,0,0,-1,19,88)}
.services-card__wrap:hover svg.design .r2{-webkit-transform:matrix(1,0,0,-1,1,97);transform:matrix(1,0,0,-1,1,97)}
.services-card__wrap:hover svg.design .r3{-webkit-transform:matrix(1,0,0,-1,1,79);transform:matrix(1,0,0,-1,1,79)}
.services-card__wrap svg.web .r1,.services-card__wrap svg.web .r2,.services-card__wrap svg.web .r3{-webkit-transition:all .4s 0s;transition:all .4s 0s}
.services-card__wrap svg.web .r3{-webkit-transform:matrix(1,0,0,-1,13,97);transform:matrix(1,0,0,-1,13,97)}
.services-card__wrap svg.web .r1{-webkit-transform:matrix(1,0,0,-1,1,85);transform:matrix(1,0,0,-1,1,85)}
.services-card__wrap svg.web .r2{-webkit-transform:matrix(1,0,0,-1,25,73);transform:matrix(1,0,0,-1,25,73)}
.services-card__wrap:hover svg.web .r1{-webkit-transform:matrix(1,0,0,-1,13,97);transform:matrix(1,0,0,-1,13,97);width:72px;height:96px;rx:16}
.services-card__wrap:hover svg.web .r2{-webkit-transform:matrix(1,0,0,-1,1,85);transform:matrix(1,0,0,-1,1,85);width:96px;height:72px;rx:16}
.services-card__wrap:hover svg.web .r3{-webkit-transform:matrix(1,0,0,-1,25,73);transform:matrix(1,0,0,-1,25,73);width:48px;height:48px;rx:8}
.services-card__wrap svg.mobile .r1,.services-card__wrap svg.mobile .r2,.services-card__wrap svg.mobile .r3{-webkit-transition:all .4s 0s;transition:all .4s 0s}
.services-card__wrap svg.mobile .r1{-webkit-transform:matrix(1,0,0,-1,1,97);transform:matrix(1,0,0,-1,1,97)}
.services-card__wrap svg.mobile .r2{-webkit-transform:matrix(1,0,0,-1,13,85);transform:matrix(1,0,0,-1,13,85)}
.services-card__wrap svg.mobile .r3{-webkit-transform:matrix(1,0,0,-1,25,73);transform:matrix(1,0,0,-1,25,73)}
.services-card__wrap:hover svg.mobile .r1{-webkit-transform:matrix(1,0,0,-1,13,85);transform:matrix(1,0,0,-1,13,85);width:72px;height:72px;rx:16}
.services-card__wrap:hover svg.mobile .r2{-webkit-transform:matrix(1,0,0,-1,25,73);transform:matrix(1,0,0,-1,25,73);width:48px;height:48px;rx:8}
.services-card__wrap:hover svg.mobile .r3{-webkit-transform:matrix(1,0,0,-1,37,61);transform:matrix(1,0,0,-1,37,61);width:24px;height:24px;rx:8;stroke:transparent}
.services-card__wrap svg.blockchain .r1,.services-card__wrap svg.blockchain .r2,.services-card__wrap svg.blockchain .r3{-webkit-transition:all .4s 0s;transition:all .4s 0s}
.services-card__wrap svg.blockchain .r1{-webkit-transform:matrix(1,0,0,-1,1,97);transform:matrix(1,0,0,-1,1,97)}
.services-card__wrap svg.blockchain .r2{-webkit-transform:matrix(1,0,0,-1,25,73);transform:matrix(1,0,0,-1,25,73)}
.services-card__wrap svg.blockchain .r3{-webkit-transform:matrix(1,0,0,-1,13,85);transform:matrix(1,0,0,-1,13,85)}
.services-card__wrap:hover svg.blockchain .r1{-webkit-transform:matrix(1,0,0,-1,25,73);transform:matrix(1,0,0,-1,25,73)}
.services-card__wrap:hover svg.blockchain .r2{-webkit-transform:matrix(1,0,0,-1,1,97);transform:matrix(1,0,0,-1,1,97)}
.hireus_form .ju7_form>div .form-actions input,.field-name-body a{text-decoration:none;background:transparent -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(0,hsla(227,5%,63%,.6))) no-repeat;background:transparent linear-gradient(90deg,#fff 50%,hsla(227,5%,63%,.6) 0) no-repeat;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#121212),color-stop(0,hsla(227,5%,63%,.6)));background-image:linear-gradient(90deg,#121212 50%,hsla(227,5%,63%,.6) 0);background-size:202% 1px;background-position:100% 100%;border:none;padding:0 0 2px;-webkit-transition:all .3s;transition:all .3s}
.cases-filter_item a,.cases-filter_item span,.field-name-field-technologies-link .field-items .field-item a,.p-location .location-wrap a,.submenu .view-header__item,.submenu>.view-content .row-submenu a,.name,.services .view-content a{text-decoration:none;background:transparent -webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(0,transparent)) no-repeat;background:transparent linear-gradient(90deg,transparent 50%,transparent 0) no-repeat;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#000),color-stop(0,transparent));background-image:linear-gradient(90deg,#000 50%,transparent 0);background-size:202% 1px;background-position:100% 100%;border:none;padding:0 0 2px;-webkit-transition:all .3s;transition:all .3s}
.service-tech .tech a,.hireus__contects a{color:#fff;text-decoration:none;background:transparent -webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(0,transparent)) no-repeat;background:transparent linear-gradient(90deg,transparent 50%,transparent 0) no-repeat;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(0,transparent));background-image:linear-gradient(90deg,#fff 50%,transparent 0);background-size:202% 1px;background-position:100% 100%;border:none;padding:0 0 2px;-webkit-transition:all .3s;transition:all .3s}
.cases-filter_item.active span,.cases-filter_item a:hover,.cases-filter_item span:hover,.hireus_form .ju7_form>div .form-actions input:hover,.service-tech .tech a:hover,.hireus__contects a:hover,.field-name-body .contents__nav-item a.contents__nav-link.active,.field-name-body .contents__nav-item a.contents__nav-link:hover,.field-name-field-technologies-link .field-items .field-item a:hover,.field-name-body a,.p-location .location-wrap a:hover,.submenu .view-header__item:hover,.submenu>.view-content .row-submenu a:hover,.industries-card__wrap:hover .name,.view-header a:hover,.services .view-content a:hover{background-position:0 100%}
.content .table{overflow-x:auto;touch-action:auto;}
.card-case{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;position:relative}
.card-case:nth-child(odd):last-child{-ms-flex-preferred-size:100%;flex-basis:100%}
.card-case:nth-child(odd):last-child .card-wrap{min-height:52.08333vw}
.card-case .card-wrap{display:block;position:relative;min-height:30vw;text-decoration:none;color:#fff;overflow:hidden;padding:40px;}
@media (min-width:1080px) and (max-width:1499px){
	.card-case .card-wrap{padding:20px;}
}
@media (min-width:720px) and (max-width:1079px){
	.card-case .card-wrap{padding:15px;}
}
@media (max-width:719px){
	.card-case .card-wrap{min-height:60vw;}
}
@media (max-width:480px){
	.card-case .card-wrap{padding:10px; font-size:12px; line-height:1.5}
}
.card-case .card-wrap:hover .pict{background-position: center bottom;}
.card-case .card-wrap:hover .pict:before{background-color:rgba(0,0,0,.6)}
.card-case .card-wrap:hover .in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.card-case .card-wrap .in{-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s,-webkit-transform .4s;-webkit-transform:translateY(0px);transform:translateY(0px);opacity:0;}
.card-case .card-wrap span{display:block;position:relative}
.card-case .card-wrap .pict{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;background-color:#000;background-position: center top;transition: ease-out 8s;}
.card-case .card-wrap .pict:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent}
.card-case .card-wrap .info-wrap{position:relative}
.card-case .card-wrap .position{opacity:.6}
@media (min-width:1080px) and (max-width:1499px){
	.card-case .card-wrap .name img{width:25%;}
}
@media (min-width:720px) and (max-width:1079px){
	.card-case .card-wrap .name img{width:25%;}
}
@media (max-width:719px){
.card-case{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}
	.card-case:nth-child(odd):last-child .card-wrap{min-height:66.66667vw}
	.card-case .card-wrap .name img{width:25%;}
	.card-case .card-wrap .in{opacity: 1;}
}
body,html{height:100%}
body>.layout-center,html>.layout-center{min-height:100%;background-color:#fff;padding-top:96px;}
@media (min-width:1080px) and (max-width:1499px){
	body>.layout-center,html>.layout-center{padding-top:72px	}
}
@media (min-width:720px) and (max-width:1079px){
	body>.layout-center,html>.layout-center{padding-top:64px}
}
@media (max-width:719px){
	body>.layout-center,html>.layout-center{padding-top:60px}
}
body{-webkit-font-smoothing:antialiased}
body>.layout-center.freeze{position:fixed;width:100vw}
ol,ul{list-style-type:none;margin:0;padding:0}
.field-name-body ul li,.tax-content .content ul li{padding-left:1.3em;color:rgba(0,0,0,.6);}
.field-name-body ul li:before,.tax-content ul li:before{content:"\2014";display:inline-block;margin-left:-1.3em;width:1.3em}
.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;width:100%;height:72px;top:0;left:0;z-index:500;padding:18px 64px;background-color:hsla(0,0%,100%,.99);-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow: 0 0 1px #ddd;border-bottom: 1px solid #f0f0f0;}
.search {text-decoration:none;color:#000;background-color:#fff;padding:8px 16px;border-radius:16px;line-height:16px;white-space:nowrap;border:1px solid #ccc}
.search:hover{color:#fff;background-color:#000;border:1px solid #000}
.sear_con {position:absolute;left:40%;top:0px;background:#ebebeb;right:0;opacity:0;visibility:hidden;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.sear_con.cur {opacity:1;visibility:visible;}
.sear_con input {border:none;display:block;width:88%;color:#333;margin:20px;padding:10px;}
.sear_con>p {position:absolute;width:8%;height:100%;right:0px;top:0px; margin:0px; padding:40px; background-color:#c2c2c2;}
.sear_con>p span {height:38px;width:2px;position:absolute;top:28px;transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;}
.sear_con.cur>p span.ac-gn-searchview-close-left {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#333;}
.sear_con.cur>p span.ac-gn-searchview-close-right {-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#333;}
@media (min-width:1080px) and (max-width:1499px){
	.header{padding-left:48px;padding-right:48px}
	.sear_con input {margin:15px;padding:5px}
	.sear_con>p {padding:35px;}
	.sear_con>p span {top:18px;}
}
@media (min-width:720px) and (max-width:1079px){
	.header{padding-left:32px;padding-right:32px}
	.header .search{display:none;}
}
@media (max-width:719px){
	.header{padding-left:32px;padding-right:32px}
	.header .search{display:none;}
}
@media (max-width:480px){
	.header{padding-left:20px;padding-right:20px}
}
.header .logo{display:block;position:relative;font-size:1.5em;text-decoration:none;color:#000;font-family:"Microsoft YaHei",微软雅黑;font-weight:bolder;width:23.88%;}
.header .wrap-menu{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
.header .wrap-menu #block-system-main-menu ul.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;}
.header .wrap-menu #block-system-main-menu ul.menu>li{padding:0 0 0 28px}
.header .wrap-menu #block-system-main-menu ul.menu>li>a{color:#000;text-decoration:none;padding-bottom:24px;}
.header .wrap-menu #block-system-main-menu ul.menu>li:hover>a{border-bottom:2px solid #000}
.header .wrap-menu-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .menu-toggle{display:none;position:relative;width:44px;height:44px;padding:10px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.header .menu-toggle:after,.header .menu-toggle:before{content:"";display:block;position:absolute;width:24px;height:2px;background-color:#000;top:22px;right:10px;-webkit-transform-origin:center;transform-origin:center}
.header .menu-toggle:before{-webkit-transform:rotate(0deg) translateY(-5px);transform:rotate(0deg) translateY(-5px)}
.header .menu-toggle:after{-webkit-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px)}
.tel-image {display: inline-block;max-width: 100%;height: auto;vertical-align: middle;position: relative;top: -0.05em;}
.tel{text-decoration: none;color: #141414;margin-left: 5px;}
@media (min-width:1500px){
	.header{height:96px}
	.header .wrap-menu #block-system-main-menu ul.menu>li{padding:0 0 0 55px}
	.header .wrap-menu #block-system-main-menu ul.menu>li>a{padding-bottom:35px}
}
@media (min-width:720px) and (max-width:1023px){
	.header{height:64px}
	.header .wrap-menu #block-system-main-menu ul.menu>li{padding:0 0 0 15px}
	.header .wrap-menu #block-system-main-menu ul.menu>li>a{padding-bottom:22px}
	.tel-image,.tel{display: none;}
}
@media (max-width:720px){
	.header{height:64px}
	.header .logo{width:80%;}
	.header .wrap-menu{display:none}
.header .menu-toggle{display:block}
}
@media (max-width:480px){
	.header{padding-top:10px;padding-bottom:10px;height:60px}
}
.header.open .wrap-menu{display:block;position:fixed;top:0;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.75)}
.header.open .wrap-menu .region-header{position:absolute;top:0;bottom:0;right:0;max-width:320px;width:100%;padding:63px 0 0;background-color:#fff}
@media (max-width:480px){
	.header.open .wrap-menu .region-header{padding-top:55px}
}
.header.open .wrap-menu #block-system-main-menu{border-top:1px solid rgba(0,0,0,.4);padding:20px 64px;height:100%;overflow-x:scroll}
@media (min-width:1080px) and (max-width:1499px){
	.header.open .wrap-menu #block-system-main-menu{padding-left:48px;padding-right:48px}
}
@media (min-width:720px) and (max-width:1079px){
	.header.open .wrap-menu #block-system-main-menu{padding-left:32px;padding-right:32px}
}
@media (max-width:719px){
	.header.open .wrap-menu #block-system-main-menu{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
	.header.open .wrap-menu #block-system-main-menu{padding-left:20px;padding-right:20px}
}
.header.open .wrap-menu #block-system-main-menu ul.menu{display:block;padding-bottom:96px;padding-left:0}
.header.open .wrap-menu #block-system-main-menu ul.menu>li{padding:0}
.header.open .wrap-menu #block-system-main-menu ul.menu>li>a{padding-bottom:0}
.header.open .wrap-menu #block-system-main-menu ul.menu>li:hover>a{border-bottom:none}
.header.open .wrap-menu-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}
.header.open .menu-toggle{display:block}
.header.open .menu-toggle:before{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0);-webkit-animation:anim_close_before .2s ease-out;animation:anim_close_before .2s ease-out}
.header.open .menu-toggle:after{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0);-webkit-animation:anim_close_after .2s ease-out;animation:anim_close_after .2s ease-out}
.header.close .menu-toggle:before{-webkit-transform:rotate(0deg) translateY(-5px);transform:rotate(0deg) translateY(-5px);animation:anim_open_before .2s reverse ease-out}
.header.close .menu-toggle:after{-webkit-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px);animation:anim_open_after .2s reverse ease-out}
@-webkit-keyframes anim_close_before{
	0%{-webkit-transform:rotate(0deg) translateY(-5px);transform:rotate(0deg) translateY(-5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}
}
@keyframes anim_close_before{
	0%{-webkit-transform:rotate(0deg) translateY(-5px);transform:rotate(0deg) translateY(-5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}
}
@-webkit-keyframes anim_close_after{
	0%{-webkit-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}
}
@keyframes anim_close_after{
	0%{-webkit-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}
}
@-webkit-keyframes anim_open_before{
	0%{-webkit-transform:rotate(0deg) translateY(-5px);transform:rotate(0deg) translateY(-5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}
}
@keyframes anim_open_before{
	0%{-webkit-transform:rotate(0deg) translateY(-5px);transform:rotate(0deg) translateY(-5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}
}
@-webkit-keyframes anim_open_after{
	0%{-webkit-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}
}
@keyframes anim_open_after{
	0%{-webkit-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px)}
	50%{-webkit-transform:rotate(0deg) translateY(0);transform:rotate(0deg) translateY(0)}
	to{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}
}
.item-dropdown.show .submenu{display:block;z-index:0}
.item-dropdown.translation-menu{display:none;position:absolute;right:8px}
.item-dropdown.translation-menu.has-content{display:block}
.item-dropdown.translation-menu .menu__link:after{display:inline-block}
.item-dropdown.translation-menu .submenu .view-header{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.item-dropdown.translation-menu .submenu .view-header .view-header__item{margin-right:10px; font-size:14px;}
.item-dropdown .menu__link{white-space:nowrap;z-index:20}
.item-dropdown .menu__link:after{content:"";display:none;position:relative;left:4px;top:0;width:9px;height:9px;border-top:2px solid #000;border-left:2px solid #000;-webkit-transform:translateY(-30%) rotate(-135deg) scale(.75);transform:translateY(-30%) rotate(-135deg) scale(.75);margin:0 6px}
.item-dropdown.show .menu__link:after{content:"";-webkit-transform:translateY(30%) rotate(45deg) scale(.75);transform:translateY(30%) rotate(45deg) scale(.75)}
.header.is-show-submenu:not(.open) #block-system-main-menu ul.menu:before{content:"";display:block;position:fixed;background-color:#000;opacity:.75;top:100%;left:0;right:0;height:100vh}
.header.is-show-submenu:not(.open) #block-system-main-menu ul.menu .menu__item:not(.show)>a{color:#999}
.header.is-show-submenu:not(.open) #block-system-main-menu ul.menu .menu__item:not(.show)>a:after{border-color:#999}
.header.is-show-submenu:not(.open) .item-dropdown.show .menu__link{position:relative}
.header.is-show-submenu:not(.open) .item-dropdown.show .menu__link:before{content:"";display:block;position:absolute;left:-48px;right:-48px;bottom:-2px;height:23px;background-color:transparent}
@media (min-width:1500px){
	.header.is-show-submenu:not(.open) .item-dropdown.show .menu__link:before{left:-64px;right:-64px;bottom:-2px;height:31px}
}
@media (min-width:720px) and (max-width:1079px){
	.header.is-show-submenu:not(.open) .item-dropdown.show .menu__link:before{left:-32px;right:-32px;bottom:-2px;height:19px}
}
.header.is-show-submenu:not(.open) .item-dropdown:first-child .menu__link:before{left:-13vw;height:100%}
@media (min-width:1500px){
	.header.is-show-submenu:not(.open) .item-dropdown:first-child .menu__link:before{left:-15vw}
}
.header.is-show-submenu:not(.open) .item-dropdown:last-child .menu__link:before{left:-6.5vw;right:-24px;height:100%}
@media (min-width:1500px){
	.header.is-show-submenu:not(.open) .item-dropdown:last-child .menu__link:before{left:-10vw;right:-32px}
}
@media (min-width:720px) and (max-width:1079px){
	.header.is-show-submenu:not(.open) .item-dropdown:last-child .menu__link:before{left:-6.5vw;right:-16px}
}


.submenu{display:none;position:fixed;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;background-color:#fff;border-top:1px solid rgba(0,0,0,.2);padding:36px 64px 24px}
@media (min-width:1080px) and (max-width:1499px){
	.submenu{padding-left:48px;padding-right:48px}
}
@media (min-width:720px) and (max-width:1079px){
	.submenu{padding-left:32px;padding-right:32px;padding-top:24px;padding-bottom:16px}
}
@media (max-width:719px){
	.submenu{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
	.submenu{padding-left:20px;padding-right:20px}
}
@media (min-width:1500px){
	.submenu{padding-top:48px;padding-bottom:32px}
}
@media (max-width:719px){
	.submenu{padding-top:24px;padding-bottom:16px}
}
.submenu .view-header{display:-webkit-box;display:-ms-flexbox;display:flex;}
.submenu .view-header__item{display:inline-block;position:relative;margin-right:40px;color:#999;cursor:pointer}
.submenu .view-header__item.active,.submenu .view-header__item:hover{color:#000}
.submenu .view-header__item.active:after,.submenu .view-header__item:hover:after{border:1px solid #000;background-color:#000}
.submenu>.view-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap row;flex-flow:row wrap;margin:0 -20px;padding-top:0;padding-bottom:12px}
@media (min-width:1500px){
	.submenu>.view-content{padding-top:0;padding-bottom:16px}
}
@media (min-width:720px) and (max-width:1079px){
	.submenu>.view-content{padding-top:0;padding-bottom:8px}
	.submenu>.view-content .row-submenu a{font-size:12px;}
	.submenu.show-selected>.view-content{height:270px}
}
.submenu>.view-content.hidden{display:none}
.submenu>.view-content .row-submenu{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}
.submenu>.view-content .row-submenu .row-submenu__wrap{padding-left:20px;max-width:300px}
.submenu>.view-content .row-submenu a{display:inline-block;color:#999}
.submenu>.view-content .row-submenu a:hover{color:#000}
.submenu>.view-content .row-submenu .text{display:none}
.submenu.show-selected>.view-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media (min-width:960px) and (max-width:1499px){
	.submenu>.view-content .row-submenu a{font-size:14px;}
	.submenu.show-selected>.view-content{height:180px}
}
@media (min-width:1500px){
	.submenu.show-selected>.view-content{height:180px}
}
.submenu.show-selected .row-submenu{display:none;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.submenu.show-selected .row-submenu.is_selected{display:block}
.submenu.show-all>.view-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media (min-width:720px) and (max-width:1079px){
	.submenu.show-all>.view-content{height:60vh;}
}
@media (min-width:960px) and (max-width:1499px){
	.submenu.show-all>.view-content{height:360px}
}
@media (min-width:1500px){
	.submenu.show-all>.view-content{height:380px}
}
.submenu.show-all>.view-content .is_selected a{color:#000}
.submenu.show-all .row-submenu{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
header.open .submenu{position:relative;top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:100%}
header.open .submenu:before{display:none}
header.open .submenu.translations .view-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
header.open .submenu.translations .view-header .view-header__item{margin-bottom:12px}
header.open .submenu>.view-content{margin:0;padding-bottom:96px}
header.open .submenu>.view-content .row-submenu{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}
header.open .submenu>.view-content .row-submenu .row-submenu__wrap{padding:0;margin:0}
header.open .submenu>.view-content .row-submenu .text{display:none}
header.open .submenu>.view-content .row-submenu .view-v-technologies a{text-decoration:none;margin-bottom:6px}
.menu__item b{position:absolute;color:#f64041;font-size:12px;line-height:12px;}
header.open .menu__item .menu__link{display:block;position:relative;margin-bottom:16px;font-size:20px}
header.open .item-dropdown.translation-menu{position:static;right:auto}
header.open .item-dropdown .menu__link:after{display:inline-block;position:absolute;left:auto;right:0;top:40%;width:17px;height:17px;-webkit-transform:translateY(-30%) rotate(135deg) scale(.75);transform:translateY(-30%) rotate(135deg) scale(.75)}
header.open .item-dropdown.show .submenu{position:absolute;top:63px;z-index:200;overflow-x:scroll;bottom:0}
@media (max-width:480px){
	header.open .item-dropdown.show .submenu{top:55px}
}
header.open .item-dropdown.show .menu__link{position:absolute;width:220px;padding-left:16px;top:18px;font-size:16px;text-align:center}
header.open .item-dropdown.show .menu__link:after{display:inline-block;position:absolute;left:-4px;top:6px;-webkit-transform:translateY(0) rotate(-45deg) scale(.75);transform:translateY(0) rotate(-45deg) scale(.75)}
@media (max-width:480px){
	header.open .item-dropdown.show .menu__link{width:246px;top:12px}
}
.banner{margin:-64px -64px 0px -64px;}
@media (min-width:1080px) and (max-width:1499px){
	.banner{margin:-48px -48px 0px -48px;}
}
@media (min-width:720px) and (max-width:1079px){
	.banner{margin:-32px -32px 0px -32px;}
}
@media (max-width:719px){
	.banner{margin:-32px -32px 0px -32px;}
}
@media (max-width:480px){
	.banner{margin:-20px -20px 0px -20px;}
}
.b-case_bg{height:inherit;background-repeat:no-repeat;background-size:cover;background-position:bottom;}
.b-case_content{position:absolute;left:0;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:64px;padding-right:64px;width:100%;color:#FFFFFF;}
.b-case_content p{width:38%;}
.b-case_content a,submit{display: inline-block;
    padding: 14px 36px;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.2);
    box-shadow: 0 4px 20px rgba(0,0,0,.2)}
@media (min-width:720px) and (max-width:1079px){
	.b-case_content p{width:80%;}
	.b-case_content p.pc{display: none;}
}
@media (max-width:719px){
	.b-case_content{padding-left:32px;padding-right:32px;}
	.b-case_content p{width:80%;}
}
@media (max-width:480px){
	.b-case_content{padding-left:20px;padding-right:20px;width:100%;}
}
@media (min-width:1500px){
	.banner .view-content{height:calc(100vh - 96px)}
}
@media (min-width:1080px) and (max-width:1499px){
	.banner .view-content{height:calc(100vh - 72px)}
}
@media (min-width:720px) and (max-width:1079px){
	.banner .view-content{height:calc(100vh - 50px)}
}
@media (max-width:719px){
	.banner .view-content{height:calc(100vh - 50px)}
}
.cases-filter.swipe .s-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cases-filter_item{margin-right:24px;position:relative;cursor:pointer;white-space:nowrap}
.cases-filter_item:focus,.cases-filter_item:hover{outline:none}
.cases-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;}
@media (max-width:480px){
	.cases-filter_item{margin-right:14px}
	.cases-filter{padding-bottom:20px;}
	.info-content{margin-left:-20px; margin-right:-20px;}
}
.pager{display:block;padding:48px 0;background-color:#606060;}
.pager a{color:#fff; font-size:32px;}
.services{padding:88px 0px;}
@media (min-width:1080px) and (max-width:1499px){
	.services{padding:66px 0px;}
}
@media (max-width:1079px){
	.services{padding:44px 0px;}
}
.services .view-header{padding-bottom:28px;}
.services .view-header .caption-block{margin:0;max-width:1280px}
.services .view-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-64px;margin-right:-64px}
@media (min-width:1080px) and (max-width:1499px){
	.services .view-header{padding-bottom:96px}
}
@media (max-width:1079px){
	.services .view-header{padding-bottom:64px}
}
@media (min-width:1080px) and (max-width:1499px){
	.services .view-content{margin-left:-48px;margin-right:-48px}
}
@media (min-width:720px) and (max-width:1079px){
	.services .view-content{margin-left:-32px;margin-right:-32px}
}
@media (max-width:719px){
	.services .view-content{margin-left:-32px;margin-right:-32px}
}
@media (max-width:480px){
	.services .view-content{margin-left:-20px;margin-right:-20px}
}
.services .view-content .services-card{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding-left:64px;padding-right:64px}
@media (min-width:720px) and (max-width:1079px){
	.services .view-content .services-card{padding-left:32px;padding-right:32px}
}
@media (max-width:719px){
	.services .view-content .services-card{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
	.services .view-content .services-card{padding-left:20px;padding-right:20px}
}
.services .view-content .services-card__wrap .icon{display:block;width:88px;height:88px;}
.services .view-content .services-card__wrap .name{display:block;margin-bottom:24px}
.services .view-content .services-card__wrap .name a{color:#000}
.services .view-content .services-card__wrap .text,.services .view-content .services-card__wrap .view-content a{color:rgba(0,0,0,.6)}
@media (min-width:1080px) and (max-width:1499px){
	.services .view-header .caption-block{max-width:720px}
	.services .view-content .services-card{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding-left:48px;padding-right:48px}
	.services .view-content .services-card__wrap .icon{width:48px;height:48px;}
}
@media (max-width:1079px){
	.services .view-header .caption-block{max-width:720px}
	.services .view-content .services-card{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:64px}
	.services .view-content .services-card__wrap .icon{width:48px;height:48px;}
	.services .view-content .services-card__wrap .name{margin-bottom:16px}
}
@media (max-width:480px){
	.services .view-header .caption-block{max-width:720px}
	.services .view-content .services-card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}
	.services .view-content .services-card__wrap .icon{width:48px;height:48px;}
	.services .view-content .services-card__wrap .name{margin-bottom:8px}
}
.service-tech{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-64px;margin-right:-64px;background-color:#000;color:#fff}
@media (min-width:1080px) and (max-width:1499px){
	.service-tech{margin-left:-48px;margin-right:-48px}
}
@media (min-width:720px) and (max-width:1079px){
	.service-tech{margin-left:-32px;margin-right:-32px}
}
@media (max-width:719px){
	.service-tech{margin-left:-32px;margin-right:-32px}
}
@media (max-width:480px){
	.service-tech{margin-left:-20px;margin-right:-20px}
}
.service-tech .tech{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:128px 64px 192px}
@media (max-width:480px){
	.service-tech .tech{padding-left:20px;padding-right:20px}
}
@media (min-width:1080px) and (max-width:1499px){
	.service-tech .tech{padding:96px 48px;}
}
@media (max-width:1079px){
	.service-tech .tech{padding:64px 32px;}
}
.service-tech .tech .technology{position:relative;overflow:hidden}
.service-tech .tech a{display:inline-block;margin-left:64px;color:inherit}
.service-tech .tech a:before{display:block;position:absolute;content:"";pointer-events:none;top:.85em;left:0;width:32px;height:2px;background-color:#fff}
.service-tech .photo{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;height:inherit;background-size:cover;background-position:50%}
@media (min-width:1080px) and (max-width:1499px){
	.service-tech .tech{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}
	.service-tech .tech a{margin-left:48px}
	.service-tech .tech a:before{width:24px}
	.service-tech .photo{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}
}
@media (max-width:1079px){
	.service-tech{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.service-tech .tech{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}
	.service-tech .tech a{margin-left:48px}
	.service-tech .tech a:before{width:24px}
	.service-tech .photo{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;}
}
@media (max-width:719px){
	.service-tech .tech{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}
	.service-tech .tech a{margin-left:36px}
	.service-tech .tech a:before{width:16px}
	.service-tech .photo{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;height:66.66667vw}
}
.view-header .caption-block{margin:0;max-width:1280px}
.info-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-24px;margin-right:-24px;}
.info-content.more{height:0;overflow:hidden;opacity:0}
.info-content.more.open{height:auto;opacity:1;-webkit-transition:opacity .4s 0s;transition:opacity .4s 0s}
.more-open,.more-close{display:inline-block;cursor:pointer;line-height:1.4;padding:8px 16px;border-radius:24px;white-space:nowrap;border:1px solid #ccc;}
@media (min-width:720px) and (max-width:1079px){
	.info-content{margin-left:-32px;margin-right:-32px;}
}
@media (max-width:719px){
	.info-content{margin-left:-32px;margin-right:-32px;}
}
@media (max-width:480px){
	.info-content{margin-left:-20px;margin-right:-20px;}
}
.info-card{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding-left:24px;padding-right:24px;margin-bottom:36px}
.industries-card{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding-left:24px;padding-right:24px;}
@media (min-width:720px) and (max-width:1079px){
	.info-card{padding-left:32px;padding-right:32px}
	.industries-card{padding-left:32px;padding-right:32px}
}
@media (max-width:719px){
	.info-card{padding-left:32px;padding-right:32px}
	.industries-card{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
	.info-card{padding-left:20px;padding-right:20px}
	.industries-card{padding-left:20px;padding-right:20px}
}
.industries-card__wrap{text-decoration:none;color:#000;display:block;position:relative;overflow:hidden;padding-bottom:34px}
.industries-card__wrap .pic img{width:100%;}
.svc-card .pic{display:block;line-height:0;margin:0 0 14px}
.svc-card:has(.pic) .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.industries-card__wrap:after{position:absolute;content:"";left:0;bottom:0;opacity:0;-webkit-transform:translateX(-12px);transform:translateX(-12px);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}
.industries-card__wrap:hover:after{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.text{display:block;color:rgba(0,0,0,.6);font-size: 16px;}
.tags{display:block;font-size: 16px;}
@media (min-width:1080px) and (max-width:1499px){
	.text{font-size: 14px;}
	.tags{font-size: 12px;}
	.view-header .caption-block{max-width:720px}
	.info-card{margin-bottom:62px;-ms-flex:0 0 33.33%;flex:0 0 33.33%;}
	.industries-card{margin-bottom:62px;-ms-flex:0 0 25%;flex:0 0 25%;}
}
@media (max-width:1079px){
	.text{font-size: 14px;}
	.tags{font-size: 12px;}
	.view-header .caption-block{max-width:720px}
	.info-card{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:30px}
	.industries-card{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:30px}
}
@media (max-width:480px){
	.view-header .caption-block{max-width:720px}
	.info-card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;}
	.industries-card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;}
}
.clients-review .view-content{overflow:hidden}
.banner .view-content{overflow:hidden}
.swiper-slide,.swiper-wrapper{height:inherit}
.control-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;margin: 30px 0px;}
@media (max-width:480px){
	.banner .control-wrap{display:none;}
}
.control-wrap .button-next,.control-wrap .button-prev{position:relative;width:68px;height:20px;cursor:pointer;outline:none}
.control-wrap .button-next.swiper-button-disabled,.control-wrap .button-prev.swiper-button-disabled{opacity:.5}
.control-wrap .button-next.swiper-button-disabled:hover:before,.control-wrap .button-prev.swiper-button-disabled:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}
.control-wrap .button-next:before,.control-wrap .button-prev:before{display:block;content:"";position:absolute;width:68px;height:20px;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.control-wrap .button-prev{margin-right:32px}
.clients-review .card-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:100%;}
.clients-review .card-wrap .review{position:relative;max-width:1152px;margin-bottom:64px}
.clients-review .card-wrap .info-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:620px}
.clients-review .card-wrap .photo{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 180px;height:80px;background-size:cover;background-position:50%;overflow:hidden}
.clients-review .card-wrap .post{color:rgba(0,0,0,.6)}
@media (min-width:1080px) and (max-width:1499px){
	.clients-review .card-wrap .review{max-width:864px;margin-bottom:48px}
	.clients-review .card-wrap .photo{-webkit-box-flex:0;-ms-flex:0 0 135px;flex:0 0 135px;height:60px;}
	.control-wrap{margin-top:40px}
	.control-wrap .button-next,	.control-wrap .button-next:before,	.control-wrap .button-prev,	.control-wrap .button-prev:before{width:64px}
	.control-wrap .button-prev{margin-right:24px}
}
@media (min-width:720px) and (max-width:1079px){
	.clients-review .card-wrap .review{max-width:746px;margin-bottom:40px}
	.clients-review .card-wrap .info-wrap{line-height:1.6}
	.clients-review .card-wrap .photo{-webkit-box-flex:0;-ms-flex:0 0 108px;flex:0 0 108px;height:48px;}
	.control-wrap{margin-top:30px}
	.control-wrap .button-next,	.control-wrap .button-next:before,	.control-wrap .button-prev,	.control-wrap .button-prev:before{width:48px}
	.control-wrap .button-prev{margin-right:16px}
}
@media (max-width:719px){
	.clients-review .card-wrap .review{max-width:656px;margin-bottom:6px;font-size:16px;line-height:2}
	.clients-review .card-wrap .photo{display:none;}
	.pc{display:none;}
}
.with-you{margin-left:-64px;margin-right:-64px;padding:64px;background-color:#000}
.with-you.white{background-color:#FFF}
@media (min-width:1080px) and (max-width:1499px){
	.with-you{padding-top:96px;padding-bottom:96px;margin-left:-48px;margin-right:-48px;padding-left:48px;padding-right:48px}
}
@media (max-width:1079px){
	.with-you{padding-top:64px;padding-bottom:64px}
}
@media (min-width:720px) and (max-width:1079px){
	.with-you{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}
}
@media (max-width:719px){
	.with-you{margin-left:-32px;margin-right:-32px}
}
@media (max-width:480px){
	.with-you{margin-left:-20px;margin-right:-20px}
}
@media (max-width:719px){
	.with-you{padding-left:32px;padding-right:32px}
}
@media (max-width:480px){
	.with-you{padding-left:20px;padding-right:20px}
}
.with-you .label-block{color:#fff}
.with-you.white .label-block{color:#000}
.with-you .caption-block{color:#fff;max-width:960px}
.with-you.white .caption-block{color:#000;max-width:960px}
.with-you_content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top: 68px;}
.with-you_content ul li{width:14.5%;margin:1%;list-style-type:none;float:left;}
@media (min-width:1080px) and (max-width:1499px){
	.with-you_content{padding-top: 48px;}
	.with-you .caption-block{max-width:720px}
}
@media (min-width:720px) and (max-width:1079px){
	.with-you_content{padding-top: 38px;}
	.with-you .caption-block{max-width:720px}
}
@media (max-width:719px){
	.with-you_content{padding-top: 38px;}
	.with-you .caption-block{max-width:720px}
	.with-you_content ul li{width:23%!important;}
}
@media (max-width:480px){
	.with-you_content{padding-top: 38px;}
	.with-you_content ul li{width:31%!important;}
}
.ck-l-100{position: relative;z-index: 100;display: block;width: auto;max-width: none; background-color:#FFFFFF;}
.ck-l-100 ul li{padding-left:0;display:inline-block;vertical-align:top;position: relative;cursor: pointer;transition: all .6s;overflow: hidden;}
.ck-l-100 ul li:before{content:"\2014";display:none;}
.ck-l-100 ul li:last-child {margin-right:0px;}
.ck-l-100 li p{color: rgba(0,0,0,.6); margin:0px; text-align:center;}
.ck-l-100 strong,.ck-l-100 b{font-size: 18px;line-height: 1.75;}
.ck-l-100 img{vertical-align:top;}
/* 批 #79 撤销批 #78 的 .ck-img-N>img{aspect-ratio}：占位比例改由每张图自带的 width/height
   属性给出（逐张精确），CSS 里写死一个比例反而让 580×386 那张多占 110px（375px 实测）。 */
.ck-l-100 ul li p.bg{position:absolute; z-index:9; height:100%; width:100%; transition: all .6s; text-align:left; font-size:14px;}
.ck-l-100 ul li p.bg img{padding:12%;}
.ck-l-100 ul li p.bg b{color:#FFFFFF;}
.ck-l-100 ul li:hover p.bg{background-color:rgba(32, 107, 235,.8);top: 0; color:#FFFFFF; }
.ck-l-100 ul li:hover p.bg a{color:#FFFFFF;text-decoration: none;}
.ck-img-2,.ck-img-4,.ck-img-6{display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.borderC li{box-shadow: 0 0 15px rgba(0,0,0,0.10);border-radius: 5px;}
.ck-img-4 img:hover{transform: scale(1.1);}
@media (min-width:1500px) {
	.ck-l-100 ul li p.bg{top:calc(100% - 60px);padding: 20px;}
.ck-img-2>*{width:calc(50% - 17px)!important;margin:8px;} 
	.ck-img-4>*,.ck-li-4 li{width:calc(25% - 43px)!important;margin:20px;} 
	.ck-li-5{margin:0 -4px;}
.ck-li-5 li{width:calc(20% - 9px)!important;margin:4px;} 
	.ck-img-6>*,.ck-li-6 li{width:calc(16% - 3px)!important;margin:5px;} 
.ck-li-8 li{width:calc(12.5% - 4px)!important;} 
.ck-li-10 li{width:10%;margin:0px;}
}
@media (min-width:1080px) and (max-width:1499px){
	.ck-l-100 ul li p.bg{top:calc(100% - 40px);padding: 10px;}
	.ck-l-100 strong,.ck-l-100 b{font-size: 18px;line-height: 1.55;}
	.ck-l-100 p{font-size: 14px;line-height: 1.55;}
.ck-img-2>*{width:calc(50% - 16px)!important;margin:8px;} 
	.ck-li-4{margin:0 -6px;}
	.ck-img-4>*,.ck-li-4 li{width:calc(25% - 15px)!important;margin:6px;} 
	.ck-li-5{margin:0 -4px;}
.ck-li-5 li{width:calc(20% - 8px)!important;margin:4px;}
	.ck-img-6>*,.ck-li-6 li{width:calc(16% - 12px)!important;margin:6px;} 
.ck-li-8 li{width:calc(12.5% - 4px)!important;} 
.ck-li-10 li{width:10%;margin:0px;}
}
@media (min-width:720px) and (max-width:1079px){
	.ck-l-100 ul li p.bg{top:calc(100% - 40px);padding: 10px;}
	.ck-l-100 strong,.ck-l-100 b{font-size: 18px;line-height: 1.55;}
	.ck-l-100 p{font-size: 14px;line-height: 1.55;}
.ck-img-2>*{width:calc(50% - 24px)!important;margin:12px;} 
	.ck-li-4{margin:0 -32px;}
	.ck-img-4>*,.ck-li-4 li{width:calc(50% - 66px)!important;margin:32px;} 
	.ck-li-5{margin:0 -1px;}
.ck-li-5 li{width:calc(20% - 2px)!important;margin:1px;}
	.ck-img-6>*,.ck-li-6 li{width:calc(33% - 13px)!important;margin:6px;}
	.ck-li-8{margin:0 -2px;}
.ck-li-8 li{width:calc(25% - 4px)!important;margin:2px;} 
.ck-li-10 li{width:20%;margin:0px;}
}
@media (max-width:719px) {
	.ck-l-100 ul li p.bg{top:calc(100% - 45px);padding: 10px; font-size:12px; line-height:1.5;}
	.ck-l-100 strong,.ck-l-100 b{font-size: 16px;line-height: 2;}
.ck-img-2{-ms-flex-wrap:wrap;flex-wrap:wrap}
.ck-img-2>*{width:calc(100%)!important}
.ck-img-2>:last-child{margin-top:16px} 
	.ck-img-4>*:nth-child(odd),.ck-li-4 li:nth-child(odd){width:calc(50% - 6px)!important; margin:4px 4px 4px 0px;}
	.ck-img-4>*:nth-child(even),.ck-li-4 li:nth-child(even){width:calc(50% - 6px)!important; margin:4px 0px 4px 4px;}	
.ck-li-5{-ms-flex-wrap:wrap;flex-wrap:wrap}
.ck-li-5 li{width:calc(50% - 4px)!important;margin-bottom:4px} 
.ck-li-5>li:nth-of-type(2n){margin-left:4px} 
	.ck-img-6,.ck-li-6{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.ck-img-6>*,.ck-li-6 li{width:calc(50% - 6px)!important;margin:2px} 
	.ck-img-6>img:nth-of-type(2n), .ck-li-6>li:nth-of-type(2n){margin-left:4px}
.ck-li-8{-ms-flex-wrap:wrap;flex-wrap:wrap}
.ck-li-8 li{width:calc(50% - 4px)!important;margin-bottom:4px} 
.ck-li-8>li:nth-of-type(2n){margin-left:4px} 
.ck-li-10{-ms-flex-wrap:wrap;flex-wrap:wrap}
.ck-li-10 li{width:50%;margin:0px;}
}

.ck-2col{display:table-row;position: relative;z-index: 100;width: auto;}
.ck-2col .ck-2col_col2{width:50%;display:table-cell; vertical-align:middle;}
@media (max-width:719px) {
.ck-2col .ck-2col_col2{width:100%;padding: 0; display:block;} 
 .nth-child{order:2;}/*偶数*/
}
.field-name-body a{color: rgba(0,0,0,.6);}
.field-name-body pre{padding-left:32px;font-size:16px;line-height:2;border-left:2px solid #000;overflow-x:hidden;white-space:break-spaces;word-wrap:break-word;}
@media (min-width:1080px) and (max-width:1499px){
	.field-name-body pre{padding-left:24px;margin:48px 0 96px}
}
@media (max-width:1079px){
	.field-name-body pre{padding-left:16px;margin:32px 0 64px}
}
.field-name-body p>code{padding:.2em .4em;background-color:rgba(27,31,35,.05);color:#000}
.field-name-body p>code strong{font-weight:700}
.node-type-page{margin-bottom:60px;}
.node-type-page h1{margin:0}
.field-name-body{margin-top:60px;min-height:800px;}
.field-name-body .table{overflow-x:auto;touch-action:auto;}
.field-name-body .with-you_content a{background-size:0}
@media (max-width:719px){
	.field-name-body{margin-bottom:72px}
}
article{padding-top:32px}
@media (min-width:1080px) and (max-width:1499px){
	article{padding-top:24px}
}
@media (max-width:1079px){
	article{padding-top:18px}
}
.field-name-field-technologies-link{background-color:#ededed;margin:64px -64px 0px;padding:64px;}
@media (min-width:1080px) and (max-width:1499px){
	.field-name-field-technologies-link{margin:48px -48px 0px;padding:48px;}
}
@media (min-width:720px) and (max-width:1079px){
	.field-name-field-technologies-link{margin:32px -32px 0px;padding:32px;}
}
@media (max-width:719px){
	.field-name-field-technologies-link{margin:32px -32px 0px;padding:32px;}
}
@media (max-width:480px){
	.field-name-field-technologies-link{margin:20px -20px 0px;padding:20px;}
}
.field-name-field-technologies-link .field-label{font-weight:400;color:rgba(0,0,0,.3);}
.field-name-field-technologies-link:not(:has(.field-item)){display:none}
.field-name-field-technologies-link .field-items .field-item{display:inline-block}
.field-name-field-technologies-link .field-items .field-item:after{display:inline;content:",\2004"}
.field-name-field-technologies-link .field-items .field-item:last-child:after{content:""}
.p-location h1{margin-top:0}
.p-location .location-wrap{max-width:960px;margin-bottom:48px}
.p-location .location-wrap div{margin-bottom:1em}
.p-location .location-wrap a{text-decoration:none;color:#000}
.view-tax-content{padding-bottom:40px}
.view-tax-content h1.tax_top{margin-top:0;max-width:1200px;margin-bottom:32px}
.view-tax-content .tax-content{max-width:78%}
.view-tax-content .content.more{height:0;overflow:hidden;opacity:0}
.view-tax-content .content.more.open{display:block;height:auto;opacity:1;-webkit-transition:opacity .4s 0s;transition:opacity .4s 0s}
.view-tax-content .content h2,.view-tax-content .content h3{margin-top:32px;margin-bottom:8px}
.view-tax-content .content .ck-l-100 li{padding-left:0px;}
.view-tax-content .content .ck-l-100 li:before{display:none;}
@media (min-width:1080px) and (max-width:1499px){
	.view-tax-content{padding-bottom:30px}
	.view-tax-content h1.tax_top{max-width:920px;margin-bottom:24px}
}
@media (min-width:720px) and (max-width:1079px){
	.view-tax-content{padding-bottom:20px}
	.view-tax-content h1.tax_top{max-width:640px;margin-bottom:16px}
	.view-tax-content .tax-content{max-width:720px}
}
@media (max-width:719px){
	.view-tax-content{padding-bottom:20px}
	.view-tax-content h1.tax_top{max-width:480px;margin-bottom:16px}
	.view-tax-content .tax-content{max-width:100%}
}
.hireus_form .ju7_form .webform-component.webform-component-textfield label,.hireus_form .webform-component-textfield input{font-size:16px;line-height:32px}
@media (min-width:1500px){
	.hireus_form .ju7_form .webform-component.webform-component-textfield label, .hireus_form .ju7_form>div .form-actions input,.hireus_form .webform-component-textfield input{font-size:20px;line-height:40px}
}
.hireus_form .webform-component-textfield input{min-height:34px}
@media (min-width:1500px){
	.hireus_form .webform-component-textfield input{min-height:45px}
}
.hireus_form .ju7_form .webform-component.webform-component-textfield label.up,.hireus_form .webform-component-textfield input:focus~label{color:hsla(0,0%,100%,.3);-webkit-transform:translateY(-26px) scale(.7);transform:translateY(-26px) scale(.7)}
/* 没有任何 js 会给 label 补 .up 类，失焦后带黑底的原位 label 会盖住已填内容，只能靠 :placeholder-shown 自己抬起 */
.hireus_form .ju7_form .webform-component-textfield input:not(:placeholder-shown)~label{color:hsla(0,0%,100%,.3);background-color:transparent;-webkit-transform:translateY(-26px) scale(.7);transform:translateY(-26px) scale(.7)}
.hireus_form .ju7_form .webform-component{position:relative;margin-top:0}
.hireus_form .ju7_form .webform-component input[type=text],.hireus_form .ju7_form .webform-component input[type=tel],.hireus_form .ju7_form .webform-component input[type=email],.hireus_form .ju7_form .webform-component input[type=url],.hireus_form .ju7_form .webform-component textarea{border-radius:0;color:#fff}
.hireus_form .ju7_form .webform-component input[type=text]:-moz-ui-invalid,.hireus_form .ju7_form .webform-component input[type=tel]:-moz-ui-invalid,.hireus_form .ju7_form .webform-component input[type=email]:-moz-ui-invalid,.hireus_form .ju7_form .webform-component textarea:-moz-ui-invalid{border-bottom:1px solid #ff2f26;box-shadow:none}
.hireus_form .ju7_form .webform-component input:-webkit-autofill,.hireus_form .ju7_form .webform-component input:-webkit-autofill:focus,.hireus_form .ju7_form .webform-component input:-webkit-autofill:hover{-webkit-appearance:none;-webkit-box-shadow:0 0 0 1000px #000 inset!important;box-shadow:inset 0 0 0 1000px #000!important;-webkit-text-fill-color:#fff!important}
.hireus_form .ju7_form .webform-component input:-moz-autofill{-moz-text-fill-color:#fff!important;-moz-box-shadow:0 0 0 1000px #000 inset}
.hireus_form .ju7_form .webform-component input:-o-autofill{-o-text-fill-color:#fff!important;-o-box-shadow:0 0 0 1000px #000 inset}
.hireus_form .ju7_form .webform-component input:-khtml-autofill{-khtml-text-fill-color:#fff!important;-khtml-box-shadow:0 0 0 1000px #000 inset}
.hireus_form .ju7_form .webform-component.webform-component-textfield label{color:#999;font-weight:400;position:absolute;pointer-events:none;left:0;top:0;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform-origin:left;transform-origin:left;width:100%;background-color:#000}
.hireus_form .ju7_form .webform-component.webform-component-textfield label.up{background-color:transparent}
.hireus_form .webform-component-textfield input{padding:1px;display:block;width:100%;background-color:transparent;border:none;border-bottom:1px solid #333}
.hireus_form .webform-component-textfield input:focus{outline:none}
.hireus_form .webform-component-textfield.validate input:invalid~label.up{color:#ff2f26}
.hireus_form .webform-component-textfield.validate input:invalid{border-bottom:1px solid #ff2f26;-webkit-box-shadow:none;box-shadow:none}
.block-webform{background-color:#000; padding: 64px;}
@media (min-width:1080px) and (max-width:1499px){
	.block-webform{padding:48px;}
}
@media (min-width:720px) and (max-width:1079px){
	.block-webform{padding:32px;}
}
@media (max-width:719px){
	.block-webform{padding:32px;}
}
@media (max-width:480px){
	.block-webform{padding:20px;}
}
.hireus{position:relative;color:#fff}
.hireus__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:128px;}
.hireus__contects{-webkit-box-flex:0;-ms-flex:0 1 23%;flex:0 1 23%;line-height:1.7}
.hireus_form{-webkit-box-flex:0;-ms-flex:0 1 77%;flex:0 1 77%}
.hireus_form>form{padding-right:6.66667vw}
@media (max-width:719px){
	.hireus__content{padding-top:64px;}
	.hireus__contects,.hireus_form{-ms-flex-preferred-size:100%;flex-basis:100%}
	.hireus_form>form{padding-right:0}
}
.hireus_form .ju7_form{margin-left:-64px;margin-right:-64px}
@media (min-width:1080px) and (max-width:1499px){
	.hireus_form .ju7_form{margin-left:-48px;margin-right:-48px}
}
@media (min-width:720px) and (max-width:1079px){
	.hireus__contects{font-size:14px;}
	.hireus_form .ju7_form{margin-left:-32px;margin-right:-32px}
}
@media (max-width:719px){
	.hireus_form .ju7_form{margin-left:-32px;margin-right:-32px}
}
@media (max-width:480px){
	.hireus_form .ju7_form{margin-left:-20px;margin-right:-20px}
}
.hireus_form .ju7_form input[type=submit]{color:#fff}
.hireus_form .ju7_form:invalid .form-actions input,.hireus_form .ju7_form:invalid .form-actions input:hover{color:#fff;opacity:.3}
.hireus_form .ju7_form>div{max-width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.hireus_form .ju7_form>div .webform-component,.hireus_form .ju7_form>div>div{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin-left:64px;margin-right:64px}
@media (min-width:1080px) and (max-width:1499px){
	.hireus_form .ju7_form>div .webform-component,.hireus_form .ju7_form>div>div{margin-left:48px;margin-right:48px}
}
@media (min-width:720px) and (max-width:1079px){
	.hireus_form .ju7_form>div .webform-component,.hireus_form .ju7_form>div>div{margin-left:32px;margin-right:32px}
}
@media (max-width:719px){
	.hireus_form .ju7_form>div .webform-component,.hireus_form .ju7_form>div>div{margin-left:32px;margin-right:32px}
}
@media (max-width:480px){
	.hireus_form .ju7_form>div .webform-component,.hireus_form .ju7_form>div>div{margin-left:20px;margin-right:20px}
}
.hireus_form .ju7_form>div .name,.hireus_form .ju7_form>div .phone,.hireus_form .ju7_form>div .message{-webkit-box-flex:1;-ms-flex:1 1 250px;flex:1 1 250px;min-width:36%;margin-bottom:40px}
@media (min-width:1500px){
	.hireus_form .ju7_form>div .name,.hireus_form .ju7_form>div .phone,.hireus_form .ju7_form>div .message{margin-bottom:56px}
}
.hireus_form .ju7_form>div .message textarea{resize:none;width:100%;overflow:hidden}
.hireus_form .ju7_form>div .form-actions{position:relative;color:#fff;opacity:1;-webkit-box-flex:1;-ms-flex:1 1 250px;flex:1 1 250px;min-width:36%}
.hireus_form .ju7_form>div .form-actions input{border-color:transparent;background-color:transparent;position:relative;padding-left:0;text-align:left}
.info-recaptcha{margin-top:20px;font-size:12px;color:#777}
.info-recaptcha a{color:#777}
.area-links{display:inline-block;margin-top:6px}
.area-link{display:inline-block;box-sizing:border-box;min-height:28px;line-height:26px;padding:0 10px;margin:0 4px 4px 0;font-size:12px;color:var(--brand-ink);background:var(--panel);border:1px solid var(--line);border-radius:6px}
.area-link:hover,.area-link:focus{color:#fff;background:var(--brand-bright);border-color:var(--brand-bright)}
.field-name-body{position:relative}
.field-name-body img{vertical-align:top;}
.field-name-body .contents{display:block;position:absolute;top:0;right:0;bottom:0;width:23%;}
.field-name-body .showtags{display:none;}
.field-name-body .showtags h4{width: calc(25% - 3px)!important;padding:5px;margin:0px;display: inline-block;vertical-align: top;overflow: hidden;}
.field-name-body .contents__nav{position:-webkit-sticky;position:sticky;top:140px}
.field-name-body .contents__nav-items ::-webkit-scrollbar{width:0}
.field-name-body .contents__nav-item{margin:10px 0}
.field-name-body .contents__nav-item a.contents__nav-link{color:rgba(0,0,0,.6)}
.field-name-body .contents__nav-item a.contents__nav-link.active,.field-name-body .contents__nav-item a.contents__nav-link:hover{color:#000}
@media (max-width:1140px){
	.field-name-body>*{max-width: 100%;}
	.field-name-body .contents{display:none;}
	.field-name-body .showtags{display:block;}
}


@media (max-width:719px) {
	.field-name-body .showtags h4{width:calc(50% - 2px)!important; padding: 5px;}
}
@media (max-width:480px) {
	.field-name-body .showtags h4{width:calc(100%)!important}
}



.c-commonBox {padding: 1.9rem 0;text-align: center;}
.c-text {font-size: 18px;color: #a6a6a6;}
.c-title2 {margin-top:24px;}
a.c-btn {text-decoration:none;background: #000;border-radius: 25px;display: inline-block;position: relative;z-index: 2;font-size: 18px;line-height: 50px;color: #fff;
    height: 50px;
    width: 160px;
    display: block;
    margin: 60px auto;
    text-align: center;
}
a.c-btn:hover {outline-width: 0;color: #fff;}
.faq ul li:before{content: "\271A";}
.faq ul strong:hover, .faq strong:focus {cursor: pointer;}
.faq ul li[strong=true]::before {content: "\2716";}
.faq ul li p{display: none;}
.faq ul li[strong=true] p{transition: all 200ms linear;will-change: opacity, max-height;display: block;}
.border li{border: 1px solid #ebebeb; text-align:center;border-radius: 8px; padding:1.3em;}

img.lazy{background:#f5f5f5}

.service-features {list-style: none;text-align: left;}
.service-features li {padding-left: 25px;position: relative;}
.service-features li:before {content: "✓";position: absolute;left: 0;font-weight: bold;}

/* 套餐对比表 */
.pricing-section {background: #f8f9fa;text-align: center;margin-left: -64px;margin-right: -64px;padding: 40px;}
/* 批 #174：上面这条 -64 的负边距是为了抵掉 .layout 的 64px 外边距（全幅出血），
   但 .layout 在窄屏分别收到 48/32/20，负边距不跟着收就会比视口宽出一截，
   手机上整页出现横向滚动（实测 360 视口下这一节 448 宽）。与 .full/.with-you 同一套断点口径。 */
@media (min-width:1080px) and (max-width:1499px){.pricing-section{margin-left:-48px;margin-right:-48px;padding:24px}}
@media (min-width:720px) and (max-width:1079px){.pricing-section{margin-left:-32px;margin-right:-32px;padding:32px}}
@media (max-width:719px){.pricing-section{margin-left:-32px;margin-right:-32px;padding:32px 20px}}
@media (max-width:480px){.pricing-section{margin-left:-20px;margin-right:-20px;padding:28px 12px}}

            .pricing-section .view-header {
                text-align: left;
                margin-bottom: 14px;
            }



            .pricing-grid {
                display: grid;
                /* 套餐实收 4 档（模板快建档 / 半定制营销档 / 全定制项目档 / 年度托管与维护），
                   写死轨道数会在档位增减时留空轨、卡片宽度不齐。auto-fit 把没有内容的轨道收成 0，
                   以后加减档位不用再动样式。 */
                grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
                gap: 24px;
                margin: 0 auto;
                padding: 0 20px;
            }
			@media(max-width: 719px) {
                .pricing-grid {
                    grid-template-columns:1fr;
                }
			}

            .pricing-card {
                background: #fff;
                border-radius: 12px;
                padding: 20px 16px;
                box-shadow: 0 2px 16px rgba(0,0,0,0.06);
                transition: transform .3s,box-shadow .3s;
                position: relative;
                overflow: hidden;
            }

            .pricing-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 8px 30px rgba(0,0,0,0.12);
            }

            .pricing-card.recommended {
                border: 2px solid var(--brand);
            }

            .pricing-card.recommended::before {
                content: "最受欢迎";
                position: absolute;
                top: 16px;
                right: -30px;
                background: var(--brand);
                color: #fff;
                font-size: 12px;
                padding: 4px 36px;
                transform: rotate(45deg);
            }

            .pricing-card h3 {
                font-size: 20px;
                font-weight: 700;
                margin-top: 0;margin-bottom: 6px;
                color: #1a1a2e;
            }

            .pricing-card .price {
                font-size: 28px;line-height: 1.2;
                font-weight: 800;
                color: var(--price);
                margin: 8px 0;
            }

            .pricing-card .price small {
                font-size: 14px;
                font-weight: 400;
                color: #999;
            }

            .pricing-card h3 a {
                color: inherit;
                text-decoration: none;
                display: inline-block;
                padding: 4px 0;
            }

            .pricing-card .plan-brief {
                color: #999;
                font-size: 14px;
                line-height: 1.5;
                margin: -4px 0 12px;
            }

            .pricing-card ul {
                list-style: none;
                padding: 0;
                margin: 10px 0;
                text-align: left;
            }

            .pricing-card ul li {
                padding: 3px 0;line-height: 20px;
                border-bottom: 1px solid #f0f0f0;
                font-size: 14px;
                color: #555;
                display: flex;
                align-items: center;
            }

            .pricing-card ul li::before {
                content: "✓";
                color: var(--brand-ink);
                font-weight: 700;
                margin-right: 10px;
                flex-shrink: 0;
            }

            .pricing-card .cta-link {
                display: inline-block;
                background: var(--brand);
                color: #fff;
                padding: 9px 24px;
                border-radius: 6px;
                text-decoration: none;
                font-size: 15px;
                font-weight: 600;
                transition: background .3s;
            }

            .pricing-card .cta-link:hover {
                background: var(--brand-deep);
            }

            .pricing-card.recommended .cta-link {
                background: linear-gradient(135deg,var(--brand),var(--brand-deep));
            }
/* 悬浮客服工具栏 */
            .float-toolbar {
                position: fixed;
                right: 16px;
                bottom: 80px;
                z-index: 999;
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .float-toolbar a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                border-radius: 50%;
                color: #fff;
                font-size: 20px;
                text-decoration: none;
                box-shadow: 0 2px 12px rgba(0,0,0,0.15);
                transition: transform .3s;
            }

            .float-toolbar a:hover {
                transform: scale(1.1);
            }

            .float-toolbar .tb-phone {
                background: var(--brand);
            }

            .float-toolbar .tb-wechat {
                background: #07c160;
            }

            .float-toolbar .tb-top {
                background: #666;
            }

            .float-toolbar .tb-wechat .qr-popup {
                display: none;
                position: absolute;
                right: 56px;
				width: 160px;
                bottom: 0;
                background: #fff;
                padding: 12px;
                border-radius: 8px;
                box-shadow: 0 4px 20px rgba(0,0,0,0.15);
            }

            .float-toolbar .tb-wechat:hover .qr-popup {
                display: block;
            }

            .float-toolbar .qr-popup img {
                width: 140px;
                height: 140px;
            }

            .float-toolbar .qr-popup p {
                font-size: 12px;
                color: #666;
                text-align: center;
                margin: 4px 0 0;
            }
.breadcrumbs {background:#f5f5f5;padding:8px 64px;font-size:14px;color:#666;}
.breadcrumbs ol {list-style:none;margin:0;padding:0;display:flex;}
.breadcrumbs li:after {content:'>';margin:0 8px;color:#999;}
.breadcrumbs li:last-child:after {content:'';}
.breadcrumbs a {color:#333;text-decoration:none;}
.breadcrumbs a:hover {color:var(--brand-ink);}
.cate-intro{padding:24px 64px 8px;font-size:15px;line-height:1.9;color:#555;}
.cate-intro h2{font-size:20px;color:#222;margin:18px 0 8px;}
.cate-intro p{margin:0 0 12px;}
.cate-intro ul{margin:0 0 14px;padding-left:22px;}
.cate-intro li{margin:4px 0;}
@media (max-width:719px){.cate-intro{padding:16px 20px 4px;font-size:14px;line-height:1.85;}.cate-intro h2{font-size:17px;}}

/* ===== 竞品基准批 #151：获客区块 ===== */
/* 批 #174：.lead-fields 那组规则（三个输入框 + 提交按钮 + 移动端整行）随首屏表单一起删除——
   全站唯一的留资表单现在在页脚，字段样式由 .hireus_form .webform-component-* 负责。 */
.lead-chips{margin-top:12px;font-size:13px;color:#999}
.lead-chips a{display:inline-block;margin:6px 6px 0 0;padding:3px 12px;border:1px solid #dcdfe6;border-radius:14px;color:#555;text-decoration:none;background:#fff}
.lead-chips a:hover{border-color:var(--brand);color:var(--brand-ink)}

/* 区块标题 + 查看更多入口。小标签在上、大标题在下，与 .view-header（透明报价 / 选择适合您的建站方案）
   同一口径；原来这里是 flex 横排，标签和标题被挤成一行。右侧的「查看更多」挂在标题行右下，
   窄屏（标题本身要换两三行）时回到标题下方独立一行，避免压住正文。 */
.section-head{position:relative;margin:0 0 28px;padding-right:180px}
.section-head .caption-block{margin:0;max-width:1280px}
.more-link{position:absolute;right:0;bottom:8px;white-space:nowrap;font-size:14px;color:var(--brand-ink);text-decoration:none;border:1px solid var(--brand);border-radius:20px;padding:7px 18px;transition:all .3s}
.more-link:hover{background:var(--brand);color:#fff}

/* 套餐说明与随套餐交付的承诺条 */
.pricing-note{margin:10px auto 0;font-size:13px;color:#777;text-align:center;line-height:1.6;max-width:900px}
.pricing-note a{color:var(--brand-ink)}
.pricing-card .pk-note{display:none}

/* 案例详情 / 列表页底部同类方案 CTA */
.case-cta{background:#f8f9fa;border-radius:10px;padding:26px 24px;margin:32px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}
.case-cta .case-cta-text{-webkit-box-flex:1;-ms-flex:1 1 320px;flex:1 1 320px}
.case-cta .case-cta-text b{display:block;font-size:18px;color:#222;margin-bottom:6px}
.case-cta .case-cta-text span{font-size:13px;color:#777;line-height:1.7}
.case-cta a.case-cta-btn{display:inline-block;height:42px;line-height:42px;padding:0 24px;border-radius:6px;background:var(--brand);color:#fff;font-size:15px;text-decoration:none;transition:all .3s}
.case-cta a.case-cta-btn.ghost{background:#fff;color:var(--brand-ink);border:1px solid var(--brand)}
.case-cta a.case-cta-btn:hover{opacity:.9}

/* 资质与荣誉：去掉评价样式后仍复用 clients-review 的轮播 */
.honor-head{margin-top:16px}
.clients-review .card-wrap .review{margin-bottom:24px}

@media (max-width:719px){
    .section-head{padding-right:0}
    .more-link{position:static;display:inline-block;margin-top:12px}
    .case-cta{padding:18px 16px}
}

/* 批 #154：GEO 区块（竞品结构对标后新增；同批的数字背书条 .stat-strip 与 FAQ .faq-* 已随首页改版移除） */
.geo-block{margin:48px 0;padding:32px 24px;border:1px solid #e3ebf5;border-radius:12px}
.geo-lead{margin:16px 0 20px;color:#555;line-height:1.8}
.geo-list{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.geo-list li{padding:14px 16px;background:#f5f8fc;border-radius:8px}
.geo-list li b{display:block;margin-bottom:4px;color:#1a1a1a}
.geo-list li span{font-size:14px;color:#666;line-height:1.7}
.geo-cta{display:inline-block;padding:12px 28px;background:var(--brand);color:#fff;border-radius:24px;text-decoration:none}
.geo-cta:hover{opacity:.9}
.float-toolbar a{font-size:13px;letter-spacing:.5px}
.float-toolbar .tb-plan{background:#ff7a18}
@media (max-width:719px){
    .geo-block{padding:22px 16px}
}
/* ===== 批 #174-2：页脚「免费咨询」提交按钮醒目化 =====
   原来这颗按钮复用的是 .field-name-body a 那套"下划线渐变"样式：透明背景、无内填充、左对齐，
   在深色 hireus 区里看着就是一行普通文字；更要命的是 .hireus_form .ju7_form:invalid .form-actions input
   会在表单没填完时把按钮压到 opacity:.3 —— required 字段一进来必然是空的，所以每个访客第一眼
   看到的都是一颗 30% 透明的按钮。这里用 [type=submit] 属性选择器把特异度抬高一档来覆盖那两条旧规则，
   旧规则本身不动（.field-name-body a 的下划线样式在文章页还要用）。 */
.hireus_form .ju7_form>div .form-actions input[type=submit]{width:100%;min-height:52px;padding:0 32px;border:0;border-radius:6px;background-color:var(--brand);background-image:none;background-size:auto;background-position:0 0;text-align:center;color:#fff;font-size:20px;font-weight:700;line-height:52px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.28);-webkit-transition:background-color .2s;transition:background-color .2s}
.hireus_form .ju7_form>div .form-actions input[type=submit]:hover{background-color:var(--brand-deep)}
.hireus_form .ju7_form:invalid .form-actions input[type=submit],.hireus_form .ju7_form:invalid .form-actions input[type=submit]:hover{color:#fff;opacity:1}
.hireus_form .ju7_form>div .form-actions input[type=submit]:disabled{opacity:.6;cursor:default}

/* 预算档位下拉（#174-1 从首屏表单搬过来）：深色区里跟 input 走同一套"透明底 + 下边框"。
   option 弹层是系统画的，必须显式给白底黑字，否则 Chrome 拿 select 的 color:#fff 画在白色弹层上=白底白字。 */
.hireus_form .ju7_form>div .yusuan{-webkit-box-flex:1;-ms-flex:1 1 250px;flex:1 1 250px;min-width:36%;margin-bottom:40px}
.hireus_form .ju7_form .webform-component-select select{display:block;width:100%;min-height:35px;padding:1px 0;border:none;border-bottom:1px solid #333;border-radius:0;background-color:transparent;color:#fff;font-size:16px;line-height:32px}
.hireus_form .ju7_form .webform-component-select select:focus{outline:none;border-bottom-color:#fff}
.hireus_form .ju7_form .webform-component-select option{color:#222;background-color:#fff}

/* 快速填写：原来待在浅灰 lead-box 里（白底描边），现在跟着表单进了深色区，配色翻过来 */
.hireus_form .lead-chips{margin-top:16px;font-size:13px;color:hsla(0,0%,100%,.45)}
.hireus_form .lead-chips a{border-color:hsla(0,0%,100%,.35);background-color:transparent;color:hsla(0,0%,100%,.85)}
.hireus_form .lead-chips a:hover{border-color:#fff;color:#fff}

/* #214 3B1 首页三处内联背景图改成 <img>：容器几何保持不变，图用绝对定位铺满（沿用 .pict 早已验证的写法），object-fit:cover 与 background-size:cover 等价 */
.imgfit{position:relative}
.imgfit>img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;object-fit:cover}
.card-case .card-wrap .pict.imgfit>img{object-position:center top;transition:ease-out 8s}
.card-case .card-wrap:hover .pict.imgfit>img{object-position:center bottom}
.b-case_bg.imgfit>img{object-position:center bottom}

/* ===== 批 #230：Ju7CMS 用户手册版面（theme/576so/model/list/Ju7CMS1.html + model/show/Ju7CMS1.html）=====
   手册页是"左章节导航 + 右正文"的两栏文档型版面，和全站 .layout 的 64px 外边距共用一个容器，
   所以这里只新增 .docs-* 命名空间的 class，不碰全站既有选择器（避免影响另外 30 多个栏目页）。
   ≤1079px 时左栏不再 sticky，折成正文上方一块横向换行的章节条，正文回到单栏。 */
.docs-layout{display:flex;align-items:flex-start}
.docs-side{flex:0 0 248px;width:248px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;margin-right:40px;padding-right:16px;border-right:1px solid #eee;font-size:14px}
.docs-main{flex:1 1 0;min-width:0}
.docs-side__book{margin:0 0 16px;font-size:16px;font-weight:700}
.docs-side__book a{color:#000;text-decoration:none}
.docs-side__group{margin:20px 0 6px;font-size:12px;color:#999;letter-spacing:.05em}
.docs-side__item{display:block;padding:4px 8px;margin:0 -8px;border-radius:4px;color:#444;text-decoration:none;line-height:1.5}
.docs-side__item:hover{background-color:#f5f6f7;color:#000;text-decoration:none}
.docs-side__item.active{background-color:#f0f6ff;color:var(--brand-ink);font-weight:700}
.docs-main__title{margin:0 0 12px;font-size:30px;line-height:1.35}
.docs-main__lede{margin:0 0 32px;font-size:16px;line-height:1.9;color:#666}
.docs-main__meta{margin:0 0 32px;font-size:13px;color:#999}
.docs-intro{margin:0 0 32px;padding:16px 20px;border:1px solid #eee;border-left:4px solid var(--brand);background-color:#fafbfc;font-size:15px;line-height:1.9;color:#555}
.docs-intro p:last-child{margin-bottom:0}
.docs-index__sec{margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid #eee;font-size:20px}
.docs-index__sec:first-child{margin-top:0}
.docs-card{display:block;margin:0 0 12px;padding:16px 20px;border:1px solid #eee;border-radius:6px;color:#000;text-decoration:none;line-height:1.7}
.docs-card:hover{border-color:var(--brand);background-color:#fafcff;text-decoration:none;color:#000}
.docs-card__title{display:block;font-size:16px;font-weight:700}
.docs-card__desc{display:block;margin-top:6px;font-size:13px;color:#777}
/* 正文层：编辑器存进来的是 HTML（h2/h3/p/ul/table/pre/blockquote），统一在这里给节奏，
   表格必须显式 width:100%——全站 baseline 是 table{width:auto}，文档里的对照表会缩成一列一字。 */
.docs-body{font-size:16px;line-height:1.9;color:#222}
.docs-body__lede{margin:0 0 28px;padding:12px 16px;background-color:#f7f9fb;font-size:15px;color:#555}
.docs-body h2{margin:44px 0 16px;padding-bottom:8px;border-bottom:1px solid #eee;font-size:22px;scroll-margin-top:24px}
.docs-body h3{margin:32px 0 12px;font-size:18px;scroll-margin-top:24px}
.docs-body h4{margin:24px 0 8px;font-size:16px}
.docs-body p{margin:0 0 18px}
.docs-body ul,.docs-body ol{margin:0 0 18px;padding-left:26px}
.docs-body li{margin:0 0 6px}
.docs-body a{text-decoration:underline}
.docs-body img{max-width:100%;height:auto}
.docs-body table{width:100%;margin:0 0 22px;font-size:14px}
.docs-body th,.docs-body td{padding:8px 12px;border:1px solid #e3e5e8;text-align:left;vertical-align:top}
.docs-body th{background-color:#f7f9fb;font-weight:700}
.docs-body code{padding:2px 6px;border-radius:3px;background-color:#f2f3f5;font-family:Consolas,Menlo,Monaco,monospace;font-size:14px;word-break:break-all}
.docs-body pre{margin:0 0 22px;padding:16px;border:1px solid #e6e8eb;border-radius:6px;background-color:#f6f8fa;overflow:auto;line-height:1.7}
.docs-body pre code{padding:0;background-color:transparent;font-size:13px;word-break:normal}
.docs-body blockquote{margin:0 0 22px;padding:12px 18px;border-left:4px solid #ccd2d9;background-color:#f7f9fb;color:#555}
.docs-body blockquote p:last-child{margin-bottom:0}
/* 章内构件：页内小目录 + 提示条（正文片段里手写，不依赖 js） */
.docs-toc{margin:0 0 36px;padding:16px 20px;border:1px solid #eee;border-radius:6px;background-color:#fafbfc;font-size:14px;line-height:1.8}
.docs-toc__title{margin:0 0 8px;font-weight:700}
.docs-toc ol{margin:0;padding-left:22px}
.docs-toc li{margin:2px 0}
.docs-note{margin:0 0 22px;padding:12px 16px;border:1px solid #ffe08a;border-radius:6px;background-color:#fffbea;font-size:15px;line-height:1.8}
.docs-note--warn{border-color:#f5c2c7;background-color:#fdf3f4}
.docs-figure{margin:0 0 22px;font-size:13px;color:#888}
/* 章节翻页条 */
.docs-pn{display:flex;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid #eee}
.docs-pn__item{flex:1 1 30%;min-width:200px;margin:0 0 12px}
.docs-pn__item a{display:block;padding:12px 16px;border:1px solid #eee;border-radius:6px;color:#000;text-decoration:none;line-height:1.6}
.docs-pn__item a:hover{border-color:var(--brand);background-color:#fafcff;color:#000}
.docs-pn__item--next,.docs-pn__item--next a{text-align:right}
.docs-pn__label{display:block;font-size:12px;color:#999}
.docs-pn__title{display:block;margin-top:4px;font-weight:700}
@media (max-width:1079px){
	.docs-layout{display:block}
	.docs-side{position:static;width:auto;max-height:none;margin:0 0 28px;padding:0 0 16px;border-right:0;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap}
	.docs-side__book{width:100%;margin:0 0 8px}
	.docs-side__group{width:100%;margin:14px 0 4px}
	.docs-side__item{flex:0 1 auto;margin:0 4px 4px 0;padding:3px 10px;border:1px solid #eee;border-radius:14px;font-size:13px}
	.docs-main__title{font-size:24px}
}
@media (max-width:719px){
	.docs-pn__item{flex:1 1 100%}
	.docs-pn__item--next,.docs-pn__item--next a{text-align:left}
	.docs-body table{font-size:13px}
	.docs-body th,.docs-body td{padding:6px 8px}
}
@media print{
	.docs-side,.docs-pn{display:none}
}
/* ===== 批 #91 首页 BANNER（szfangwei.cn 口径）+ 信任计数屏 =====
   照搬的三件事：文字绝对定位到左下、底部一条计数条（01 / 03）、箭头收进这条 bar；banner 内不放快捷入口、不放表单、不放电话。
   不照搬的一件事：它 PC/手机都 100vh 满屏，本站默认视角 375px，手机版收到 min(72vh,560px)，否则首屏只剩一张图。
   用色取 dynadot.com 采样（#031242 深藏青 110 次、#0096f7 亮蓝 72 次、#ebf3ff 浅蓝底 31 次、#0262c7 hover 4 次），
   按他定的口径只作用于 banner 区、CTA 按钮和这一屏计数条，全站主色不动。
   下面全部是追加覆盖：选择器不比被覆盖者更弱、且在文件末尾，同权重后者胜，因此不改 ju7.css 任何一行旧代码。 */
.banner .view-content{position:relative}
/* 白字压在浅底图上会糊，加一层自下而上的深藏青渐变；pointer-events:none 保证不吃箭头和按钮的点击 */
.banner .view-content:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:1;pointer-events:none;background:-webkit-linear-gradient(top,rgba(3,18,66,0),rgba(3,18,66,.66));background:linear-gradient(180deg,rgba(3,18,66,0),rgba(3,18,66,.66))}
.banner .b-case_bg{background-position:center}
/* 旧口径是垂直居中（.b-case_content{top:40%;transform:translateY(-50%)}），改成贴左下；bar 高 56 + 32 留白 */
.banner .b-case_content{top:auto;bottom:88px;-webkit-transform:none;transform:none;padding-left:64px;padding-right:64px;z-index:2}
.banner .b-case_content .caption-block{max-width:min(50%,760px)}
.banner .b-case_content p{width:auto;max-width:min(46%,700px);margin:14px 0 22px;color:#ebf3ff}
/* 库里现有 3 张底图里有亮黄/亮青的色块，纯白字压上去对比不够；加一层同色系的柔和投影，不动版式 */
.banner .b-case_content .caption-block,.banner .b-case_content p{text-shadow:0 1px 14px rgba(3,18,66,.5)}
/* 旧规则写成 .b-case_content a,submit{background:#fff;color:#000}（submit 不是任何元素，那半截是死的）；这里只认 .name，白底黑字换成 dynadot 亮蓝 */
.banner .b-case_content a.name{display:inline-block;padding:14px 36px;background:var(--brand);color:#FFF;border-radius:50px;box-shadow:0 6px 24px rgba(3,18,66,.35);-webkit-transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s}
.banner .b-case_content a.name:hover,.banner .b-case_content a.name:focus{background:var(--brand-ink);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
/* 原来 .control-wrap 是轮播下方一条 30px margin 的流内行，被 .banner .view-content{overflow:hidden} 裁掉了；收进 banner 底当 bar */
.banner .control-wrap{position:absolute;left:0;right:0;bottom:0;z-index:3;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;margin:0;height:56px;padding:0 64px;background:rgba(3,18,66,.55)}
.banner .banner-count{font-size:14px;font-weight:600;line-height:1;letter-spacing:.1em;color:#ebf3ff}
.banner .banner-count_cur{color:#FFF}
.banner .banner-count_sep{margin:0 6px;opacity:.6}
/* 箭头收进 bar：右端两个 56×56 触点，位置从「垂直居中」改成贴底 */
.banner .swiper-button-prev,.banner .swiper-button-next{top:auto;bottom:0;margin-top:0;width:56px;height:56px;-webkit-background-size:18px 28px;background-size:18px 28px;background-position:center;opacity:.85}
.banner .swiper-button-prev{left:auto;right:64px}
.banner .swiper-button-next{right:8px}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity:1}
/* 信任计数屏：深蓝底一条，六个数；窄屏 2×3 */
.stat-grid{display:-webkit-box;display:flex;flex-wrap:wrap;margin:28px 0 6px;padding:22px 16px;background:#031242;border-radius:16px;color:#FFF;text-align:center}
.stat-grid_item{-webkit-box-flex:1;flex:1 1 30%;min-width:150px;padding:6px 8px}
.stat-grid_item .stat-link{display:inline-block;min-height:28px;line-height:28px;color:#ebf3ff;text-decoration:underline;text-underline-offset:3px}
.stat-grid_item .stat-link:hover,.stat-grid_item .stat-link:focus{color:#fff}
.stat-grid_item .stat-num{font-size:36px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.stat-grid_item .stat-unit{font-size:16px;font-weight:600;margin-left:2px}
.stat-grid_item .stat-label{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#ebf3ff}
@media (min-width:720px) and (max-width:1079px){
	.banner .b-case_content{padding-left:32px;padding-right:32px;bottom:84px}
	.banner .b-case_content .caption-block{max-width:64%}
	.banner .control-wrap{padding:0 32px}
	.banner .swiper-button-prev{right:32px}
}
@media (max-width:719px){
	/* 这条替掉 index1.html 里那段死样式：手机版不满屏 */
	.banner .view-content{height:min(72vh,560px)}
	/* 窄屏底图被 cover 裁得更紧、亮色块占比更大，渐变加高到 62% 并把末端提到 .72 */
	.banner .view-content:after{height:62%;background:-webkit-linear-gradient(top,rgba(3,18,66,0),rgba(3,18,66,.72));background:linear-gradient(180deg,rgba(3,18,66,0),rgba(3,18,66,.72))}
	.banner .b-case_content{bottom:72px;padding-left:32px;padding-right:32px}
	.banner .b-case_content .caption-block,.banner .b-case_content p{max-width:100%}
	.banner .control-wrap{height:48px;padding:0 20px}
	.banner .swiper-button-prev,.banner .swiper-button-next{width:44px;height:44px}
	.banner .swiper-button-prev{right:44px}
}
@media (max-width:480px){
	/* 旧规则这里直接 display:none 把整条 bar 藏了；bar 要留（计数条是口径的一部分），只把箭头藏掉——触屏靠划 */
	.banner .control-wrap{display:-webkit-box;display:flex;height:44px}
	.banner .swiper-button-prev,.banner .swiper-button-next{display:none}
	.banner .b-case_content{bottom:66px;padding-left:20px;padding-right:20px}
	.stat-grid{padding:16px 8px}
	.stat-grid_item{flex:1 1 50%;min-width:120px}
	.stat-grid_item .stat-num{font-size:28px}
}
/* 关掉动效偏好就不跑自动轮播与数字滚动，见 js/banner-count.js 里的 matchMedia 判定 */
@media (prefers-reduced-motion:reduce){
	.banner .b-case_content a.name,.banner .b-case_content a.name:hover{-webkit-transform:none;transform:none}
}

/* ===== 批 #92 首页行业方案屏：数据源 category(depth=3,ismenu=1) 共 7 个行业栏目，零新素材、零库写 =====
   用色沿用批 #91 的 dynadot 口径（主蓝 #0096f7 / 深蓝 hover #0262c7 / 墨蓝 #0b1c3d），只作用于本屏卡片 ===== */
.industry-solutions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-12px;margin-right:-12px;counter-reset:ind}
.industry-item{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding:0 12px 24px;box-sizing:border-box;counter-increment:ind}
.industry-item__wrap{position:relative;display:block;height:100%;padding:20px 20px 18px;background:#FFF;border:1px solid #e6ecf5;border-radius:14px;box-sizing:border-box;text-decoration:none;color:inherit;-webkit-transition:border-color .2s,-webkit-transform .2s,-webkit-box-shadow .2s;transition:border-color .2s,transform .2s,box-shadow .2s}
.industry-item__wrap:before{content:"0" counter(ind);display:block;margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#b6c2d4;font-variant-numeric:tabular-nums}
.industry-item__wrap:hover,.industry-item__wrap:focus{border-color:var(--brand-bright);-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 12px 28px rgba(3,18,66,.10);box-shadow:0 12px 28px rgba(3,18,66,.10);outline:none}
.industry-item .name{margin:0 0 10px;font-size:17px;line-height:1.45;font-weight:600;color:var(--ink)}
.industry-item__wrap:hover .name{color:var(--brand-ink)}
.industry-item .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:12px;font-size:13px;line-height:1.7;color:rgba(11,28,61,.62)}
.industry-item .go{display:inline-block;font-size:13px;font-weight:600;color:var(--brand-ink)}
.industry-item .go:after{content:" →"}
@media (min-width:720px) and (max-width:1079px){
	.industry-item{-ms-flex:0 0 50%;flex:0 0 50%}
}
@media (max-width:719px){
	.industry-solutions{margin-left:-8px;margin-right:-8px}
	.industry-item{-ms-flex:0 0 50%;flex:0 0 50%;padding:0 8px 16px}
	.industry-item__wrap{padding:16px 14px 14px}
	.industry-item__wrap:before{margin-bottom:8px}
	.industry-item .name{margin-bottom:0;font-size:15px}
	.industry-item .text{display:none}
	.industry-item .go{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
	.industry-item__wrap{-webkit-transition:none;transition:none}
	.industry-item__wrap:hover,.industry-item__wrap:focus{-webkit-transform:none;transform:none}
}
/* ===== 批 #93：分页条 + 知识库列表壳(.docs-list) + 悬浮工具条焦点可见 =====
   .pager 原来只有第 550 行那一版（灰底 32px 白字），lib/class/andvar.page.asp:157-178 生成的是
   <a class="page-link"> 序列，而 .page-link 全站零条规则，所以分页看起来是一坨白字。
   这里用 .pager .page-link(0,2,0) 压过 .pager a(0,1,1)，不动旧行以免牵连其它站点主题。 */
.pager{padding:32px 64px 8px;background-color:transparent;font-size:0}
.pager .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;margin:0 3px 6px;padding:0 10px;border:1px solid #e3e5e8;border-radius:4px;background-color:#fff;color:#333;font-size:15px;line-height:1;text-decoration:none}
.pager .page-link:hover{border-color:var(--brand);color:var(--brand-ink);text-decoration:none}
.pager .page-link.active{border-color:var(--brand);background-color:var(--brand);color:#fff;font-weight:700}
.pager .page-link.active:hover{color:#fff}
.pager .page-link.disabled{border-color:#eee;color:#bbb;background-color:#fafafa}
/* 知识库列表：ZX1 从 4 列卡片改成整行 docs 条目，日期用 createdate（已加进 field=） */
.docs-list{display:block;margin:0;padding:0}
.docs-list .docs-card{-webkit-box-flex:0;-ms-flex:none;flex:none;width:auto;margin:0 0 12px;padding:0}
.docs-list .docs-card>a{display:block;padding:16px 20px;border:1px solid #eee;border-radius:6px;color:#000;text-decoration:none;line-height:1.7}
.docs-list .docs-card>a:hover{border-color:var(--brand);background-color:#fafcff;color:#000;text-decoration:none}
.docs-list .docs-card__title{display:block;font-size:17px;font-weight:700}
.docs-list .docs-card__meta{display:block;margin-top:4px;font-size:13px;color:#999}
.docs-list .docs-card__desc{display:block;margin-top:8px;font-size:14px;color:#666}
.docs-list .docs-card__pic{display:block;margin-top:10px}
.docs-list .docs-card__pic img{width:100%;max-width:320px;height:auto;border-radius:4px}
.float-toolbar a{position:relative}
.float-toolbar .tb-wechat:focus .qr-popup,.float-toolbar .tb-wechat:focus-within .qr-popup{display:block}
@media (max-width:719px){
	.pager{padding:24px 20px 4px}
	.pager .page-link{min-width:36px;min-height:36px;margin:0 2px 6px;padding:0 8px;font-size:14px}
	.docs-list .docs-card>a{padding:14px 16px}
	.docs-list .docs-card__title{font-size:16px}
}
/* ≤480 实测（批 #93-E）：竖排 4 个 40px 按钮共占 40×178 的一条，右侧压住首页资讯屏两条卡片链接
   （overlap=2）。改成贴着屏幕右下角的横排一条，只占 44px 高的带，正文与卡片底部再用 padding-bottom 让开。 */
@media (max-width:480px){
	.float-toolbar{right:8px;bottom:8px;gap:6px;flex-direction:row}
	.float-toolbar a{width:36px;height:36px;font-size:13px}
	.float-toolbar .tb-wechat .qr-popup{right:0;bottom:44px;width:150px;padding:10px}
	.float-toolbar .qr-popup img{width:128px;height:128px}
	main{padding-bottom:56px}
}
/* ===== 批 #101：首页「服务项目」改栏目目录卡 + 行业方案主推/次级 + 资讯屏最新条放大 + 知识库目录 =====
   用色沿用批 #91/#92 的 dynadot 口径（主蓝 #0096f7 / hover 深蓝 #0262c7 / 墨蓝 #0b1c3d / 面板底 #f1f5f9） */
.svc-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
.svc-cell{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding:0 12px 18px;box-sizing:border-box}
.svc-cell__wrap{position:relative;display:block;height:100%;padding:16px 16px 14px;background:#FFF;border:1px solid #e6ecf5;border-radius:12px;box-sizing:border-box;text-decoration:none;color:inherit;-webkit-transition:border-color .2s,-webkit-transform .2s,-webkit-box-shadow .2s;transition:border-color .2s,transform .2s,box-shadow .2s}
.svc-cell__wrap:hover,.svc-cell__wrap:focus{border-color:var(--brand-bright);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 24px rgba(3,18,66,.08);box-shadow:0 10px 24px rgba(3,18,66,.08);outline:none}
.svc-cell .name{margin:0 0 6px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink)}
.svc-cell__wrap:hover .name{color:var(--brand-ink)}
.svc-cell .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.65;color:rgba(11,28,61,.6)}
@media (min-width:720px) and (max-width:1079px){
	.svc-grid{margin-left:-16px;margin-right:-16px}
	.svc-cell{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;padding:0 16px 18px}
}
@media (max-width:719px){
	.svc-grid{margin-left:-8px;margin-right:-8px}
	.svc-cell{-ms-flex:0 0 50%;flex:0 0 50%;padding:0 8px 12px}
	.svc-cell__wrap{padding:14px 12px 12px}
	.svc-cell .name{font-size:15px}
}
@media (max-width:480px){
	.svc-cell .text{display:none}
}
@media (prefers-reduced-motion:reduce){
	.svc-cell__wrap{-webkit-transition:none;transition:none}
	.svc-cell__wrap:hover,.svc-cell__wrap:focus{-webkit-transform:none;transform:none}
}

.industry-item.lead{-ms-flex:0 0 50%;flex:0 0 50%}
.industry-item.lead>.industry-item__wrap{padding:24px 26px 22px;border-color:#d7e3f2;background:#f7fbff}
.industry-item.lead .name{font-size:20px;margin-bottom:12px}
.industry-item.lead .text{-webkit-line-clamp:4;font-size:14px;margin-bottom:14px}
.industry-more{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px;padding:2px 0 0}
.industry-chip{display:inline-block;margin:0 5px 10px;padding:8px 16px;font-size:14px;line-height:1.3;color:var(--ink);background:var(--panel);border:1px solid #e0e8f2;border-radius:20px;text-decoration:none;-webkit-transition:color .2s,background .2s,border-color .2s;transition:color .2s,background .2s,border-color .2s}
.industry-chip:hover,.industry-chip:focus{color:#FFF;background:var(--brand);border-color:var(--brand-bright);outline:none}
@media (max-width:719px){
	.industry-item.lead>.industry-item__wrap{padding:16px 14px 14px}
	.industry-item.lead .name{margin-bottom:0;font-size:15px}
	.industry-chip{font-size:13px;padding:7px 12px}
}

.info-card.lead{-ms-flex:0 0 50%;flex:0 0 50%}
.info-card.lead .name{font-size:20px;line-height:1.5}
.info-card.lead .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px}
@media (min-width:1080px) and (max-width:1499px), (max-width:1079px){
	.info-card.lead{-ms-flex:0 0 50%;flex:0 0 50%}
}
@media (max-width:480px){
	.info-card.lead{-ms-flex:0 0 100%;flex:0 0 100%}
	.info-card.lead .name{font-size:17px}
}

.kb-catalog{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin:6px 0 36px}
.kb-item{-webkit-box-flex:0;-ms-flex:0 0 calc((100% - 32px)/3);flex:0 0 calc((100% - 32px)/3);box-sizing:border-box;display:block;padding:14px 16px;background:#f5f8fc;border:1px solid #e3ebf5;border-radius:10px;text-decoration:none;color:inherit;-webkit-transition:border-color .2s,background .2s;transition:border-color .2s,background .2s}
.kb-item b{display:block;margin-bottom:4px;font-size:15px;color:var(--ink)}
.kb-item span{display:block;font-size:13px;line-height:1.6;color:rgba(11,28,61,.6)}
.kb-item:hover,.kb-item:focus{border-color:var(--brand-bright);background:#F7FBFF;outline:none}
@media (max-width:719px){
	.kb-catalog{gap:10px;margin:6px 0 28px}
	.kb-item{-ms-flex:0 0 100%;flex:0 0 100%;padding:12px 14px}
}

.geo-list li a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px}
.geo-list li a:hover{color:var(--brand-ink)}
/* ===== 批 #102-A：首屏第二颗 CTA（幽灵按钮），八站共同点是「看案例 + 要报价」两个转化口 =====
   主按钮沿用批 #91 的 dynadot 亮蓝实心，次按钮改成半透明白描边，保证压在图片上仍可读 */
.banner .b-case_content a.name-2{margin-left:14px;padding:14px 28px;background:rgba(3,18,66,.72);border:1px solid rgba(255,255,255,.6);box-shadow:none;color:#FFF;text-shadow:0 1px 10px rgba(3,18,66,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.banner .b-case_content a.name-2:hover,.banner .b-case_content a.name-2:focus{background:rgba(3,18,66,.88);border-color:#FFF;-webkit-transform:translateY(-2px);transform:translateY(-2px)}
@media (max-width:719px){
	.banner .b-case_content a.name,.banner .b-case_content a.name-2{padding:11px 20px;font-size:14px}
	.banner .b-case_content a.name-2{margin-left:10px}
}
@media (max-width:480px){
	.banner .b-case_content a.name-2{margin-left:8px;padding:10px 16px}
}
/* 批 #102-B：首页服务承诺条（报价屏与资讯屏之间），三档断点 3/2/1 列 */
.promise-bar{margin:0 0 40px;padding:26px 30px;background:#f7fbff;border:1px solid var(--line)}
.promise-bar__title{margin:0 0 14px;font-size:18px;line-height:1.5;color:var(--ink)}
.promise-list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.promise-list li{flex:0 0 33.3333%;box-sizing:border-box;padding:8px 20px 8px 0;border-top:1px solid #eaf1f8}
.promise-list b{display:block;font-size:15px;line-height:1.6;color:var(--brand-ink)}
.promise-list span{display:block;font-size:13px;line-height:1.7;color:var(--muted)}
@media (max-width:1079px){.promise-list li{flex:0 0 50%}}
@media (max-width:719px){.promise-bar{padding:18px 16px}.promise-bar__title{font-size:16px}.promise-list li{flex:0 0 100%;padding-right:0}}
/* 批 #102-C：首页常见问题（FAQ）折叠区，原生 details 零脚本，窄屏单列 */
.faq-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 32px;margin:0}
.faq-item{flex:0 0 calc((100% - 32px)/2);box-sizing:border-box;background:#FFF;border:1px solid var(--line)}
.faq-q{position:relative;box-sizing:border-box;padding:14px 42px 14px 16px;font-size:15px;line-height:1.6;color:var(--ink);cursor:pointer;list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{content:"+";position:absolute;top:12px;right:16px;font-size:19px;line-height:1;color:var(--brand-ink)}
.faq-item[open] .faq-q{color:var(--brand-ink)}
.faq-item[open] .faq-q::after{content:"-"}
.faq-a{padding:10px 16px 14px;font-size:13px;line-height:1.8;color:var(--muted);border-top:1px solid #f0f4f8}
.faq-a a{color:var(--brand-ink);text-decoration:underline}
@media (max-width:719px){.faq-list{gap:14px}.faq-item{flex:0 0 100%}.faq-q{font-size:14px;padding:12px 38px 12px 14px}.faq-a{padding:8px 14px 12px}}
/* 批 #103：服务栏目落地页 model/list/FW1.html（34-47 共用）。
   口径：只新增类名，不改既有选择器；.cate-intro 的覆盖写在文件末尾，靠层叠顺序生效；
   按钮一律深底白字或白底深蓝字（#0066cc 上白字 5.57:1 过 AA，#0096f7 上白字 3.05:1 不过，见批 #102-D）。 */
.svc-hero{display:-webkit-box;display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px 40px;margin:0 0 26px;padding:28px 32px;background:-webkit-linear-gradient(315deg,#f3f8ff,#fbfdff);background:linear-gradient(135deg,#f3f8ff,#fbfdff);border:1px solid var(--line);border-left:4px solid var(--brand)}
.svc-hero_body{-webkit-box-flex:1;flex:1 1 460px;min-width:0}
.svc-hero .label-block{margin:0 0 6px}
.svc-hero h1{margin:0 0 10px;font-size:32px;line-height:1.35;color:var(--ink)}
.svc-hero_desc{margin:0 0 18px;font-size:15px;line-height:1.9;color:#41506a;max-width:720px}
.svc-hero_cta{display:-webkit-box;display:flex;flex-wrap:wrap;gap:12px}
.svc-btn{display:inline-block;padding:12px 26px;font-size:15px;line-height:1.4;color:#FFF;background:var(--brand);border:1px solid var(--brand);border-radius:26px;text-decoration:none;-webkit-transition:background .2s,border-color .2s,color .2s;transition:background .2s,border-color .2s,color .2s}
.svc-btn:hover,.svc-btn:focus{background:var(--brand-deep);border-color:var(--brand-deep);color:#FFF;outline:none;text-decoration:none}
.svc-btn--ghost{color:var(--brand-ink);background:#FFF;border-color:var(--brand-bright)}
.svc-btn--ghost:hover,.svc-btn--ghost:focus{color:#FFF;background:var(--brand);border-color:var(--brand)}
.svc-hero_points{-webkit-box-flex:0;flex:0 0 300px;margin:0;padding:0;list-style:none}
.svc-hero_points li{padding:10px 0;border-top:1px solid #e6eefb}
.svc-hero_points b{display:block;font-size:15px;line-height:1.6;color:var(--brand-ink)}
.svc-hero_points span{display:block;font-size:13px;line-height:1.7;color:var(--muted)}
.svc-nav{margin:0 0 38px}
.industry-chip.on{color:#FFF;background:var(--brand);border-color:var(--brand)}
.industry-chip.on:hover,.industry-chip.on:focus{background:var(--brand-deep);border-color:var(--brand-deep)}
.svc-flow{margin:0 0 40px}
.svc-flow_list{display:-webkit-box;display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.svc-flow_item{-webkit-box-flex:0;flex:0 0 25%;box-sizing:border-box;padding:0 20px 0 0}
.svc-flow_num{display:block;font-size:26px;font-weight:700;line-height:1.2;color:var(--brand-bright);font-variant-numeric:tabular-nums}
.svc-flow_item b{display:block;margin:6px 0 4px;font-size:16px;line-height:1.6;color:var(--ink)}
.svc-flow_item p{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}
.svc-posts{margin:0 0 40px}
.svc-empty{-webkit-box-flex:0;flex:0 0 100%;box-sizing:border-box;padding:24px 26px;margin-bottom:30px;background:var(--panel);border:1px dashed var(--brand-bright)}
.svc-empty b{display:block;font-size:17px;line-height:1.6;color:var(--ink)}
.svc-empty span{display:block;margin:6px 0 16px;font-size:14px;line-height:1.8;color:#41506a;max-width:760px}
.svc-read{margin:0 0 40px}
.svc-read_list{display:-webkit-box;display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.svc-read_list li{-webkit-box-flex:0;flex:0 0 50%;box-sizing:border-box;padding:0 24px 0 0}
.svc-read_list a{display:block;position:relative;padding:11px 0 11px 18px;font-size:14px;line-height:1.7;color:var(--ink);border-top:1px solid #eaf1f8;text-decoration:none}
.svc-read_list a:before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;background:var(--brand)}
.svc-read_list a:hover,.svc-read_list a:focus{color:var(--brand-ink);outline:none}
.svc-more{margin:0 0 40px}
.svc-cta{display:-webkit-box;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:0 0 10px;padding:26px 32px;background:#031242;color:#FFF}
.svc-cta_text{-webkit-box-flex:1;flex:1 1 360px;min-width:0}
.svc-cta_text b{display:block;font-size:22px;line-height:1.5}
.svc-cta_text span{display:block;margin-top:4px;font-size:14px;line-height:1.8;color:#c9dcf5}
.svc-cta_act{display:-webkit-box;display:flex;flex-wrap:wrap;gap:12px}
.svc-cta .svc-btn{background:#FFF;border-color:#FFF;color:var(--brand-ink)}
.svc-cta .svc-btn:hover,.svc-cta .svc-btn:focus{background:var(--brand-bright);border-color:var(--brand-bright);color:#FFF}
.svc-cta .svc-btn--ghost{background:transparent;border-color:#8fb6e8;color:#FFF}
.svc-cta .svc-btn--ghost:hover,.svc-cta .svc-btn--ghost:focus{background:#FFF;border-color:#FFF;color:var(--brand-ink)}
.cate-intro{padding:0 0 8px;font-size:15px;line-height:1.95;color:#3d4b5c}
.cate-intro h2{position:relative;margin:26px 0 10px;padding-left:14px;font-size:19px;line-height:1.6;color:var(--ink);border-left:3px solid var(--brand)}
.cate-intro h2:first-child{margin-top:0}
.cate-intro p{margin:0 0 14px}
.cate-intro ul{margin:0 0 16px;padding-left:0;list-style:none}
.cate-intro ul li{position:relative;padding:5px 0 5px 22px;font-size:14px;line-height:1.8;border-top:1px solid #eef4fb}
.cate-intro ul li:before{content:"";position:absolute;left:2px;top:15px;width:9px;height:5px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cate-intro a{color:var(--brand-ink);text-decoration:underline}
@media (max-width:1079px){
	.svc-hero_points{-webkit-box-flex:0;flex:0 0 100%;display:-webkit-box;display:flex;flex-wrap:wrap;gap:0 28px}
	.svc-hero_points li{-webkit-box-flex:0;flex:0 0 calc(50% - 14px)}
	.svc-flow_item{-webkit-box-flex:0;flex:0 0 50%;padding-bottom:18px}
}
@media (max-width:719px){
	.svc-hero{padding:20px 18px;gap:18px}
	.svc-hero h1{font-size:23px}
	.svc-hero_desc{font-size:14px;margin-bottom:14px}
	.svc-btn{padding:11px 20px;font-size:14px}
	.svc-hero_points li,.svc-read_list li,.svc-flow_item{-webkit-box-flex:0;flex:0 0 100%}
	.svc-flow{margin-bottom:30px}
	.svc-cta{padding:20px 18px}
	.svc-cta_text b{font-size:19px}
	.cate-intro h2{font-size:17px;padding-left:11px}
}
/* 批 #115-C：AL1 案例卡的 .pict 底色是 #000，没有缩略图的行整张压成一块黑；
   描述 .in 又只在 hover 时 opacity:1，手机没有 hover，无图卡上什么都看不见（线上已知阳性：/list/?classid=25 的 id=23）。
   模板给无图卡补 class="card-case noimg"，这里换成品牌渐变并把说明常驻。 */
.card-case.noimg .card-wrap{background:linear-gradient(135deg,var(--ink) 0%,var(--brand-deep) 62%,var(--brand) 100%)}
.card-case.noimg .card-wrap .pict{background-color:transparent}
.card-case.noimg .card-wrap .in{opacity:1}
.card-case.noimg .card-wrap:hover .pict:before{background-color:rgba(0,0,0,.25)}
/* 批 #115-C 第二轮：无图卡只有三行说明，225px 高的卡片上半截是空的，标题（客户/项目名）根本不露。
   模板给无图卡补一个 .ttl（有缩略图的卡不加，desktop 上仍走 hover 出 .in 的原样），这里排成卡片主标题。
   注：.in 在 ≤767px 本来就是 opacity:1（见本文件 line 243 那条媒体查询），所以上一轮真正修掉的是「整块纯黑」，
   而 .card-case.noimg .card-wrap .in{opacity:1} 这条只在 ≥768px 才有意义。 */
.card-case.noimg .card-wrap .ttl{font-size:17px;line-height:1.45;font-weight:700;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.28)}
@media (min-width:768px){.card-case.noimg .card-wrap .ttl{font-size:22px;line-height:1.4}}

/* 批 #134-D ⑥：案例卡上的「类型 + 客户单位」标签行，和卡片右下角的「线上站点」外链。
   上面 line 228 那条 .card-case .card-wrap span{display:block;position:relative} 会命中所有后代 span，
   所以 .case-chip 必须用四层选择器（0,3,1）压回 inline-block。
   .case-site 是 .card-wrap 的兄弟节点，绝对定位到 .card-case（本身 position:relative）——不能塞进 a 里面，嵌套 a 是非法 HTML。 */
.card-case .card-wrap .case-chips{margin-top:8px}
.card-case .card-wrap .case-chips .case-chip{display:inline-block;position:static;margin:0 6px 6px 0;padding:3px 10px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:rgba(255,255,255,.14);font-size:12px;line-height:1.5;color:#fff}
.card-case .card-wrap .case-chips .case-chip-who{border-style:dashed}
.case-site{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-block;min-height:28px;line-height:28px;padding:0 14px;border-radius:14px;background:var(--brand);color:#fff;font-size:13px;text-decoration:none}
.case-site:hover,.case-site:focus{background:var(--brand-bright);color:#fff}

/* 批 #134-D ④：客户 LOGO 墙。LOGO 原始尺寸 200×88，单元格按容器宽度收缩，窄屏两列、宽屏自动排满 */
.logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 40px}
.logo-cell{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:96px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;transition:border-color .3s,box-shadow .3s}
.logo-cell:hover,.logo-cell:focus{border-color:var(--brand);box-shadow:0 6px 18px rgba(2,98,199,.12)}
.logo-cell img{display:block;max-width:100%;max-height:60px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}
@media (max-width:719px){.logo-cell{min-height:80px;padding:12px}.logo-cell img{max-height:48px}}

/* 批 #134-D ⑤：七步服务流程。窄屏一列，宽屏按 280px 起自动多列 */
.flow-list{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.flow-step{display:-webkit-box;display:flex;-webkit-box-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;align-items:center;gap:4px 10px;padding:16px;background:#f5f8fc;border:1px solid var(--line);border-radius:12px}
.flow-no{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:30px;height:30px;line-height:30px;text-align:center;background:var(--brand);color:#fff;border-radius:8px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.flow-name{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:28px;font-size:16px;font-weight:600;line-height:1.6;color:var(--ink);text-decoration:none}
.flow-name:hover,.flow-name:focus{color:var(--brand-ink)}
.flow-desc{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;font-size:13px;line-height:1.7;color:var(--muted)}
@media (max-width:719px){.flow-step{padding:14px}.flow-name{font-size:15px}.flow-list{grid-template-columns:minmax(0,1fr)}}

/* 批 #130-C：咨询表单的短信验证码行。暗底表单沿用 .webform-component 的浮动 label，
   这颗按钮不套 .form-actions 的渐变下划线（那条给 submit 用），只要一条 #333 底线。
   min-height 32px 是 #40 定的手机版可点目标地板；窄屏把按钮和提示折成两行，
   320px 下不横着挤出去（用 minmax(0,…) 同 #134-D 那条流程格的坑）。 */
.hireus_form .ju7_form>div .smscode{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}
.hireus_form .ju7_form .smscode .sms-line{display:-webkit-box;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:8px;margin-top:10px}
.hireus_form .ju7_form .smscode input[type=button]{-webkit-appearance:none;appearance:none;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;background:transparent;border:none;border-bottom:1px solid #333;border-radius:0;color:#fff;font-size:16px;line-height:26px;min-height:32px;padding:0 2px;cursor:pointer}
.hireus_form .ju7_form .smscode input[type=button]:disabled{opacity:.4;cursor:default}
.hireus_form .ju7_form .smscode .sms-tip{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;color:#999;font-size:12px;line-height:1.6;text-align:right}
@media (min-width:1500px){.hireus_form .ju7_form .smscode input[type=button]{font-size:20px;line-height:32px;min-height:38px}}
@media (max-width:719px){.hireus_form .ju7_form .smscode .sms-line{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hireus_form .ju7_form .smscode .sms-tip{text-align:left;min-width:0;width:100%}}