.about_honor{background-size: cover;}
.list-team li{overflow: hidden;}
.over-none{overflow: initial;}
.imgDiv img,.subbanner img{width: 100%;}
.c{clear: both;}

.header_new{height: 85px;line-height: 85px;position: fixed;width: 100%;z-index: 999;top: 0;left: 0;background: #fff;box-shadow: 0 0 15px 0 rgb(159 159 159 / 20%);}
.header_new .logo_new{height: 85px;display: flex;align-items: center;}
.header_new .logo_new img{max-height: 55px;}
.header_new h1{display: none;}
.header_new .nav{display: flex;margin-right: 80px;}
.header_new .nav li{margin-right: 56px;}
.header_new .nav li:last-child{margin-right: 0;}
.header_new .nav li a.a1{font-size: 17px;display: block;color: #333;}
.header_new .nav li.act a.a1,.header_new .nav li:hover a.a1,.header_new dd:hover p{color: #ff722f!important;}
.header_new dl{display: flex;}
.header_new dd a{display: flex;}
.header_new dd p{font-size: 12px;color: #999;}
.header_new dd .ic{width: 26px;height: 26px;overflow: hidden;margin-top: 29.5px;margin-right: 8px;}
.header_new dd .ic img,.header_new dt .ic img{display: block;transform: translateY(-200px); filter: drop-shadow(#ff722f 0 200px);}
.header_new dd:hover .ic img{transform: translateY(-200px);filter: drop-shadow(#ff722f 0 200px);}
.header_new dt{margin-right: 40px; align-items:center; display:flex;}
.header_new dt .ic{width: 24px;height: 24px;overflow: hidden;cursor: pointer;}
.header_new dt p{
	 margin-right: 15px;right: 30px;top: 20px;max-width: 300px;height: 45px;line-height: 45px;overflow:hidden;font-size: 19px;font-weight: bold;font-family: 'arial';background: #ff722f;width: 200px;border-radius: 500px;color: #fff;text-align: center;letter-spacing: 0.5px;
	-webkit-transition:max-width 0.3s linear;-moz-transition:max-width 0.3s linear;transition:max-width 0.3s linear;
}
.header_new dt:hover p{max-width:300px;z-index: 1;}

@media (max-width: 1600px){
    .header_new .nav li{ margin-right:25px;}
}
@media (max-width: 1400px){
	.header_new .logo_new img{max-height: 40px;}
	.header_new .nav{margin-right: 40px;}
	.header_new .nav li a.a1{font-size: 16px;}
	.header_new dt{margin-right: 20px;}
}
@media (max-width: 1200px){
	.header_new .nav{margin-right: 40px;}
	.header_new .logo_new img{max-height: 40px;}
	.header_new .nav li{margin-right: 25px;}
	.header_new .nav li a.a1{font-size: 15px;}
	.header_new dt{display: none;}
}
@media (max-width: 980px){
	.header_new{display: none;}
}



#header_sc .logo1{display: block;}#header_sc .logo2{display: none;}
#header_sc.scroll{}
#header_sc.scroll{background: none;border-bottom: 1px solid rgba(255,255,255,.5);box-shadow: none;}
#header_sc.scroll .nav li a.a1{color: #fff;}
#header_sc.scroll .logo2{display: block;}#header_sc.scroll .logo1{display: none;}
#header_sc dt .ic img{width: 24px;height: 24px;}









#header_new{height: 85px;line-height: 85px;position: fixed;width: 100%;z-index: 999;top: 0;left: 0;background: #fff;box-shadow: 0 0 15px 0 rgb(159 159 159 / 20%);}
#header_new .logo_new{height: 85px;display: flex;align-items: center;}
#header_new .logo_new img{max-height: 55px;}
#header_new h1{display: none;}
#header_new .nav{display: flex;margin-right: 80px;}
#header_new .nav li{margin-right: 56px;}
#header_new .nav li:last-child{margin-right: 0;}
#header_new .nav li a.a1{font-size: 17px;display: block;color: #333;}
#header_new .nav li.act a.a1,#header_new .nav li:hover a.a1,#header_new dd:hover p{color: #ff722f!important;}
#header_new dl{display: flex;}
#header_new dd a{display: flex;}
#header_new dd p{font-size: 12px;color: #999;}
#header_new dd .ic{width: 26px;height: 26px;overflow: hidden;margin-top: 29.5px;margin-right: 8px;}
#header_new dd .ic img,#header_new dt .ic img{display: block;}
#header_new dd:hover .ic img{transform: translateY(-200px);filter: drop-shadow(#ff722f 0 200px);}
#header_new dt{margin-right: 40px;position: relative; display:flex; align-items:center;}
#header_new dt .ic{width: 24px;height: 24px;overflow: hidden;cursor: pointer;}
#header_new dt p{
	 margin-right: 15px;right: 30px;top: 20px;max-width: 300px;height: 45px;line-height: 45px;overflow:hidden;font-size: 19px;font-weight: bold;font-family: 'arial';background: #ff722f;width: 200px;border-radius: 500px;color: #fff;text-align: center;letter-spacing: 0.5px;
	-webkit-transition:max-width 0.3s linear;-moz-transition:max-width 0.3s linear;transition:max-width 0.3s linear;
}
#header_new dt:hover p{max-width:300px;z-index: 1;}


/* footer  */

#footer_new{background: #333;display: flow-root;padding-top: 76px;}

#footer_new .box dl{display: flex;flex-flow: row wrap;justify-content: space-between;color: #fff;}
#footer_new .box a{color: #fff;}#footer_new .box a:hover,#footer_new .box .tab-bd li a:hover,.copy_new a:hover{color: #ff722f;}
#footer_new .box dt .p{font-size: 15px;max-width: 500px;}
#footer_new .box dt .p i{font-family: 'arial';}
#footer_new .box dt .tel{display: flex;margin: 16px 0 35px;}
#footer_new .box dt .tel i{width: 46px;height: 46px;background: #ff722f url(../image/ic08.png) no-repeat center;border-radius: 100%;display: block;}
#footer_new .box dt .tel p{display: block;height: 46px;line-height: 46px;background: #ff722f;color: #fff;width: 250px;text-align: center;border-radius: 500px;font-family: 'arial';font-weight: bold;font-size: 26px;letter-spacing: 1px;}
#footer_new .box dd b{font-size: 20px;font-weight: bold;display: block;margin-bottom: 22px;}
#footer_new .box dd a{display: block;line-height: 30px;font-size: 15px;}
#footer_new .box dd.ewm{text-align: center;font-size: 13px;}
#footer_new .box dd.ewm img{max-width: 120px;margin-bottom: 10px;}
#footer_new .box dd.ewm p{color: #ddd;}
#footer_new .box .tab-hd{margin: 50px 0 15px;}
#footer_new .box .tab-hd li{width: 100px;height: 30px;line-height: 30px;font-size: 15px;border: 1px solid #aaa;border-radius: 500px;text-align: center;color: #aaa;float: left;margin-right: 10px;}
#footer_new .box .tab-hd li:last-child{margin-right: 0;}
#footer_new .box .tab-hd li.active{border-color: #fff;color: #fff;}
#footer_new .box .tab-bd li a{font-size: 13px;color: #999;position: relative;margin-right: 16px;padding-right: 17px;margin-bottom: 5px;display: inline-block;float: left;}
#footer_new .box .tab-bd li a::after{position: absolute;content: '';width: 1px;height: 14px;top: 4px;right: 0;background: #999;}
#footer_new .box .tab-bd li a:last-child{margin-right: 0;padding-right: 0;}
#footer_new .box .tab-bd li a:last-child::after{display: none;}

.copy_new{padding: 25px 0;display: flow-root;border-top: 1px solid rgba(255,255,255,.3);font-size: 13px;color: #bbb;width: 100%;text-align: center;margin-top: 25px;}
.copy_new a{color: #bbb;}
.copy_new dl{display: inline-block;}
.copy_new dt>a{display: none !important;}
.copy_new dt,.copy_new dd{float: left;}
.copy_new dt{margin-right: 25px;}
.copy_new dd{background: url(../image/icp.png) no-repeat left;padding-left: 18px;}
.padding_new{padding: 4% 0 6%;display: flow-root;}
.fs30{font-size: 30px;font-weight: bold;}
.fs60{font-size: 60px;font-weight: bold;}

.oldhead{display: none;}
a{cursor: pointer;color: #333;}
.Bontop_hh{display: none;}
.imgDiv{margin-top: 0!important;}


.right_new{position: fixed;top: 50%;right: 10px;z-index: 999;margin-top: -137.5px;}
.right_new li{margin-bottom: 5px;position: relative;}
.right_new li a{display: block;width: 65px;height: 65px;background: rgba(0,0,0,.7);border-radius: 5px;text-align: center;}
.right_new li:last-child{margin-bottom: 0;}
.right_new li p{color: #fff;font-size: 13px;display: block;}
.right_new li .ic{padding-top: 10px;width: 24px;height: 24px;overflow: hidden;margin: 0 auto;}
.right_new li .ic img{display: block;transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.right_new li:hover a{background: #ff722f;}
.right_new li:hover .ic img{transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.right_new li:hover p{color: #fff;}
.right_new li .box{position: absolute;top: 0;right: 0;z-index: 9;height: 65px;line-height: 65px;background: #ff722f;color: #fff;width: 200px;margin-right: 70px;border-radius: 5px;display: none;text-align: center;}
.right_new ul{overflow: inherit;}
.right_new li:hover .box{display: block;}
.right_new li .box i{font-family: 'arial';font-size: 19px;font-weight: bold;}
.right_new li .box2{width: 120px;height: 120px;padding: 5px;}
.right_new li .box2 img{border-radius: 4px;display: block;width: 110px;}

.f_nav{display:none;}
  
  @media (max-width: 980px){
    .subnav{top:52px;}
	.oldhead{display: block;}
	#header_new,#footer_new,.right_new{display: block;}
	.toph_new{display: none;}
	#footer_new .box dl dt{margin-bottom: 10px;}
	#footer_new .box dl dd{width: 50%;}
	#footer_new .box dl dd:nth-child(4){width: 100%;margin-bottom: 10px;}
	#footer_new .box dd.ewm{text-align: left;}
}








  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:"Microsoft Yahei","微软雅黑","PingFang SC",Arial,Helvetica,sans-serif;color:#333;background:#fff;line-height:1.6;}
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  .containe_new{max-width:1600px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
  .clear{clear:both;}

  

  /* 建站服务子导航（内部链接核心） */
  .subnav{background:#fff;border-bottom:1px solid #e8edf5;position:sticky;top:85px;z-index:90;}
  .subnav .containe_new{display:flex;flex-wrap:wrap;padding-top:0;padding-bottom:0;}
  .subnav a{color:#46618f;font-size:15px;padding:14px 18px;position:relative;transition:.2s;white-space:nowrap;}
  .subnav a:hover{color:#ff722f;}
  .subnav a.act{color:#ff722f;font-weight:bold;}
  .subnav a.act::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:#ff722f;border-radius:3px;}

  /* 首屏 Hero */
  .web_new01{min-height:660px;background:
      radial-gradient(1200px 500px at 80% -10%,rgba(255,114,47,.25),transparent 60%),
      radial-gradient(900px 600px at 0% 100%,rgba(39,139,255,.22),transparent 55%),
      linear-gradient(135deg,#081e4a 0%,#14264e 55%,#233d79 100%);
      display:flex;align-items:center;}
  .web_new01 .containe_new{padding-top:60px;padding-bottom:60px;}
  .web_new01 h1{color:#ff722f;font-size:60px;font-weight:bold;line-height:1.25;max-width:920px;}
  .web_new01 h1 .sub{display:block;color:#fff;font-size:26px;font-weight:normal;margin-top:14px;letter-spacing:1px;}
  .web_new01 .p{max-width:680px;font-size:19px;line-height:34px;color:#cdd6e8;margin-top:24px;}
  .web_new01 .more{height:55px;line-height:55px;border-radius:500px;background:#ff722f;display:inline-block;color:#fff;font-size:18px;padding:0 36px;margin-top:34px;transition:.25s;box-shadow:0 10px 30px rgba(255,114,47,.35);}
  .web_new01 .more:hover{background:#ff9556;transform:translateY(-2px);}
  .hero-tags{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;}
  .hero-tags span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#dbe4f5;font-size:14px;padding:7px 16px;border-radius:500px;}

  /* 通用标题块 */
  .padding_new{padding:74px 0;}
  .bg-gray{background:#f5f7fb;}
  .tit_webn{text-align:center;}
  .tit_webn h2{font-size:36px;font-weight:bold;color:#233d79;line-height:1.3;}
  .tit_webn .bar{width:64px;height:4px;background:#ff722f;border-radius:4px;margin:16px auto 18px;}
  .tit_webn p{margin:0 auto 8px;color:#666;font-size:17px;max-width:760px;}

  /* 适用场景卡片 */
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;}
  .scard{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:32px 26px;transition:.25s;}
  .scard:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(35,61,121,.12);border-color:#cdd9f0;}
  .scard .num{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#233d79,#487ab6);color:#fff;font-size:22px;font-weight:bold;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .scard h3{font-size:20px;color:#233d79;margin-bottom:10px;}
  .scard p{color:#666;font-size:15px;line-height:26px;}

  /* 核心优势 Tab */
  .web_new02{background:#fff;}
  .web_new02 .tab-hd{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:10px auto 36px;border:1px solid #e3e9f3;border-radius:500px;overflow:hidden;max-width:980px;}
  .web_new02 .tab-hd li{list-style:none;cursor:pointer;padding:14px 26px;font-size:16px;color:#46618f;position:relative;transition:.2s;}
  .web_new02 .tab-hd li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:1px;background:#d7e0ef;}
  .web_new02 .tab-hd li.active{background:#233d79;color:#fff;font-weight:bold;}
  .web_new02 .tab-bd li{list-style:none;display:none;}
  .web_new02 .tab-bd li:first-child{display:block;}
  .adv{display:flex;gap:50px;align-items:center;}
  .adv .txt{flex:1;}
  .adv .txt b{font-size:26px;color:#233d79;display:block;margin-bottom:18px;}
  .adv .txt>p{color:#555;font-size:16px;line-height:28px;margin-bottom:18px;}
  .adv dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;}
  .adv dt{font-size:15px;color:#444;padding-left:26px;position:relative;line-height:24px;}
  .adv dt i{position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#ff722f;display:block;}
  .adv .pic{flex:1;min-height:340px;border-radius:16px;background:linear-gradient(135deg,#0c295e,#2a4f9c 60%,#3f74c4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;letter-spacing:2px;position:relative;overflow:hidden;}
  .adv .pic::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,114,47,.5),transparent 70%);right:-40px;bottom:-40px;}

  /* 对比表 */
  .cmp{margin-top:40px;background:#fff;border:1px solid #e8edf5;border-radius:14px;overflow:hidden;}
  .cmp table{width:100%;border-collapse:collapse;}
  .cmp th,.cmp td{padding:16px 18px;text-align:center;font-size:15px;border-bottom:1px solid #eef2f8;}
  .cmp thead th{background:#233d79;color:#fff;font-size:16px;}
  .cmp thead th:first-child{text-align:left;background:#14264e;}
  .cmp tbody th{text-align:left;color:#233d79;font-weight:bold;background:#f5f7fb;}
  .cmp td .yes{color:#1f9d55;font-weight:bold;}
  .cmp td .no{color:#bbb;}
  .cmp tbody tr:hover{background:#fafcff;}

  /* 案例 */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px;}
  .case{background:#fff;border:1px solid #e8edf5;border-radius:14px;overflow:hidden;transition:.25s;}
  .case:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(35,61,121,.12);}
  .case .pf{height:200px;background:linear-gradient(135deg,#0c295e,#3f74c4);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;}
  .case .pf span{font-size:18px;letter-spacing:1px;}
  .case .pf::after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,114,47,.45),transparent 70%);}
  .case .txt{padding:20px 22px;}
  .case .txt h3{font-size:18px;color:#233d79;margin-bottom:8px;}
  .case .txt .meta{color:#888;font-size:13px;display:flex;justify-content:space-between;}

  /* 更多建站方案（内部交叉推荐） */
  .more-svc{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
  .more-svc a{display:block;background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:22px 18px;transition:.25s;}
  .more-svc a:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(35,61,121,.12);border-color:#cdd9f0;}
  .more-svc .t{font-size:17px;color:#233d79;font-weight:bold;margin-bottom:8px;}
  .more-svc .d{font-size:13px;color:#777;line-height:22px;}

  /* 双栏：建站流程 */
  .web_new04{background:#fff;}
  .two-col{display:flex;gap:56px;align-items:center;}
  .two-col .txt{flex:1;}
  .two-col .pic{flex:1;min-height:380px;border-radius:16px;background:linear-gradient(135deg,#233d79,#487ab6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;letter-spacing:2px;}
  .steps{counter-reset:s;margin-top:10px;}
  .steps li{list-style:none;position:relative;padding:0 0 22px 56px;}
  .steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:#ff722f;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;font-family:Arial;}
  .steps li b{color:#233d79;font-size:17px;display:block;margin-bottom:4px;}
  .steps li p{color:#666;font-size:15px;}

  /* FAQ */
  .faq{margin-top:36px;max-width:920px;margin-left:auto;margin-right:auto;}
  .faq .item{border:1px solid #e8edf5;border-radius:12px;margin-bottom:14px;overflow:hidden;background:#fff;}
  .faq .q{padding:18px 22px;font-size:17px;color:#233d79;font-weight:bold;cursor:pointer;position:relative;padding-right:50px;}
  .faq .q::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:#ff722f;transition:.2s;}
  .faq .item.open .q::after{transform:translateY(-50%) rotate(45deg);}
  .faq .a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:#666;font-size:15px;line-height:26px;}
  .faq .item.open .a{max-height:400px;padding:0 22px 20px;}

  /* CTA Banner */
  .cta-band{background:linear-gradient(135deg,#ff722f,#ff9a45);text-align:center;padding:64px 20px;}
  .cta-band h2{color:#fff;font-size:34px;margin-bottom:14px;}
  .cta-band p{color:#fff;opacity:.95;font-size:17px;margin-bottom:28px;}
  .cta-band a{display:inline-block;background:#081e4a;color:#fff;font-size:18px;padding:0 44px;height:56px;line-height:56px;border-radius:500px;transition:.25s;}
  .cta-band a:hover{background:#14264e;transform:translateY(-2px);}

  

  /* 右侧浮动 + 底部固定导航 */
  .right_bar{position:fixed;right:18px;bottom:120px;z-index:80;}
  .right_bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;background:#233d79;color:#fff;border-radius:12px;margin-bottom:12px;font-size:12px;text-align:center;transition:.2s;}
  .right_bar a:hover{background:#ff722f;}
  .right_bar a .ic{font-size:20px;margin-bottom:2px;}
  .bottom_nav{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#081e4a;display:none;}
  .bottom_nav ul{display:flex;list-style:none;}
  .bottom_nav li{flex:1;text-align:center;border-right:1px solid rgba(255,255,255,.12);}
  .bottom_nav li:last-child{border-right:none;}
  .bottom_nav a{display:block;color:#dce4f3;font-size:14px;padding:12px 0;}
  .bottom_nav a:hover{color:#ff722f;}

  /* 响应式 */
  @media(max-width:1100px){
    .grid-4{grid-template-columns:repeat(2,1fr);}
    .grid-3{grid-template-columns:repeat(2,1fr);}
    .more-svc{grid-template-columns:repeat(3,1fr);}
    .adv,.two-col{flex-direction:column;}
    .adv .pic,.two-col .pic{min-height:240px;width:100%;}
  }
  @media(max-width:768px){
    .subnav{top:52px;}
    .main-nav{display:none;}
    .menu-btn{display:block;}
    .nav-phone{display:none;}
    .subnav .containe_new{overflow-x:auto;flex-wrap:nowrap;}
    .web_new01{min-height:auto;}
    .web_new01 h1{font-size:34px;}
    .web_new01 h1 .sub{font-size:18px;}
    .web_new01 .p{font-size:16px;line-height:28px;}
    .tit_webn h2{font-size:26px;}
    .grid-4,.grid-3{grid-template-columns:1fr;}
    .more-svc{grid-template-columns:1fr;}
    .adv dl{grid-template-columns:1fr;}
    .tab-hd{flex-direction:column;border-radius:14px !important;}
    .tab-hd li+li::before{display:none;}
    .bottom_nav{display:block;}
    .right_bar{bottom:74px;}
    #footer_new .box{flex-direction:column;}
  }