/*----------------------电脑板式样式----------------------*/
.nb-rd .hero h1,.nb-rd .hero h2,.nb-rd .pagehead h1,.nb-rd .cta-band h2{color:#fff!important}
.nb-rd .hero p,.nb-rd .pagehead p,.nb-rd .cta-band p{color:rgba(255,255,255,.8)!important}
.nb-rd .crumb,.nb-rd .crumb a{color:rgba(255,255,255,.65)!important}
.nb-rd .hero .kicker,.nb-rd .pagehead .kicker,.nb-rd .hero .tag{color:rgba(255,255,255,.72)!important}
.nb-rd .cta-band a,.nb-rd .btn-ghost{color:#fff!important}
.nb-rd footer p,.nb-rd footer span,.nb-rd footer b,.nb-rd footer li,.nb-rd footer div{color:rgba(255,255,255,.72)!important}
.nb-rd footer a,.nb-rd footer h3,.nb-rd footer h4{color:rgba(255,255,255,.85)!important}
#comm_layout_footer{background:#101318!important;background-image:none!important}
#comm_layout_footer p,#comm_layout_footer span,#comm_layout_footer div,#comm_layout_footer li,#comm_layout_footer h1,#comm_layout_footer h2,#comm_layout_footer h3,#comm_layout_footer h4{color:rgba(255,255,255,.75)!important}
#comm_layout_footer a{color:rgba(255,255,255,.85)!important}
#comm_layout_footer a:hover{color:#fff!important}
#newsList_style_04_1789986942169{top:1180px!important}
@media(min-width:769px){#layout_1547539953706{height:1720px!important}}
/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {
  body{background:transparent}
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {
  body{background:transparent}
}
body{ background-position:left top; }


 #dh_style_11_1547432266667{width:63.16666666666667%;z-index:999;position:absolute;top:28.5px;left:4.329752604166667%;display:block;}   @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_11_1547432266667{z-index:999;left:31.81336161187699%;top:38px;width:643px;display:block;}}   @media screen and (max-width:640px) {#dh_style_11_1547432266667{width:12.812499999999998%;z-index:999;top:3.99609375px;left:0%;display:block;}} #dh_style_11_1547432266667 > .view_contents{overflow:visible;}  #dh_style_11_1547432266667 .mainMenuSet {font-size:16px;border-top:none !important;border-right:none !important;border-left:none !important;border-color:transparent;border-style:solid;border-width:3px;margin-left:34px;margin-right:34px;} #dh_style_11_1547432266667 .mainMenuSet:hover {border-color:#8d7ee4;color:#8d7ee4;background:transparent;} #dh_style_11_1547432266667 #hot>a {border-color:#8d7ee4;color:#8d7ee4;background:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_11_1547432266667 .mainMenuSet {font-size:16px;margin-left:24px;margin-right:24px;}} @media screen and (max-width:640px) { #dh_style_11_1547432266667 .mainMenuSet {margin-left:0px;margin-right:0px;border-width:1px;border-color:transparent;border-style:solid;}} #comm_layout_header{height:98.375px;z-index:9999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:120px;}}   @media screen and (max-width:640px) {#comm_layout_header{height:52px;z-index:11;}} #comm_layout_header > .view_contents{overflow:visible;max-width:1200px;} 
/*----------------------电脑板式样式----------------------*/
#comm_layout_header{
	
}
/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {
	#comm_layout_header{
		
	}
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {
	#comm_layout_header{
		
	}
}


 #text_html_new_1789973877155{width:31.620553359683797%;height:300px;position:absolute;top:267.625px;left:1.1067193675889329%;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_html_new_1789973877155{}}   @media screen and (max-width:640px) {#text_html_new_1789973877155{width:100%;height:300px;top:0px;left:0%;}}  #layout_diy_1789973597{height:944.25px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1789973597{height:600px;}}   @media screen and (max-width:640px) {#layout_diy_1789973597{height:600px;}} 


 #dh_style_11_1547456903617{width:42.5%;z-index:999;position:absolute;top:44px;left:28.749999999999996%;}   @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_11_1547456903617{z-index:999;width:469px;left:25.13255567338282%;top:30px;}}   @media screen and (max-width:640px) {#dh_style_11_1547456903617{width:14.521452145214523%;z-index:999;top:0px;left:42.73927392739274%;display:none;}} #dh_style_11_1547456903617 > .view_contents{overflow:visible;}  #dh_style_11_1547456903617 .mainMenuSet {color:#ffffff;} #dh_style_11_1547456903617 .mainMenuSet:hover {color:#ffffff;background:transparent;} #dh_style_11_1547456903617 #hot>a {color:#ffffff;background:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_11_1547456903617 .mainMenuSet {font-size:14px;}}

 #text_style_01_1547456966289{width:58.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:97px;left:20.583333333333332%;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1547456966289{top:67px;left:20.5825821845175%;}}   @media screen and (max-width:640px) {#text_style_01_1547456966289{width:93.33333333333333%;font-size:12px;color:#333;line-height:1.6;top:16px;left:3.3333333333333357%;}}  #text_style_01_1547456966289>.view_contents {color:#ffffff;text-align:center;}

 #flink_style_01_1570096344369{width:41.41666666666667%;position:absolute;top:161.17999267578125px;left:30.67999776204427%;}   @media screen and (min-width:641px) and (max-width:1200px) {#flink_style_01_1570096344369{}}   @media screen and (max-width:640px) {#flink_style_01_1570096344369{width:83.56545961002786%;top:47px;left:15.451253290627992%;display:none;}} 

 #flink_style_01_1665716477110{width:39.76300197498354%;position:absolute;top:120px;left:37.03027331699624%;display:none;}   @media screen and (min-width:641px) and (max-width:1200px) {#flink_style_01_1665716477110{}}   @media screen and (max-width:640px) {#flink_style_01_1665716477110{width:96.3%;top:102.51953125px;left:1.8500000000000014%;display:block;}}  #comm_layout_footer{height:228.25px;top:0px;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:129px;}}   @media screen and (max-width:640px) {#comm_layout_footer{height:168.51953125px;display:block;}} #comm_layout_footer > .view_contents{overflow:visible;max-width:1200px;}  #comm_layout_footer  {background:url(https://cdn.yun.sooce.cn/1/10797/jpg/1723516308725fc5ae5e207aba5c0.jpg);background-size:auto 100%;background-repeat:no-repeat!important;background-position:50% 50% !important;}
/*----------------------电脑板式样式----------------------*/
#comm_layout_footer{
	
}
/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {
	#comm_layout_footer{
		
	}
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {
	#comm_layout_footer{
		top:0;
	}
}

    	body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;}
.menuStyle_11{width:100%; position:relative;}
.menuStyle_11 *{box-sizing: border-box;}
.menuStyle_11 .miniMenu *,
.menuStyle_11 .menuUl li *{
	-webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s;
	-webkit-transition-property:background,height,padding; -moz-transition-property:background,height,padding; -moz-transition-property:background,height,padding; transition-property:background,height,padding;
	-webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;
}
.menuStyle_11 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.menuStyle_11 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;}
.menuStyle_11 ul,.menuStyle_11 li{padding:0;margin:0px;list-style:none}
.menuStyle_11 .menuLayout{position:relative; margin:0 auto;width:100%;}
.menuStyle_11 .menuLayout:after{content:''; display:block; clear:both;}
.menuStyle_11 .menuUl_box{position:relative; width:100%; text-align:center;}
.menuStyle_11 .menuUl{position:relative; width:100%; text-align:center;}
.menuStyle_11 .menuUl>li{position:relative;}
.menuStyle_11 .menuUl>li>a{position: relative; text-decoration:none;font-size:14px; box-sizing:border-box; display:block;text-align:center; letter-spacing:normal; white-space:nowrap; color: #333; padding: 10px 0; padding: 10px 1em\0;}
.menuStyle_11 .menuUl>li>a:hover{background: rgba(0,0,0,.05);}
.menuStyle_11 .menuUl #hot>a{color: #2d93ff;}
.menuStyle_11 .menuUl>li>a span{display:block; width: 100%; text-align: center; color: rgba(0,0,0,.3); font-size: 12px;}
.menuStyle_11 .menuUl #hot>a span{color:inherit;}
.menuStyle_11 .menuLayout .miniMenu{display:none;}
.menuStyle_11 .menuUl02 {position: absolute; left: 50%; opacity: 0; display: none; background: #fff; width: 100%; height: 0; box-shadow: 0 0 8px rgba(0,0,0,0.2); transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);}
.menuStyle_11 .menuUl>li>#menuLogo{height: 85%;}

.menuStyle_11 .menuUl .rflex:hover .menuUl02{opacity: 1; display: block; height: auto;}
.menuStyle_11 .menuUl.noHover .rflex:hover .menuUl02{display: none;}

.menuStyle_11 .menuUl02 .subMenu02 {position: relative; color: #4d5158; font-size:14px; line-height: 40px; padding: 0 15px;}
.menuStyle_11 .menuUl02 .subMenu02.subCurSet{background: #2f94ff; color: #fff;}
.menuStyle_11 .menuUl02 .subMenu02>a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: inherit; font-size:inherit; line-height: inherit;}
.menuStyle_11 .menuUl02 .subMenu02:hover {background: #2d93ff; color: #fff;}
.menuStyle_11 .menuUl02 .subMenu02>a .fa{float: right; line-height: inherit;}
.menuStyle_11 .menuUl02 .subMenu02:hover .menuUl03{display: block;}
.menuStyle_11 .menuUl03{position: absolute; background: #2f94ff; top: 0; display: none; box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.22);}
.menuStyle_11 .menuUl03 .subMenu03{color: #fff; padding: 0 15px; line-height: 40px;}
.menuStyle_11 .menuUl03 .subMenu03:hover{background:rgba(0, 0, 0, 0.1);}
.menuStyle_11 .menuUl03 .subMenu03.thrCurSet{background: rgba(0, 0, 0, 0.1);}
.menuStyle_11 .menuUl03 .subMenu03>a{ color: inherit; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menuStyle_11 .rflex { position: relative;}
.menuStyle_11 .maxWidth{margin: auto;}
.menuStyle_11 .menuUl03 .subMenu03.thrCurSet{background: rgba(0, 0, 0, 0.1);}

.menuStyle_11 .subBox{position: absolute; left: 0; width: 100%; background: rgba(238, 238, 238, 0.85); display: none;}
.menuStyle_11 .subBox .subBoxContent{padding: 15px; text-align: left; overflow: hidden;}
.menuStyle_11 .subBox .subBoxContent .subItems{overflow: hidden; display: none;}
.menuStyle_11 .subBox .sublm{float: left; width: calc(100% - 440px); min-height: 10px;}
.menuStyle_11 .subBox .sublm>div{clear: both; overflow: hidden; margin: 8px 0;}
.menuStyle_11 .subBox .subImgsbox{float: left; width: 440px;height: 160px;}
.menuStyle_11 .subBox .subImgsbox>a{display: block; height: 100%; float: right; width: calc((100% - 20px)/2); margin-left: 20px;}
.menuStyle_11 .subBox .subImgsbox>a:last-child{margin-left: 0;}
.menuStyle_11 .subBox .subImgsbox>a>div.subImg{ position: relative; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover !important;}
.menuStyle_11 .subBox .subImgsbox>a>div.subImg span{position: absolute; bottom: 0; left: 0; width: 100%; display: block; padding: 5px; background: rgba(255,255,255,.8); color: #333; font-size: 12px;}
.menuStyle_11 .subBox p{overflow: hidden; float: left;}
.menuStyle_11 .subBox p:first-child{margin-right: 10px; width: 100px;}
.menuStyle_11 .subBox p:last-child{width: calc(100% - 110px);}
.menuStyle_11 .subBox .subMenu02{font-size: 14px; margin-bottom: 5px; clear: both; color: #333; line-height: 28px;}
.menuStyle_11 .subBox .subMenu02.subCurSet{color: #2d93ff;}
.menuStyle_11 .subBox .subMenu02:hover,
.menuStyle_11 .subBox .subMenu02:active{color: #2d93ff;}
.menuStyle_11 .subBox .subMenu03{float: left; margin: 5px 20px 5px 0; font-size: 12px; color: #666;}
.menuStyle_11 .subBox .subMenu03:hover,
.menuStyle_11 .subBox .subMenu03:active{color: #2d93ff;}
.menuStyle_11 .subBox .subMenu03.thrCurSet{color: #2d93ff;}

.menuStyle_11 .imgIco{vertical-align: middle; display:inline-block; overflow:hidden; position:relative; padding:15px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.menuStyle_11 .imgIco img{width:auto; height:100%; vertical-align: top;  position:absolute; top:50%; left:50%;  transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%);}

@media screen and (max-width:640px) {
.menuStyle_11 .imgIco{ margin-right:10px;}	
.menuStyle_11 .menuUl,
.menuStyle_11 .menuUl_box {display:none;}
.menuStyle_11 .menuScroll{height: calc(100% - 100px); width: 100%;}
.menuStyle_11 .menuScroll>.menuUlCopy{width:100%; height: 100%; overflow-x: hidden; overflow-y: scroll; }
.menuStyle_11 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;}
.menuStyle_11 .miniMenu .leftBox{height: 100%;}
.menuStyle_11 .miniMenu .leftBox .sidebar{font-size:24px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;}
.menuStyle_11 .miniMenu .leftBox .sidebar .fa{font-size: inherit; line-height: inherit; color: inherit;}
.menuStyle_11 .miniMenu .leftBox .nav{width:100%; height:44px; }
.menuStyle_11 .miniMenu.Mslide .leftBox .nav{border-bottom: 1px solid rgba(0,0,0,.05);}
.menuStyle_11 .miniMenu .leftBox .menuUlCopy{padding:0 0 0 30px; clear: both;}
.menuStyle_11 .miniMenu .leftBox .menuUlCopy .menuUlCopy{display: none;} 
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li{width:100%; overflow: hidden; color:#fff; font-size:12px; line-height:44px;}
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li a{width:calc(100% - 50px); float: left; display:block; text-align:left;color:inherit; text-decoration:none; font-size:inherit; line-height:inherit; height: inherit; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;border-bottom:1px solid rgba(0,0,0,.2);} 
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li#hot>a{border-bottom: 1px solid #fff;}
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li .fa{color: inherit; display: none; font-size: inherit; float: left; width: 50px; text-align: center; line-height: inherit; background: rgba(0, 0, 0, 0.1);}
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li .fa:active{background: rgba(0,0,0,.3);}
	.menuStyle_11 .miniMenu .leftBox .menuUlCopy li a span{font-size: 12px;}
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li.subMenuSet.subCurSet>a,
.menuStyle_11 .miniMenu .leftBox .menuUlCopy li.thrMenuSet.thrCurSet>a{border-bottom: 1px solid #fff;}
.menuStyle_11 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(23, 25, 29, 0.95); position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;}
.menuStyle_11 .menuLayout .miniMenu.Mslide .sidebar{color:#fff; background: rgba(0,0,0,.05);}
.menuStyle_11 .menuLayout .miniMenu.Mslide .nav a{display:none !important;}
}


	#dh_style_11_1547432266667.clearTransform{transform:none!important;}
	#dh_style_11_1547432266667 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;}
	
@media screen and (min-width:640px) {
	#dh_style_11_1547432266667 .maxWidth{max-width:px;}
	/* .menuUl>li>#menuLogo 这种查找会失败改为下面这种 2019.5.29 */
	#dh_style_11_1547432266667 .menuUl li #menuLogo{
		height: px;
		margin-right: px;
		margin-left: px;
	}
			#dh_style_11_1547432266667 .subBox .sublm{width: calc(100% - (px + px) - 20px);} /*20px是两张图片间的间距*/
		#dh_style_11_1547432266667 .subBox .subImgsbox{width: calc((px + px) + 20px); height:px } /*20px是两张图片间的间距*/
	}

#text_html_new_1789973877155{width:100%!important;height:auto!important;position:relative!important;top:0!important;left:0!important;min-height:0!important}#text_html_new_1789973877155 .view_contents{height:auto!important;overflow:visible!important}.nb-rd{ --red:#ff2442;--red-deep:#d91c37;--cyan:#0fd4c8; --ink:#14171d;--ink-2:#2a2f38;--sub:#5a6472;--faint:#8b93a1; --line:#e8eaee;--bg:#f7f8fa;--card:#ffffff; --radius:14px;--shadow:0 1px 2px rgba(20,23,29,.04),0 8px 24px rgba(20,23,29,.06); --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif; } .nb-rd,.nb-rd *{margin:0;padding:0;box-sizing:border-box} .nb-rd{scroll-behavior:smooth} .nb-rd{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased} .nb-rd a{color:inherit;text-decoration:none} .nb-rd img{max-width:100%;display:block} .nb-rd .container{max-width:1120px;margin:0 auto;padding:0 24px} .nb-rd .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:8px 16px;z-index:200;border-radius:0 0 8px 0} .nb-rd .skip:focus{left:0} .nb-rd .nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)} .nb-rd .nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:28px} .nb-rd .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:.5px;flex-shrink:0} .nb-rd .brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--red),#ff5a6e);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;box-shadow:0 4px 10px rgba(255,36,66,.3)} .nb-rd .brand small{display:block;font-size:12px;font-weight:500;color:var(--faint);letter-spacing:1px;line-height:1.2} .nb-rd .nav-links{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none} .nb-rd .nav-links::-webkit-scrollbar{display:none} .nb-rd .nav-links a{padding:8px 12px;border-radius:8px;font-size:14px;color:var(--sub);white-space:nowrap;transition:.15s} .nb-rd .nav-links a:hover{color:var(--ink);background:#f0f1f4} .nb-rd .nav-links a.active{color:var(--ink);font-weight:600;background:#f0f1f4} .nb-rd .nav-cta{flex-shrink:0;display:flex;align-items:center;gap:12px} .nb-rd .nav-phone{font-weight:700;font-size:15px;color:var(--ink)} .nb-rd .nav-phone span{color:var(--red)} .nb-rd .menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px} .nb-rd .menu-btn i{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;transition:.2s} .nb-rd .menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)} .nb-rd .menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0} .nb-rd .menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)} .nb-rd .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:.18s;font-family:var(--font)} .nb-rd .btn-primary{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;box-shadow:0 6px 18px rgba(255,36,66,.32)} .nb-rd .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,36,66,.4)} .nb-rd .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.35)} .nb-rd .btn-ghost:hover{background:rgba(255,255,255,.2)} .nb-rd .btn-dark{background:var(--ink);color:#fff} .nb-rd .btn-dark:hover{background:var(--ink-2)} .nb-rd .btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)} .nb-rd .btn-light:hover{border-color:#c9cdd4} .nb-rd .btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important} .nb-rd :focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px} .nb-rd .page{display:none;animation:fadein .25s ease} .nb-rd .page.show{display:block} @keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .nb-rd .section{padding:72px 0} .nb-rd .section.tight{padding:48px 0} .nb-rd .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:12px} .nb-rd h2.title{font-size:clamp(24px,3.4vw,34px);line-height:1.3;letter-spacing:-.5px;margin-bottom:14px} .nb-rd .subtitle{color:var(--sub);max-width:640px;font-size:16px} .nb-rd .center{text-align:center} .nb-rd .center .subtitle{margin:0 auto} .nb-rd .section-head{margin-bottom:44px} .nb-rd .hero{background:radial-gradient(900px 500px at 85% -10%,rgba(255,36,66,.16),transparent 60%),radial-gradient(700px 400px at 8% 110%,rgba(15,212,200,.12),transparent 55%),linear-gradient(180deg,#14171d 0%,#1a1e26 100%);color:#fff;padding:96px 0 88px;position:relative;overflow:hidden} .nb-rd .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);margin-bottom:22px} .nb-rd .hero-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)} .nb-rd .hero h1{font-size:clamp(30px,5.2vw,52px);line-height:1.22;letter-spacing:-1px;font-weight:800;max-width:820px} .nb-rd .hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff5a6e,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent} .nb-rd .hero p{margin:20px 0 34px;font-size:17px;color:rgba(255,255,255,.72);max-width:640px} .nb-rd .hero-actions{display:flex;gap:14px;flex-wrap:wrap} .nb-rd .hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12)} .nb-rd .hero-meta div{font-size:13px;color:rgba(255,255,255,.6)} .nb-rd .hero-meta b{display:block;font-size:15px;color:#fff;font-weight:600;margin-top:2px} .nb-rd .trust{background:#fff;border-bottom:1px solid var(--line)} .nb-rd .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px 0} .nb-rd .trust-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2)} .nb-rd .trust-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;font-size:17px} .nb-rd .t1 .trust-ico{background:#ffeef1} .nb-rd .t2 .trust-ico{background:#e8faf8} .nb-rd .t3 .trust-ico{background:#eef2ff} .nb-rd .t4 .trust-ico{background:#fff7e8} .nb-rd .plat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px} .nb-rd .plat-card{background:var(--card);border-radius:var(--radius);padding:34px 30px;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;overflow:hidden;transition:.2s} .nb-rd .plat-card:hover{transform:translateY(-4px)} .nb-rd .plat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px} .nb-rd .plat-dy::before{background:linear-gradient(90deg,#1fd6ce,#fe2c55)} .nb-rd .plat-xhs::before{background:linear-gradient(90deg,#ff2442,#ff7a8c)} .nb-rd .plat-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:99px;margin-bottom:16px} .nb-rd .plat-dy .plat-tag{background:#e8faf8;color:#0a8f86} .nb-rd .plat-xhs .plat-tag{background:#ffeef1;color:var(--red-deep)} .nb-rd .plat-card h3{font-size:22px;margin-bottom:10px;letter-spacing:-.3px} .nb-rd .plat-card>p{color:var(--sub);font-size:14.5px;margin-bottom:20px} .nb-rd .plat-list{list-style:none;display:grid;gap:10px} .nb-rd .plat-list li{font-size:14px;color:var(--ink-2);padding-left:26px;position:relative} .nb-rd .plat-list li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#e8faf8;color:#0a8f86;font-size:12px;display:grid;place-items:center;font-weight:800} .nb-rd .plat-xhs .plat-list li::before{background:#ffeef1;color:var(--red-deep)} .nb-rd .plat-card .btn{margin-top:24px;width:100%} .nb-rd .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .nb-rd .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .nb-rd .svc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;transition:.2s} .nb-rd .svc-card:hover{box-shadow:var(--shadow);border-color:#d8dbe1} .nb-rd .svc-num{font-size:13px;font-weight:800;color:var(--faint);letter-spacing:1px;margin-bottom:12px} .nb-rd .svc-card h3{font-size:17px;margin-bottom:8px} .nb-rd .svc-card p{font-size:13.5px;color:var(--sub)} .nb-rd .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step} .nb-rd .step{position:relative;padding:0 22px;text-align:left} .nb-rd .step::before{counter-increment:step;content:"0" counter(step);display:block;font-size:34px;font-weight:800;color:#eceef2;-webkit-text-stroke:1px #d4d8de;margin-bottom:10px} .nb-rd .step h3{font-size:16.5px;margin-bottom:8px} .nb-rd .step p{font-size:13.5px;color:var(--sub)} .nb-rd .step:not(:last-child)::after{content:"";position:absolute;right:-2px;top:34px;width:4px;height:4px;border-radius:50%;background:#c9cdd4;box-shadow:8px 0 0 #c9cdd4,16px 0 0 #c9cdd4,24px 0 0 #c9cdd4} .nb-rd .faq{max-width:780px;margin:0 auto;display:grid;gap:12px} .nb-rd .faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden} .nb-rd .faq details[open]{border-color:#d8dbe1;box-shadow:var(--shadow)} .nb-rd .faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:12px} .nb-rd .faq summary::-webkit-details-marker{display:none} .nb-rd .faq summary::after{content:"+";font-size:20px;color:var(--faint);font-weight:400;transition:.2s;flex-shrink:0} .nb-rd .faq details[open] summary::after{transform:rotate(45deg)} .nb-rd .faq .faq-body{padding:0 22px 18px;font-size:14px;color:var(--sub)} .nb-rd .cta-band{background:linear-gradient(135deg,#14171d,#232936);border-radius:18px;padding:52px 48px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden} .nb-rd .cta-band::before{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,36,66,.25),transparent 70%)} .nb-rd .cta-band h2{font-size:clamp(20px,2.6vw,28px);letter-spacing:-.4px;margin-bottom:8px} .nb-rd .cta-band p{color:rgba(255,255,255,.65);font-size:15px} .nb-rd .cta-band .btn{position:relative} .nb-rd .pagehead{background:radial-gradient(700px 300px at 80% -20%,rgba(15,212,200,.1),transparent 60%),linear-gradient(180deg,#171b22,#1d222c);color:#fff;padding:64px 0 56px} .nb-rd .pagehead h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.8px;margin-bottom:12px} .nb-rd .pagehead p{color:rgba(255,255,255,.68);max-width:660px;font-size:16px} .nb-rd .crumb{font-size:12.5px;color:rgba(255,255,255,.45);margin-bottom:18px} .nb-rd .crumb a:hover{color:#fff} .nb-rd .prose-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px} .nb-rd .prose-card h3{font-size:18px;margin:26px 0 10px} .nb-rd .prose-card h3:first-child{margin-top:0} .nb-rd .prose-card p,.nb-rd .prose-card li{font-size:15px;color:var(--ink-2)} .nb-rd .prose-card ul{padding-left:20px;display:grid;gap:6px;margin-top:6px} .nb-rd .two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start} .nb-rd .ph{border:1.5px dashed #cdd2da;border-radius:12px;padding:18px;background:#fafbfc;font-size:13px;color:var(--faint);text-align:center} .nb-rd .ph b{display:block;color:var(--sub);font-size:13.5px;margin-bottom:4px} .nb-rd .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .nb-rd .case-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} .nb-rd .case-cover{height:170px;background:repeating-linear-gradient(-45deg,#f2f3f6 0 12px,#eef0f4 12px 24px);display:grid;place-items:center;color:#b6bcc6;font-size:13px;letter-spacing:1px} .nb-rd .case-body{padding:20px 22px} .nb-rd .case-body h3{font-size:15.5px;margin-bottom:6px} .nb-rd .case-body p{font-size:13px;color:var(--sub)} .nb-rd .case-body .tagline{display:inline-block;margin-top:12px;font-size:11.5px;font-weight:700;color:var(--red);background:#ffeef1;border-radius:99px;padding:3px 10px} .nb-rd .news-list{display:grid;gap:14px;max-width:780px;margin:0 auto} .nb-rd .news-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px} .nb-rd .news-item h3{font-size:15px;font-weight:600;color:var(--faint)} .nb-rd .news-item time{font-size:12.5px;color:#b6bcc6;white-space:nowrap} .nb-rd .contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:start} .nb-rd .info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;display:grid;gap:22px} .nb-rd .info-row{display:flex;gap:14px;align-items:flex-start} .nb-rd .info-ico{width:40px;height:40px;border-radius:10px;background:#f0f1f4;display:grid;place-items:center;font-size:17px;flex-shrink:0} .nb-rd .info-row b{font-size:13px;color:var(--faint);display:block;margin-bottom:2px} .nb-rd .info-row span{font-size:15.5px;font-weight:600} .nb-rd .form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px} .nb-rd .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .nb-rd .field{display:grid;gap:6px} .nb-rd .field.full{grid-column:1/-1} .nb-rd .field label{font-size:13.5px;font-weight:600} .nb-rd .field label .req{color:var(--red);margin-left:2px} .nb-rd .field input,.nb-rd .field select,.nb-rd .field textarea{font-family:var(--font);font-size:14.5px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd;transition:.15s;color:var(--ink)} .nb-rd .field textarea{resize:vertical;min-height:96px} .nb-rd .field input:focus,.nb-rd .field select:focus,.nb-rd .field textarea:focus{outline:none;border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(255,36,66,.1)} .nb-rd .field .err{font-size:12.5px;color:var(--red);display:none} .nb-rd .field.invalid input,.nb-rd .field.invalid select{border-color:var(--red);background:#fff6f7} .nb-rd .field.invalid .err{display:block} .nb-rd .form-note{margin-top:14px;font-size:12.5px;color:var(--faint);background:#f6f7f9;border-radius:8px;padding:10px 14px} .nb-rd .form-ok{display:none;margin-top:14px;background:#eefaf5;border:1px solid #bfe8d5;color:#0a7a4d;font-size:13.5px;border-radius:10px;padding:12px 16px} .nb-rd .form-ok.show{display:block} .nb-rd .lead-list{margin-top:18px;display:grid;gap:10px} .nb-rd .lead-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fbfcfd;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:13.5px} .nb-rd .lead-item .del{border:none;background:none;color:var(--red);cursor:pointer;font-size:12.5px;font-weight:600;padding:4px 8px;border-radius:6px} .nb-rd .lead-item .del:hover{background:#ffeef1} .nb-rd .lead-empty{font-size:13px;color:var(--faint);text-align:center;padding:12px} .nb-rd footer{background:#101318;color:rgba(255,255,255,.55);padding:56px 0 32px;margin-top:0} .nb-rd .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px} .nb-rd .foot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px;margin-bottom:14px} .nb-rd footer h4{color:#fff;font-size:14px;margin-bottom:14px;font-weight:600} .nb-rd footer li{list-style:none;font-size:13.5px;margin-bottom:9px} .nb-rd footer a:hover{color:#fff} .nb-rd .foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.35)} @media (max-width:900px){.nb-rd .trust-grid{grid-template-columns:repeat(2,1fr)} .nb-rd .grid-4{grid-template-columns:repeat(2,1fr)} .nb-rd .steps{grid-template-columns:repeat(2,1fr);gap:28px 0} .nb-rd .step:not(:last-child)::after{display:none} .nb-rd .plat-grid,.nb-rd .two-col,.nb-rd .contact-grid,.nb-rd .case-grid,.nb-rd .grid-3{grid-template-columns:1fr} .nb-rd .foot-grid{grid-template-columns:1fr;gap:28px} .nb-rd .nav-links{position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;padding:12px 16px;gap:2px;display:none;box-shadow:0 16px 32px rgba(20,23,29,.08)} .nb-rd .nav-links.open{display:flex} .nb-rd .nav-links a{padding:12px 14px;font-size:15px} .nb-rd .menu-btn{display:flex} .nb-rd .nav-phone{display:none} .nb-rd .nav-inner{gap:12px} .nb-rd .form-grid{grid-template-columns:1fr} .nb-rd .section{padding:52px 0} .nb-rd .cta-band{padding:36px 28px}} @media (max-width:390px){.nb-rd .container{padding:0 18px} .nb-rd .grid-4{grid-template-columns:1fr} .nb-rd .hero{padding:64px 0 60px} .nb-rd .hero-actions .btn{width:100%} .nb-rd .steps{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.nb-rd,.nb-rd *{animation:none!important;transition:none!important;scroll-behavior:auto}} .nb-rd [id^=page-]{display:block;animation:fadein .25s ease}#layout_diy_1789973597{height:auto!important;}#layout_diy_1789973597 > .view_contents{height:auto!important;overflow:visible!important;} @media screen and (max-width:640px){#layout_diy_1789973597{display:block!important;height:auto!important;}#layout_diy_1789973597 > .view_contents{height:auto!important;overflow:visible!important;}#comm_layout_footer{height:169px!important;}}@media screen and (min-width:641px) and (max-width:1200px){#layout_diy_1789973597{height:auto!important;}#layout_diy_1789973597 > .view_contents{height:auto!important;overflow:visible!important;}#comm_layout_footer{height:230px!important;}}.nb-rd .hero h1,.nb-rd .hero h2,.nb-rd .pagehead h1,.nb-rd .cta-band h2{color:#fff!important}.nb-rd .hero p,.nb-rd .pagehead p,.nb-rd .cta-band p{color:rgba(255,255,255,.8)!important}.nb-rd .crumb,.nb-rd .crumb a{color:rgba(255,255,255,.65)!important}.nb-rd .hero .kicker,.nb-rd .pagehead .kicker,.nb-rd .hero .tag{color:rgba(255,255,255,.72)!important}.nb-rd .cta-band a,.nb-rd .btn-ghost{color:#fff!important}.nb-rd footer p,.nb-rd footer span,.nb-rd footer b,.nb-rd footer li,.nb-rd footer div{color:rgba(255,255,255,.72)!important}.nb-rd footer a,.nb-rd footer h3,.nb-rd footer h4{color:rgba(255,255,255,.85)!important}#comm_layout_footer{background:#101318!important;background-image:none!important}#comm_layout_footer *:not(img):not(svg):not(input):not(textarea){color:rgba(255,255,255,.75)!important}#comm_layout_footer a{color:rgba(255,255,255,.85)!important}#comm_layout_footer a:hover{color:#fff!important}
	#dh_style_11_1547456903617.clearTransform{transform:none!important;}
	#dh_style_11_1547456903617 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;}
	
@media screen and (min-width:640px) {
	#dh_style_11_1547456903617 .maxWidth{max-width:px;}
	/* .menuUl>li>#menuLogo 这种查找会失败改为下面这种 2019.5.29 */
	#dh_style_11_1547456903617 .menuUl li #menuLogo{
		height: px;
		margin-right: px;
		margin-left: px;
	}
			#dh_style_11_1547456903617 .subBox .sublm{width: calc(100% - (px + px) - 20px);} /*20px是两张图片间的间距*/
		#dh_style_11_1547456903617 .subBox .subImgsbox{width: calc((px + px) + 20px); height:px } /*20px是两张图片间的间距*/
	}

.flinkStyle_01{
	padding: 0;
	margin: 0;
	list-style: none;
}
.flinkStyle_01>li{
	overflow: hidden;
	float: left;
	margin:0 3px 5px 3px;
	text-align: center;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
.flink_style_01_231030 .flinkStyle_01>li{padding:4px 10px;}
.flinkStyle_01>li:hover{
    background-color: #e69867;
}
.flinkStyle_01>li .content{
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
	padding:4px 10px;
}
.flink_style_01_231030 .flinkStyle_01>li .content{padding:0;}
.flinkStyle_01>li .content .connectIcon{
	width: 20px;
	margin-right:2px ;
	vertical-align:middle;
	background-color: #16c663; 
	border-radius: 100px;
	box-sizing: border-box;
}
.flinkStyle_01>li .content .bbx-new-font{
	display: inline-block;
	text-align: center;
	line-height: 20px;
}
.flinkStyle_01>li .content .connectName{
	vertical-align:middle;
	line-height: 20px;
	font-size: 14px;
	color: #111111;
	text-decoration: none;
}
.flinkStyle_01>li .content .connectName:hover{
	text-decoration: underline;
}
.float_wide>li .content .connectName {
	word-break: keep-all;
	white-space: nowrap;
}
.equal_wide>li .content {
	width: 100%;
}