/* 隐藏滚动条 */
html { overflow:auto; scrollbar-width:0; scrollbar-height:0; scrollbar-color:transparent transparent; }
html::after { content:none!important; }
::-webkit-scrollbar{ width:0; }
::-webkit-scrollbar-thumb{ background-color:transparent; }
::-webkit-scrollbar-track{ background-color:transparent; }

/* 基础 */
body{
  padding:0; margin:0; color:#fff;
  font-family:Arial,"微软雅黑","Microsoft YaHei",sans-serif;
  background: radial-gradient(circle at center, #223251, #081327);
}
a{text-decoration:none;}
ul li{list-style:none;}
p{margin:0; padding:0;}
img{vertical-align:middle;}

/* 容器与行 */
.website_body_main{ max-width:1200px; margin:0 auto; padding:10px; }
.hero_row{ margin:40px 0 20px 0; }
.cards_row{ margin:0 0 15px 0; }
.consult_row{ margin:0 0 20px 0; }

/* 顶部大横幅 */
.main_left_gg{
  height:295px; border-radius:15px; position:relative; overflow:hidden; cursor:pointer;
  text-shadow:2px 2px 2px rgba(0,0,0,.3);
  background:linear-gradient(to right, #620607, #981439);
}
.main_left_gg::after{
  content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%;
  background:rgba(255,255,255,.1); transform:translate(-50%,-50%); visibility:hidden;
  transition:width .6s, height .6s; pointer-events:none;
}
.main_left_gg:hover::after{ width:900px; height:900px; visibility:visible; }

.main_left_gg_bj{
  height:232px; width:100%; position:absolute; right:0;
  background:url('../images/j9tmbj.png') center no-repeat;
}
.main_left_gg_wa{ position:absolute; left:0; z-index:1; margin:20px 0 0 10px; }
.main_left_gg_wa .brand{ font-size:14px; font-weight:bold; line-height:24px; }
.main_left_gg_wa .slogan{ font-size:14px; line-height:20px; }
.main_left_gg_wa .ydwa{ font-size:26px; font-weight:bold; margin-top:22px; }
.main_left_gg_wa .yxlx{ font-size:14px; color:#FDCA41; line-height:1; margin-top:10px; }
.main_left_gg_wa .yxlx span{ font-weight:bold; margin:0 5px 0 10px; }
.main_left_gg_wa .yxlx .fstyd{ margin:0 5px 0 0; }
@keyframes blink{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}
.main_left_gg_wa .ydan{
  font-size:16px; color:#000; display:block; height:50px; line-height:50px; text-align:center;
  margin-top:40px; max-width:170px; border-radius:5px; background:#fff; overflow:hidden; position:relative;
  text-shadow:none; box-shadow:0 0 30px rgba(255,255,255,.7); animation:blink 1.5s infinite;
}
.main_left_gg_wa .ydan::after{
  content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%;
  background:rgba(233,33,91,.1); transform:translate(-50%,-50%); visibility:hidden; transition:width .6s, height .6s;
}
.main_left_gg_wa .ydan:hover::after{ width:200px; height:200px; visibility:visible; }
.main_left_gg_mn{
  width:50%; height:100%; position:absolute; right:0;
  background:url('../images/dbjmn.png') left no-repeat;
}

/* 业务咨询（整行） */
.main_left_zx{
  height:140px; position:relative; border-radius:10px;
  background:linear-gradient(to right, #3c4454, #120e24);
}
.main_left_zx_an{ position:absolute; right:22%; bottom:18%; z-index:1; width:15%; }
.main_left_zx_an a img{ width:100%; height:auto; }
.main_left_zx_mn{
  height:100%; width:23%; position:absolute; right:0;
  background:url('../images/zxmn.png') center no-repeat;
}
.main_left_zx_jb{
  height:20%; width:60%; position:absolute; bottom:0; right:0;
  background:url('../images/jb.png') bottom/contain no-repeat;
}
.main_left_zx_wa{ height:100%; position:absolute; left:0; margin-left:10px; z-index:1; }
.main_left_zx_wa .title{ font-size:20px; font-weight:bold; line-height:1; margin:10px 0; }
.main_left_zx_wa .desc{ font-size:14px; line-height:1; margin:10px 0; text-shadow:2px 2px 2px rgba(0,0,0,.3); }
.main_left_zx_wa .zfqd{ font-size:14px; line-height:1; margin:10px 0; }
.main_left_zx_wa .zfqd img{ margin:0 5px 0 0; }
.main_left_zx_wa .zfqd .xnbimg{ max-width:55%; height:auto; }

/* 四个卡片（整行，两列网格） */
.main_right{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:20px;
  align-content:start;
}
.main_right > div{ margin:0!important; }

.main_right_1,.main_right_2,.main_right_3,.main_right_4{
  height:140px; border-radius:10px; display:flex; flex-direction:row; cursor:pointer; position:relative; overflow:hidden;
}
.main_right_tp{
  width:120px; height:120px; margin:auto 0 auto 10px; border-radius:10px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.main_right_tp img{ width:100%; height:100%; object-fit:cover; border-radius:10px; }

/* —— 卡片文字美化 —— */
.main_right_wz{
  flex: 1;
  margin: 0 10px 0 20px;
  padding: 6px 4px 6px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.main_right_wz .cp_title{
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 8px 0;
  color: #fff;
}
.main_right_wz .cp_desc i{ display:none!important; }
.main_right_wz .cp_desc{
  position: relative;
  font-size: 14px;
  line-height: 1.55;
  margin: 4px 0;
  color: rgba(255,255,255,.95);
  text-align: left;
  padding-left: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_right_wz .cp_desc::before{
  content: '';
  position: absolute;
  left: 0;
  top: .64em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
}
@media (max-width: 767px){
  .main_right_wz .cp_title{ font-size: 18px; margin-bottom: 6px; }
  .main_right_wz .cp_desc{ font-size: 13px; line-height: 1.5; margin: 3px 0; }
}

/* 各卡片配色 */
.main_right_1{ background:linear-gradient(to right, #e9215b, #a31013); }
.main_right_tp_1{ background:#471314; }

.main_right_2{ background:linear-gradient(to right, #f4c33a, #f97902); }
.main_right_tp_2{ background:#471314; }

.main_right_3{ background:linear-gradient(to right, #56019f, #5b2579); }

.main_right_4{ background:linear-gradient(to right, #1fa2ff, #12d8fa); }
.main_right_tp_4{ background:#0e3c5e; }
.main_right_wz_4 .cp_title{ margin-bottom:8px; color:#fff; }
.main_right_wz_4 .cp_desc{ margin:4px 0; color:#fff; }

/* 底部三卡片 */
.main_bottom{ display:flex; justify-content:space-between; }
.main_bottom_box{
  flex:1; margin:0 10px 0 0; height:130px; border-radius:10px; cursor:pointer; position:relative; overflow:hidden;
}
.main_bottom_4{ margin:0; }
.main_bottom_1{ background:linear-gradient(to right, #4a09c6, #401278); }
.main_bottom_2{ background:linear-gradient(to right, #166c85, #237673); }
.main_bottom_3{ background:linear-gradient(to right, #5a6685, #43506f); }
.main_bottom_4{ background:linear-gradient(to right, #835a5a, #6f4343); }
.main_bottom_wz{ position:absolute; left:0; z-index:1; margin:10px 0 0 10px; }
.main_bottom_wz .cp_name{ font-size:20px; font-weight:bold; line-height:1; }
.main_bottom_wz .cp_desc{ font-size:14px; margin-top:10px; line-height:20px; }
.main_bottom_wz .cp_desc_m{ display:none; }
.main_bottom_tp{
  width:150px; height:130px; position:absolute; right:0;
  background-size:auto; background-repeat:no-repeat; background-position:left;
}
.main_bottom_1_tp{ background-image:url('../images/caiqiu.png'); }
.main_bottom_2_tp{ background-image:url('../images/tyqx1.png'); }
.main_bottom_3_tp{ background-image:url('../images/tyqx2.png'); }
.main_bottom_4_tp{ background-image:url('../images/tyqx1.png'); }

/* 备用域名 */
.main_wz{
  margin:20px 0 0 0; border-radius:10px;
  background: radial-gradient(circle at center, #070f20, #485060);
}
.main_wz_tip{ padding:10px; font-size:14px; }
.main_wz_wz{ display:flex; justify-content:space-between; }
.main_wz_wz_btn{ flex:1; height:50px; margin:10px 10px 10px 0; text-align:center; line-height:50px; }
.main_wz_wz_btn a{
  display:block; width:80%; height:100%; color:#fff; margin:0 auto; font-weight:bold; border-radius:10px;
  background: radial-gradient(circle at center, #070f20, #485060);
  box-shadow:0 0 2px 2px rgba(255,255,255,.2); position:relative; overflow:hidden;
}
.main_wz_wz_3{ margin-right:0; }

/* 页脚 */
.main_footer{ margin:20px 0; text-align:center; font-size:14px; }

/* 悬浮波纹 */
.css_dtxg::after{
  content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%;
  background:rgba(255,255,255,.2); transform:translate(-50%,-50%); visibility:hidden;
  transition:width 1s, height 1s; pointer-events:none;
}
.css_dtxg:hover::after{ width:800px; height:800px; visibility:visible; }

/* 响应式 */
@media (max-width: 767px){
  .hero_row{ margin:10px 0 12px 0; }
  .main_right{ grid-template-columns:1fr; gap:12px; }
  .main_bottom{ flex-direction:column; }
  .main_bottom_box{ flex:none; margin:0 0 10px 0; }
  .main_bottom_wz .cp_name{ padding:15px 0; }
  .main_bottom_wz .cp_desc{ display:none; }
  .main_bottom_wz .cp_desc_m{ display:block; line-height:20px; font-size:14px; }
  .main_bottom_tp{ background-position:right; width:180px; }
  .main_wz_wz{ flex-direction:column; }
  .main_wz_wz_btn{ flex:none; width:auto; margin:10px 0; }
  .main_footer{ margin:20px 0 10px 0; }
}

/* 细化断点 */
@media (min-width:980px) and (max-width:989px){ .main_right_wz .cp_desc{ font-size:12px; } }
@media (min-width:780px) and (max-width:979px){ .main_right_wz .cp_descs{ display:none; } }
@media (min-width:768px) and (max-width:779px){ .main_right_wz .cp_desc{ display:none; } }
@media (max-width:899px){ .main_left_zx_an{ right:15%; } }
@media (max-width:819px){ .main_left_zx_an{ right:6%; } }
@media (max-width:479px){
  .main_left_gg_wa .slogan{ font-size:12px; }
  .main_left_gg_wa .ydwa{ font-size:20px; }
  .main_left_gg_wa .yxlx{ font-size:12px; }
  .main_left_gg_mn{ width:60%; }
  .main_left_gg_wa .ydan{ margin-top:60px; }
  .main_left_zx_wa .desc{ font-size:14px; }
  .main_left_zx_an{ display:none; }
}
@media (max-width:409px){ .main_left_gg_mn{ width:65%; } }
@media (max-width:359px){
  .main_left_gg_wa .slogan{ font-size:10px; }
  .main_left_gg_wa .yxlx{ font-size:10px; }
  .main_left_gg_mn{ width:70%; }
  .main_left_gg_wa .ydan{ margin-top:60px; }
  .main_right_wz .cp_descs{ font-size:12px; }
}
@media (max-width:319px){
  .main_left_gg_wa .ydwa{ font-size:18px; }
  .main_right_wz .cp_descs{ display:none; }
}
@media (max-width:289px){
  .main_left_gg_mn{ width:75%; }
  .main_left_gg_wa .ydan{ margin-top:40px; }
}