@import url("animate.css");
@charset "utf-8";
/* CSS Document */

/* ====================
     公共样式
==================== */ 

body{background:#ffffff; font-size:14px; font-weight: 400; font-family: "微软雅黑",Verdana,Arial; line-height:150%;  color:#000;}
body{ max-width:1920px; margin:0 auto;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
em, i {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1,h2,p,h3,ol,form,label,dl,dd{ margin:0px; padding:0px; font-size:100%; border:none; vertical-align:baseline; outline:none;}
ul,li{ list-style:none; margin:0px; padding:0px; border:0px; outline:none; font-size:100%; }
a{ color:#fff; text-decoration: none; outline: none; }
a:hover{color:#fff}
/* 隐藏input的placeholder提示文字（兼容Chrome/Firefox/Safari/Edge） */
input::placeholder {
  /* 核心：设置为透明色，完全隐藏 */
  color: transparent !important;
  /* 备选方案：设置透明度为0（效果一致） */
  /* opacity: 0 !important; */
}

/* 兼容旧版Firefox */
input::-moz-placeholder {
  color: transparent !important;
}

/* 兼容旧版Webkit内核（如老版Chrome/Safari） */
input::-webkit-input-placeholder {
  color: transparent !important;
}

/* 兼容IE/Edge旧版 */
input:-ms-input-placeholder {
  color: transparent !important;
}
.block {width:1200px; }

.fl{float:left;}
.fr{float:right;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
.clear{
	width:100%;
	clear:both;
}
.block {
    /* 基础版心宽度（可根据你的设计稿调整） */
    width: 1200px;
    /* 水平居中（核心通用属性） */
    margin: 0 auto;
   /* 基础盒模型优化（全局通用） */
    box-sizing: border-box;
    /* 可选：默认最小宽度，适配小屏幕 */
    min-width: 320px;
}

/* 可选：全局通用的 flex 布局辅助类（增强复用性） */
.block-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

/* banner 基础样式 */
.banner {
    background: url(../images/banner.jpg) no-repeat center;
    width: 100%;
    height: 798px;
    position: relative;

}

/* 导航栏整体样式 - 关键：改为上下布局，高度自适应 */
.nav {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    height: 136px;
	position: fixed;
	z-index: 9999;
	overflow: visible !important;
	max-width: 1920px;
}
.fixed-position{background: #323232;}
/* 第一行：语言切换（中文/EN） */
.nav .wz {
    right: 40px;
    color: #fff;
	width: 100px;
	line-height: 60px;
	position: absolute;
}

.nav .wz a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.nav .wz a.en {
    color: #a3a3a3;
}

.nav .wz a:hover {
    color: #ffffff;
}


/* 第二行：logo + 导航菜单容器 */
.nav-wz {
    width: 100%;
    float: left;
	position: absolute;
	top: 45px;
}

/* logo样式 */
.nav-wz .logo {
    background: url(../images/logo.png) no-repeat;
    width: 280px;
    height: 44px;
    float: left;
}

/* 导航菜单样式 */
.nav-wz .ul {
    float: right;
    margin-top: 10px;
	position: relative; /* 新增：菜单容器相对定位 */
	z-index: 9999;
	overflow: visible !important; /* 关键：允许二级菜单超出 */
}

.nav-wz .ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px; /* 菜单文字间距 */
}
/* 一级菜单li：必须加relative（你原来的是对的） */
.nav-wz .ul > ul > li {
    position: relative;
    /* 新增：扩大hover区域，避免鼠标移空 */
    padding: 5px 0 30px 0; /* 新增padding-bottom:30px，覆盖25px间距+留余量 */
    height: auto; /* 确保li高度自适应，不截断 */
}

.nav-wz .ul li a:hover {
   background: url(../images/nav_curr.png) no-repeat !important; /* 强制生效 */
   background-position: 0 bottom !important; /* 左下对齐，避免出界 */
   background-size: auto !important; /* 显示图片原始尺寸 */
   height: 30px; /* 留出图片显示空间 */
   display: inline-block !important;
   text-align: center;
   color: #fff;
}

/* 首页下划线标识 */
.nav-wz .ul li a.curr {
      background: url(../images/nav_curr.png) no-repeat !important; /* 强制生效 */
      background-position: 0 bottom !important; /* 左下对齐，避免出界 */
      background-size: auto !important; /* 显示图片原始尺寸 */
      /* 给a标签固定尺寸，确保能看到图片 */
      height: 30px; /* 留出图片显示空间 */
      display: inline-block !important;
	  text-align: center;
	  color: #fff;
}
.nav-wz .ul > ul > li:hover .two-nav{display: block;}
.nav-wz .ul .two-nav{
      display: none;
      position: absolute;
      top: calc(100%); /* 新增：和一级菜单留5px间距，避免误触 */
      left: 50%; /* 新增：二级菜单居中对齐一级li */
      transform: translateX(-50%); /* 居中修正 */
      width: 170px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.15);
      margin: 0;
      list-style: none;
      z-index: 99999; /* 拉满层级，绝对不被遮挡 */
      transition: opacity 0.2s ease, visibility 0.2s ease;
 }
 /* 2. 鼠标移到一级li时，显示二级菜单 */
 .nav-wz .ul > ul > li:hover > ul {
     display: block;
 }
 
 /* 3. 二级菜单li样式 */
 .nav-wz .ul > ul > li > ul > li {
     margin: 0;
     padding: 0;
	 width: 100%;
 }
 
 /* 4. 二级菜单a标签样式（重置父菜单样式） */
 .nav-wz .ul > ul > li > ul > li > a {
     display: block;
     font-size: 16px;
     color: #333; /* 深色文字，适配白色背景 */
     text-align: center;
     width: auto;
     height: auto;
     background: none !important; /* 去掉父菜单的下划线背景 */
	 position: relative; /* 伪元素定位参考 */
	     /* 增加行高，避免文字和下划线拥挤 */
	line-height: 1.7;
 }
.nav-wz .ul > ul > li > ul > li > a::after {
    content: "";
    width: 146px; /* 固定146px长度 */
    height: 0.5px; /* 下划线粗细，可调整 */
	border-bottom: 1px solid #b7b8b7;
    position: absolute;
    bottom: 0px; /* 下划线和文字的间距，避免贴太近 */
    left: 15px; /* 和a标签padding-left对齐，视觉居中 */
    /* 关键：默认显示（去掉display:none） */
    display: block;
}


/* 最后一个选项hover也不加下划线 */
.nav-wz .ul > ul > li > ul > li > a:hover::after {
  border-bottom: 0;
}
 /* 5. 二级菜单a标签hover样式 */
 .nav-wz .ul > ul > li > ul > li > a:hover {
     background: #014fd7 !important; /* 浅灰背景 */
     color: #fff; /* 蓝色文字，和之前风格统一 */
	 width: 100%;
	 text-align: center;
	 line-height: 1.7;
	 height: auto;
 }

.nav-wz .ul li a {
    text-decoration: none;
    font-size: 18px;
    padding: 8px 0; 
	width:100px; /* 适配你的导航文字宽度 */
	color: #c6c6c6;
    display: inline-block;
    transition: color 0.3s ease;
    text-align: center;
}

.banner-wz {
    position: absolute; /* 可自由定位在banner上 */
    /* 示例：定位在banner中间偏下，可根据设计稿调整 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* 或固定位置：top: 300px; left: 100px; */
}
.banner-wz h1{font-size: 60px; font-weight: normal; color: #fff;letter-spacing: 8px;}
.banner-wz img {

    height: auto; /* 保持宽高比 */
}
.pro_service{
    background: url(../images/cpfw_bg.jpg); 
    width: 100%;
    height: 1129px;
    background-repeat: no-repeat; 
    /* 新增：背景图自适应，避免变形 */
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    padding: 20px 0; /* 预留内边距，避免内容贴边 */
	position: relative;
}

.bhd-sj{
    float: left; 
    width: 100%; 
    margin-top: 20px;
    /* 新增：让四个卡片均匀分布 */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

.bhd-bg{
    float:left; 
    width: 280px; 
    height: 95px; 
    margin-right: 10px; 
    color: #fff;
    background: url(../images/bhd_bg.png) no-repeat; 
    text-align: center;
    /* 新增：背景图自适应 */
    background-size: 100% 100%;
    /* 新增：文字垂直居中 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.bhd-bg p{
    font-size: 18px; 
    margin: 0; /* 重置默认margin，避免错位 */
    line-height: 1.2; /* 行高优化 */
	font-weight: 100;
}
.bhd-bg p.p{
	margin-top: 10px;
}
/* 数字发光核心样式 */
.bhd-bg p .number{
    font-size: 34px;
    text-shadow: 0 0 1px #ffffff, 0 0 10px rgba(255, 255, 255, 0.2);
	
}
/* 最后一个卡片去掉右侧间距 */
.bhd-bg:last-child {
    margin-right: 0;
}
/* 产品服务标题 - 作为定位参考 */
.pro-tt{
    float: left;
    width: 100%; 
    height: 186px; 
    line-height: 186px;
    font-size: 40px; 
    text-align: center; 
    color: #fff;
	font-weight: 100;
  
}
.dian_fl{
    background: url(../images/diandian.png) no-repeat;
    width: 140px; 
    height: 139px; 
    position: absolute;
    top: 250px;
	left: 80px;
    /* 修复变形 */
    background-size: auto 100%; /* 高度适配，宽度按比例，不变形 */
    background-position: center;
    z-index: 10;
}
.dian_fr{
    background: url(../images/diandian.png) no-repeat;
    width: 140px; 
    height: 139px; 
    position: absolute;
    bottom: 75px;
	right: 60px;
    /* 修复变形 */
    background-size: auto 100%; /* 高度适配，宽度按比例，不变形 */
    background-position: center;
    z-index: 10;
}
.pro_con{
    width: 1045px;
	height: 755px;
	background: url(../images/pro_cn.png) no-repeat;
    z-index: 111; 
	top: 0;
     margin: 0 auto;
    position: relative;
}
.pro_con .jt{background: url(../images/jt.png) no-repeat; width:49px; height: 50px; display: block;
position: absolute;
top: 43%;
left: 22px;
}
.pro_con .pro_con_con{
	font-size: 26px;
	padding-left: 90px;
	color: #fff;
	float: left;
	position: relative;
	height: 366px;
	line-height: 366px;
    font-weight: 100;;
	margin-left: 1px;
	margin-top: 5px;
	
	
	
}
.pro_con .pro_con_con:hover{
	padding-left: 0;
    /*background: rgba(0, 0, 0, 0.3); */
	 background: #fff;
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2); 
}

.pro_con .pro_con_con:hover{
color: #fff;
/*text-shadow: 0 0 1px #000000, 0 0 20px rgba(255, 255, 255, 0.1);*/
text-align: center;
padding-left: 0;
line-height: 310px;
cursor: pointer;
background: rgba(0, 0, 0, 0.4); 

}

.pro_con .pro_gwwb{
	width: 554px;
	margin-top:5px;
	margin-left: 6px;
}
.pro_con .pro_gwwb:hover{
	width: 644px;
	height: 364px;
  
	
}
.pro_con .pro_yw{
	width: 292px;
	margin-left: 10px;
}
.pro_con .pro_yw:hover{
	width: 384px;
	
}
.pro_con .pro_zp{
	width: 210px;
	margin-top: 8px;
	margin-left: 4px;
	height: 365px;
}
.pro_con .pro_zp:hover{
	width: 301px;

}
.pro_con .pro_o2o{
	margin-top: 8px;
	width: 345px;
	margin-left: 10px;
	height: 365px;
		
}
.pro_con .pro_o2o:hover{
	width: 437px;
}
.pro_con .pro_rl{
	margin-top: 8px;
	margin-left: 10px;
	width: 192px;
	height: 365px;
}
.pro_con .pro_rl:hover{
	width: 284px
}
.pro_con .pro_con_con a{display: none;}

.pro_con .pro_con_con:hover i{display: none;}

.pro_con .pro_con_con:hover a{
	display: block; background: url(../images/more-btn.png) no-repeat;
	width: 178px; height: 48px;
	line-height: 42px; text-align: center; font-size: 16px;
	 position: absolute; 
	 top: 55%; /* 调整top值，增加和文字的间距（原65%→70%） */
	 left: 0; /* 新增：左对齐容器 */
	 right: 0; /* 新增：右对齐容器 */
	 margin: 0 auto; /* 水平居中生效 */
	margin-top: 10px; /* 可选：额外增加和文字的间距，可微调 */
}
.fuwuys{
	background: url(../images/fwys_bg.png);
	width: 100%;
	height: 1022px;
    background-repeat: no-repeat; 
    /* 新增：背景图自适应，避免变形 */
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}
.fuwuys-tt{height: 230px; line-height: 230px; width: 100%; float: left; font-size: 40px; color: #000000; text-align: center;}
.fuwuys-con{float: left; width: 100%;}
.fuwuys-con li{float: left;width: 384px; margin-right: 20px;}
.fuwuys-con li img{width: 100%;height: 395px;}
.fuwuys-con li:last-child {margin-right: 0;}
.fuwuys-con li .p-tt{width: 100%; height: 210px; position: relative; background: #014fd7; color: #fff; margin-top: -5px; padding-top: 50px;}
.fuwuys-con li .p-tt p{padding-left: 32px; font-size: 30px; margin-top: 20px;}
.fuwuys-con li .p-tt p.p{display: none;}
.fuwuys-con li .p-tt a{display: none;}
.fuwuys-con li:hover{cursor: pointer;}
.fuwuys-con li:hover img{display: none;}
.fuwuys-con li:hover .p-tt{height: 605px; margin-top: 0}
.fuwuys-con li:hover .p-tt p.p{display: block; font-size: 18px; float: left; margin-top: 50px; line-height: 28px;}
.fuwuys-con li:hover .p-tt a.more{display: block; background: url(../images/fw-more.png) no-repeat; width: 144px; height: 32px; line-height: 32px; text-align: center;
 color: #014fd7; font-size: 16px; position: absolute; top: 48%; left: 32px;}
/*客户案例*/
.kefuanli{width: 100%; background: #f8f8f8;}
.anli-tt{width: 100%; float: left; height: 230px; line-height: 230px; text-align: center; color: #000000; font-size: 40px;}
.anli-con{width: 100%; float: left;}

.anli-con li{padding-left: 18px; padding-right: 12px;  width: 360px; height: 470px; float: left; margin-right: 15px; padding-top: 15px;
  background: #fff !important; /* 强制白色背景 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 卡片阴影 */
  overflow: hidden;
  transition: box-shadow 0.3s ease;
   box-sizing: border-box; 
}

.anli-con li:last-child {margin-right: 0;}
.anli-con li h2{color: #171717;width: 100%; margin-top: 20px; font-size: 20px; font-weight: normal; height: 40px; line-height: 40px; margin-top: 20px;}
.anli-con li h2 a{color: #171717;}
.anli-con li p{color: #666666; font-size: 16px; line-height: 28px;}
.anli-con li:hover{cursor: pointer; background:#014fd7; height: 450px;}
.anli-con li:hover h2{color: #fff;}
.anli-con li:hover h2 a{color: #fff;}
.anli-con li:hover p{color: #fff;}
.anli-con .more{ width: 100%; float: left; margin-top: 80px; padding-bottom: 120px;}
.anli-con .more a{margin: 0 auto; font-size: 16px;color: #014fd7; line-height: 46px; width: 161px; padding-left: 20px; height: 46px; display: block; background: url(../images/anli-more.png) no-repeat;}
.dongtai{background: url(../images/dongtai-bg.jpg); width: 100%; height: 1080px; 
    background-repeat: no-repeat; 
    /* 新增：背景图自适应，避免变形 */
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    float: left;
    
}
.dt-tt{float: left;width: 100%; height: 230px; line-height: 230px; text-align: center; font-size:40px; color: #ffffff;}
.dongtai-con{float: left;width: 100%;}
.dongtai-con li{float: left; width: 400px; height: 600px;}
.dongtai-con li img{width: 100%; height: 300px;}
.dongtai-con li .wz{background: #fff; color: #000000;margin-top: -5px;float: left;width: 100%;} 
.dongtai-con li .wz .wz-xx{float: left;width: 15px; height: 300px; background: #014fd7;}
.dongtai-con li .wz .wz-p{float: left; width: 385px; text-align: center; padding-top: 20px;}
.dongtai-con li .wz .wz-p h2{padding-left: 15px;padding-right: 15px; padding-top: 20px;  font-size: 20px; color: #000000;text-align: left;  font-weight: normal; line-height: 32px;}
.dongtai-con li .wz .wz-p h2 .xx{margin: 0 auto; background:#7f7f7f; height: 1px; width: 26px;margin-top: 15px;}
.dongtai-con li .wz .wz-p h2 a{ color: #000000;}
.dongtai-con li .wz .wz-p p{float: left; margin-top: 30px;padding-left:15px;padding-right:15px; color: #666; font-size: 16px; line-height:30px; text-align:left; }
.dongtai-con li .wz .wz-p .jt{float: left; width: 100%; margin-top: 30px; }
.dongtai-con li .wz .wz-p .jt a{display: block;margin-left:15px; background: url(../images/jt-dt.png) no-repeat;width: 47px; height: 10px;  }
.dongtai-con li .wz .wz-c{width: 100%; height: 280px;}
.dongtai-con li .wz .wz-c h2{padding-left: 15px;padding-right:15px;}
.dongtai-con li .wz-logo{width: 100%; height:180px; background: #014fd7; text-align: center; padding-top: 120px;}
.dongtai-con li .wz-logo img{width: 280px; height: 44px;}
.dongtai-con .more{float: left; width: 100%; padding-top: 100px;}
.dongtai-con .more a{margin: 0 auto; color: #014fd7; line-height: 46px; font-size: 16px;width: 161px; padding-left: 20px; height: 46px; display: block; background: url(../images/dt-more.png) no-repeat;}
.about{float: left; width: 100%; background: #fff;}
.about .about-tt,.index-gs-bg .about-tt{height: 200px; line-height: 200px;float: left; width: 100%; text-align: center; color: #000000; font-size: 38px;}
.about-dq{background: #f8f8f8;float: left; width: 100%; height: 230px; }
.about-dq ul{float: left; width: 100%;}
.about-dq ul li{float: left; width: 25%; height: 230px; padding-top: 80px; text-align: center;}
.about-dq ul li .number{color: #014fd7;font-size:55px;}
.about-dq ul li p{color: #161616; font-size: 30px;padding-top: 20px; }
.about-bg{float: left; background: #fff; width: 100%; 
    height:729px;position: relative; background: url(../images/about-index-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
	margin-bottom: 120px;
}
.about-bg-l{display: none; position: absolute; top: 0; left: -100px; background: url(../images/about-lj.jpg) no-repeat; width: 213px; height: 284px;}
.about-bg-r{display: none;position: absolute; bottom: 120px; right: 100px; background: url(../images/about-rj.jpg) no-repeat; width:558px; height: 323px;}
.about-l{float: left; width: 560px; padding-top: 20px; margin-right: 30px;}
.about-l h1{font-size: 36px; padding-top: 30px; padding-bottom: 30px; line-height: 60px; font-weight: normal; color: #014fd7;}
.about-l p{line-height: 32px; font-size: 18px; color: #000000; padding-bottom: 30px;}
.about-l p span{color: #014fd7;}
.about-l .more{float: left;color: #014fd7; font-size: 16px; line-height: 46px; width: 161px; padding-left: 20px; height: 46px; display: block; background: url(../images/dt-more.png) no-repeat; margin-top: 30px;}
.about-r{width: 595px; float: right; }
.about-r img{width: 562px; height: 577px; position: absolute;}
.footer{background: #014fd7; float: left;width: 100%; padding-top: 20px; color: #fff; font-size:18px;
padding-bottom: 10px; height: 220px; overflow: hidden;
}
.f-zj{float: left;width: 100%;}
.f-zj .f-logo{float: left;width: 275px; height: 41px; text-align: left; padding-top: 30px;}
.f-zj .f-logo img{width: 273px; height: 41px;}
.f-zj .f-center{float: left; margin-left: 120px; width: 400px;}
.f-zj .f-center p{line-height: 28px;}
.f-zj .f-ewm{float: right;width: 400px; text-align: center;}
.footer .bah{float: left;width:40%;margin-left: 26%; font-size:14px;text-align: center; height: 50px; line-height: 50px;}
.bah-xx{margin-top:10px;float: left;width: 100%; border-top: 1px solid #ffffff;}
/* 侧边栏容器：固定在右侧+垂直居中 */
.float-sidebar {
  position: fixed; /* 悬浮不随页面滚动 */
  right: 0; /* 贴右侧 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  z-index: 999; /* 确保在页面最上层 */
  
}

/* 客服信息区域：白色背景+圆角 */
.sidebar-info {
  background: #fff;
  padding: 10px 20px;
  border-radius: 8px; /* 左侧圆角 */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 轻微阴影更立体 */
  display: none;
  position: absolute;
  right: 70px;
  top: 0;
  z-index: 1000;
  width:220px;
}
.ewm-info {
	 display: none;
	 position: absolute;
	 right: 70px;
	 top: 65px;
	 z-index: 1000;
}
.sidebar-info p {
  margin: 2px 0;
  font-size: 16px;
  color: #333;
  line-height: 1.4;
  text-align: left;
}

.sidebar-info p span {
  font-size: 20px;
  color: #014fd7;
  margin-left: 5px;
}

/* 图标按钮区域：垂直排列 */
.sidebar-icons {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 图标按钮样式 */
.icon-btn {
  width: 60px;
  height: 78px;
  text-decoration: none;
  transition: all 0.3s;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
  /* 让图标垂直居中 */
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-btn:last-child {
  border-bottom: 0;
}

/* 自定义图标背景 */
.icon-btn i.fa-phone {
  background: url(../images/tel.png) no-repeat;
  width: 27px;
  height: 31px;
  display: block;
}
.icon-btn i.fa-comments {
  background: url(../images/wx.png) no-repeat;
  width: 34px;
  height: 29px;
}
.icon-btn i.fa-edit {
  background: url(../images/liuyan.png) no-repeat;
  width: 33px;
  height: 31px;
}

/* 图标hover效果（可选） */
.icon-btn:hover {
  background-color: #f5f5f5;
}

/* 遮罩层：全屏半透明，默认隐藏 */
.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
  display: none;
}

/* 弹窗容器：统一圆角值，去掉多余缝隙 */
.contact-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff; /* 保留白色背景 */
    /* 核心1：弹窗容器仅顶部圆角（和标题栏一致），底部圆角按需设置 */
    border-radius: 8px 8px 4px 4px; 
    box-shadow: 0 2px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    width: 350px;
    display: none;
    /* 关键：去掉默认padding/margin，避免缝隙 */
    padding: 0; 
    margin: 0;
    border: none; /* 确保无默认边框 */
}

/* 弹窗标题栏：蓝色背景 */
.modal-header {
  background: #014fd7; /* 效果图蓝色标题栏 */
  color: #fff;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px 8px 0 0; 
  
}
.modal-header h3 {
  margin: 0;
  font-size: 18px;
}
/* 关闭按钮：右上角 + 圆形 + 蓝色背景（#014fd7） */
.modal-close {
  /* 绝对定位到右上角 */
  position: absolute;
  top: 0;
  right: -45px;
  transform: translateY(-50%); /* 垂直居中 */
  /* 圆形样式 */
  width: 37px;
  height: 37px;
  background: url(../images/close.png) no-repeat;
  
}
.modal-close:hover{cursor: pointer;}

/* 表单区域：内边距+间距 */
.modal-form {
  padding: 20px 15px;
}
.form-item {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.form-item label {
  width: 80px; /* 标签固定宽度，对齐 */
  font-size: 14px;
  color: #333;
}
.form-item label span{color: #ff0000;}
.form-item input {
  flex: 1;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  width: 80px;
}
/* 验证码区域：图片对齐 */
.captcha .captcha-img {
  width: 100px;
  height: 35px;
  margin-left: 10px;
  cursor: pointer; /* 点击换验证码 */
}
/* 提交按钮：蓝色样式 */
.submit-btn {
  width: 200px;
  height: 40px;
  background: #014fd7;
  color: #fff;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s;
  margin-left: 65px;
}
.submit-btn:hover {
  background: #014fd7;
}
.banner-ny {
    width: 100%;
    height: 685px;
    position: relative;
   background: no-repeat center;

}
/*岗位外包*/
.banner-gwwb{
	background: url(../images/banner-gwwb.jpg);
}
/*服务流程*/
.banner-ywlc{
	background: url(../images/banner-fwlc.jpg);
}
.banner-job{
	background: url(../images/banner-job.jpg);
}
.banner-o2o{
	background: url(../images/banner-o2o.jpg);
}
.banner-rlzy{
	background: url(../images/banner-rlzy.jpg);
}
.banner-ywpt{
	background: url(../images/banner-ywpt.jpg);
}
.banner-fwtx{
	background: url(../images/banner-fwtx.jpg);
}
.banner-xtpt{
	background: url(../images/banner-xtpt.jpg);
}
.banner-case{
	background: url(../images/banner-case.jpg);
}
.banner-dt{
	background: url(../images/banner-dt.jpg);
}
.banner-about{
	background: url(../images/banner-about.jpg);
}
.gwwb-con{
	float: left;
	width: 100%;
	background: #f1f1f1;
}
.job-con{
	float: left;
	width: 100%;
	background: #e3e3e3;
}

.gwwb-con-con,.ywlc-con-con,.job-con-con{
	float: left;
	width: 100%;
	padding-top: 50px; 
	padding-bottom: 70px;
}
.gwwb-con-con p,.ywlc-con-con p,.job-con-con p{font-size: 20px; color: #454545; line-height: 50px;}
.gwwb-img1{
	float: left;
	width: 100%; 
	margin-top: 50px; 
	position: relative; /* 父容器相对定位，子元素绝对定位参考 */
}
.gwwb-img1 .img{
	float: left; 
	width: 775px; 
	height: 468px;
}

/* 核心：.xx横线样式（图片和.wz中间居中） */
.gwwb-img1 .xx{
	/* 横线基础样式 */
	width: 137px; 
	height: 1px; 
	background: #014fd7; 
	/* 绝对定位：垂直居中 + 卡在图片和.wz中间 */
	position: absolute;
	top: 50%; /* 垂直居中 */
	transform: translateY(-50%); /* 修正垂直居中（因height=2px） */
	right: 480px;
	z-index: 10; /* 确保横线在图片和.wz之上显示 */
}

/* .wz区域样式（保留之前的阴影/点点/横线） */
.gwwb-img1 .wz{
	background: #ffffff; 
	width: 516px; 
	height: 310px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.15);
	position: absolute;
	right: 0; 
	top: 45%;
	transform: translateY(-50%);
    padding-top: 40px;
	padding-left: 90px;
	padding-right: 90px;
	box-sizing: border-box;
	z-index: 5; /* 让wz在横线下方，视觉更自然 */

}
.gwwb-img2 .wz{
  left: 0;
  right: inherit;
}
.gwwb-img2 .img{
	float: right;
}
.gwwb-img2 .xx{
	left: -100px;
	right: 0;
}
.gwwb-img1 .wz h1{
	font-size: 30px;
	color: #333;
	font-weight: normal;
	margin: 0 0 15px 0;
	position: relative;
	margin-bottom: 58px;
}
.gwwb-img1 .wz h1::after{
	content: "";
	width: 337px;
	height: 1px;
	background: #a8a8a8;
	position: absolute;
	bottom: -24px;
	left: 0;
}
.gwwb-img1 .wz p{
	font-size: 22px;
	color: #616161;
	line-height: 44px;
	margin: 0;
	position: relative;
	padding-left: 20px;
}
.gwwb-img1 .wz p i{
	width: 8px;
	height: 8px;
	background: #014fd7;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
}
.gwwb-lxwm{
	background: #fff;
	float: left;
	width: 100%;
	padding-bottom: 120px;
}
.lxwm-tt{
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	text-align: center;
	color: #000000;
	margin-top: 80px;
	margin-bottom: 80px;
}
.contact-form{float: left; width: 100%;}
/* 表单网格布局：两列平分 */
.contact-form .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 左右两列等宽 */
  gap: 20px 30px; /* 行/列间距 */
}

/* 单个表单项样式：label+input 对齐 */
.contact-form .form-item {
  display: flex;
  align-items: center;
  gap: 10px; /* label和输入框间距 */
}

/* 必填星号：红色 */
.contact-form .form-item .required {
  color: #ff0000;
  margin-left: 2px;
}

/* label 样式：固定宽度+对齐 */
.contact-form .form-item label {
  width: 120px;
  font-size: 22px;
  color: #414141;
  text-align: right;
  padding-right: 40px;
}

/* 输入框样式：浅灰背景+细边框 */
.contact-form .form-item input {
  width: 420px; /* 固定宽度420px */
  height: 50px; /* 固定高度50px */
  padding: 0 15px; /* 加大内边距，适配高度 */
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  outline: none;
  font-size: 22px;
  color: #414141;
  box-sizing: border-box; /* 确保padding不超出宽度 */
}

/* 验证码项：input+图片对齐 */
.contact-form .contact-form .captcha-item {
  align-items: center;
}
.contact-form .captcha-item .captcha-img {
  height: 40px; /* 和输入框同高 */
  width: 100px;
  object-fit: cover;
  cursor: pointer; /* 点击换验证码 */
}

/* 提交按钮：蓝色+跨两列 */
.contact-form .submit-btn {
  grid-column: 1 / 3; /* 按钮跨两列 */
  height: 49px;
  background-color: #014fd7; /* 和之前一致的蓝色 */
  color: #fff;
  border: none;
  font-size: 22px;
  cursor: pointer;
  transition: background 0.2s;
  width: 293px;
  margin: 0 auto;
  margin-top: 40px
}
.contact-form .submit-btn:hover {
  background-color: #0040b8; /* hover深色 */
}
/*业务流程*/
.ywlc-con{
	background: url(../images/fwlc-bg.jpg) repeat;
	width: 100%;
	float: left;
	height: 845px;
}
.service-container {
  float: left;
  width: 100%;
  margin-top: 50px;
 
}

/* 单个服务卡片：白色背景+边框（可选） */
.service-card {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 545px;
  height: 250px;
  margin-bottom: 30px;
  float: left;
  margin-right: 80px;
}

/* 卡片标题栏：蓝色背景+白色文字 */
.service-title {
  background-color: #014fd7; /* 和之前一致的蓝色 */
  color: #fff;
  font-size: 22px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

/* 列表样式：去掉默认圆点+添加蓝色小方块 */
.service-list {
  list-style: none;
  margin: 0;
  border: 1px dashed #b7b7b7;
  padding: 10px 30px;
  flex: 1; /* 让列表占满卡片剩余空间，保持卡片高度一致 */
}

.service-list li {
  font-size: 16px;
  color: #454545;
  width: 180px;
  margin-left: 35%;
  line-height: 35px; /* 列表项行高 */
  position: relative;
  padding-left: 20px; /* 给蓝色小方块留空间 */
}

/* 列表项前的蓝色小方块（匹配截图） */
.service-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #014fd7; /* 蓝色点点 */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* 点点垂直居中 */
}
.job-con-img {
  float: left;
  width: 100%;
  /* 去掉默认列表间距，避免布局错位 */
  padding: 0;
  margin: 50px 0 0 0;
  list-style: none;
}
.job-con-img li {
  float: left;
  width: 100%;
  height: 160px;
  margin-bottom: 30px;
  padding: 0 !important; /* 清除所有内边距 */
  border: none !important; /* 清除边框 */
  box-sizing: border-box; /* 确保width/height包含padding/border（避免尺寸偏差） */
  text-align: center;
}


.job-con-img li img {
  width: 1180px;
  /* 核心2：高度自动，保持图片原有比例 */
  height: 160px;
  /* 优化：图片抗锯齿，提升清晰度 */
  image-rendering: -webkit-optimize-contrast;

}
.o2o-con{
	float: left;
	width: 100%;
	background: #f1f1f1;
	padding-top: 100px;
	padding-bottom: 100px;
}
.o2o-con-con{
	float: left;
	background: url(../images/o2o-bg.jpg) no-repeat;
	width: 100%;
	height: 556px;
}
.o2o-con-con-fr{
	float: right;
	width: 520px;
	padding-top: 110px;
}
.o2o-con-con-fr .o2o-con-con-tt{
	background: url(../images/o2o-tt.png) no-repeat;
	width: 300px;
	height: 54px;
	line-height: 54px;
	color: #ffffff;
	padding-left: 54px;
	font-size: 26px;
    float: left;
}
.o2o-con-con-fr p{
    margin-top: 50px;
	font-size: 18px;
	color: #353535;
	line-height: 42px;
	width: 95%;
	padding-right: 5%;
	float: left;
}
.rlzy-con{
	float: left;
	width: 100%;
	background: url(../images/rlzy-bg.jpg) no-repeat;
	height: 931px;
}
.rlzy-con-con{
	float: left;
	width: 100%;
	background: url(../images/rlzy-bg2.jpg) no-repeat;
	height: 592px;
}
.rlzy-wz{
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #454545;
	font-size: 20px;
	line-height: 44px;
}
.rlzy-con-con-fl{
	float: left;
	margin-top: 100px;
	margin-left: 100px;
	width: 180px;
}
.rlzy-con-con-fl h1{
	font-size: 30px;
	font-weight: normal;
	color: #000000;
	padding-bottom: 28px;
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #014fd7;
	margin-bottom: 28px;
}

.rlzy-con-con-fl li {
  font-size: 22px;
  color: #2e2e2e;
  width: 140px;
  line-height: 35px; /* 列表项行高 */
  position: relative;
  padding-left: 30px; /* 给蓝色小方块留空间 */
  margin-left: 20px;
  float: left;
  margin-bottom: 12px;
}

/* 列表项前的蓝色小方块（匹配截图） */
.rlzy-con-con-fl li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #014fd7; /* 蓝色点点 */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* 点点垂直居中 */
}
.ywpt{
	background:#ececec;
	float: left;
	width: 100%;
}
.ywpt .img{
	float: left;
	padding-top: 100px;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;

}


/* 容器：居中+适配页面 */
.hr-function-container {
   width: 1013px;
   float: left;
   margin-left: 94px;
   padding-top: 70px;
   padding-bottom: 70px;
}

/* 单个职能模块：间距 */
.hr-function-module {
  margin-bottom: 60px; /* 两个模块之间的间距 */
  float: left;
  width: 100%;
}

/* 模块标题栏：蓝色背景+白色居中文字 */
.module-title {
  background-color: #014fd7; /* 和之前统一的蓝色 */
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  padding: 20px 0;
  margin: 0;
}

/* 网格布局：三列平分 */
.function-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  box-sizing: border-box;
  /* 去掉左侧border，改用子项outline衔接 */
  gap: 0; /* 确保列之间无间隙 */
}
.function-grid-6col {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  box-sizing: border-box;
  gap: 0;

}
/* 列标题：浅灰背景+加粗文字 */
.grid-header {
  background-color: #e6e6e6; /* 截图中的浅灰背景 */
  font-size: 18px;
  font-weight: bold;
  color: #2559a6;
  line-height: 50px;
  box-sizing: border-box;
  text-align: center;
  width: 100%; 
   box-sizing: border-box;
    /* 仅右侧虚线（加深颜色+强制生效） */
    border-right: 1px dashed #ccc !important;
    /* 仅保留底部实线，其他border清空 */
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    /* 去掉outline，仅用border-right */
    outline: none;
}

.grid-item {
  background-color: #f2f3f3 !important;
  font-size: 16px;
  color: #2559a6;
  text-align: center;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  /* 仅右侧虚线（颜色#999+!important，避免被背景覆盖） */
  border-right: 1px dashed #ccc !important;
  /* 仅保留底部实线，其他border清空 */
  border-bottom: 1px solid #ccc;
  border-top: none;
  border-left: none;
  /* 去掉outline，仅用border-right */
  outline: none;
}
/* 双行（偶数行）白色背景（明确声明border-right，避免覆盖） */
.function-grid:not(.function-grid-6col) .grid-item:nth-child(6n+4),
.function-grid:not(.function-grid-6col) .grid-item:nth-child(6n+5),
.function-grid:not(.function-grid-6col) .grid-item:nth-child(6n+6) {
  background-color: #fff !important;
  /* 重申border-right，确保白色背景下仍显示 */
  border-right: 1px dashed #ccc !important;
  border-bottom: 1px solid #ccc !important;
}
.function-grid-6col .grid-item:nth-child(12n+7),
.function-grid-6col .grid-item:nth-child(12n+8),
.function-grid-6col .grid-item:nth-child(12n+9),
.function-grid-6col .grid-item:nth-child(12n+10),
.function-grid-6col .grid-item:nth-child(12n+11),
.function-grid-6col .grid-item:nth-child(12n+12) {
  background-color: #fff !important;
  border-right: 1px dashed #ccc !important;
  border-bottom: 1px solid #ccc !important;
}

/* 最后一列移除右侧虚线（100%生效） */
/* 3列布局最后一列 */
.function-grid:not(.function-grid-6col) .grid-header:nth-child(3n),
.function-grid:not(.function-grid-6col) .grid-item:nth-child(3n) {
  border-right: none !important;
}
/* 6列布局最后一列 */
.function-grid-6col .grid-header:nth-child(6n),
.function-grid-6col .grid-item:nth-child(6n) {
  border-right: none !important;
}
/* 兜底：最后一个元素无右侧虚线 */
.function-grid .grid-header:last-child,
.function-grid .grid-item:last-child {
  border-right: none !important;
}
/*客户案例*/
.case-bg{
	background: #f8f8f8;
	float: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 50px;
}
/* 案例容器：适配360px卡片宽度，两行三列 */
.case-container {
  float: left;
  width: 100%;
}

/* 案例卡片：白色背景+阴影+内边距（图片和卡片的间距） */
.case-card {
  width: 390px;
  height: 470px;
  margin-bottom: 30px;
  float: left;
  margin-right: 15px;
  background: #fff !important; /* 强制白色背景 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 卡片阴影 */
  overflow: hidden;
  transition: box-shadow 0.3s ease;

  box-sizing: border-box; /* 内边距计入卡片宽度，避免整体变大 */
}
.case-card:nth-child(3n) {
  margin-right: 0 !important; /* !important 确保覆盖原有样式 */
}
/* hover时阴影加深 */
.case-card:hover {
   background: #014fd7 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  color: #fff;
  
}
.case-card:hover .case-desc a{ color: #fff;}
/* 案例图片容器：固定尺寸+flex居中 */
.case-img {

  width: 360px; /* 图片固定宽度 */
  height: 277px; /* 图片固定高度 */
  margin: 0 auto; /* 容器在卡片内水平居中 */
  display: flex; /* 让图片在容器内水平+垂直居中 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  overflow: hidden; /* 裁剪多余部分 */
  padding-top: 20px;
}

/* 图片：填充容器+保持比例 */
.case-img img {
  max-width: 100%; /* 不超出容器宽度 */
  max-height: 100%; /* 不超出容器高度 */
  object-fit: cover; /* 保持比例，填充容器 */
  width: 100%;
}

/* 案例文字区域：内边距+字体样式 */
.case-text {
  padding: 30px 0 20px; /* 文字和图片的间距，上下适配 */
  width: 330px;
  margin: 0 auto; /* 文字区域和图片对齐居中 */
}
.case-card:hover .case-title,.case-card:hover .case-desc{
	color: #fff;
}
/* 案例标题 */
/* 标题超链接：去掉默认下划线，hover时显示 */
.case-title {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  margin: 0 0 20px;
  line-height: 1.4;
 
  /* 超链接基础样式 */
  text-decoration: none; /* 去掉默认下划线 */
  display: block; /* 让链接占满整行，点击区域更大 */
  transition: color 0.3s ease;
}


/* 案例描述：超出2行省略 */
.case-desc {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  height:48px;
  overflow: hidden;
  
  
}
.case-desc a{ color: #666;}
.case-desc a:hover{color: #fff;}
/* 内容页容器：920px宽+白色背景+阴影边框+居中 */
.content-page {
  width:860px; /* 固定中间宽度920px */
  margin: 0 auto; /* 页面水平居中 */
  padding: 30px 60px; /* 内部上下30px、左右40px内边距，避免内容贴边 */
  background-color: #fff !important; /* 强制白色背景 */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* 柔和阴影，提升层次感 */
  border: 1px solid #eee; /* 浅灰色边框，匹配截图质感 */
  box-sizing: border-box; /* 内边距/边框计入宽度，避免整体超出920px */
}

/* 1. 面包屑导航：浅灰色文字，简洁样式 */
.breadcrumb {
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
}
.breadcrumb a {
  color: #999;
  text-decoration: none;
  transition: color 0.3s ease;
}
.breadcrumb a:hover {
  color: #014fd7; /*  hover变蓝色，和整体风格统一 */
}
.breadcrumb span {
  margin: 0 5px;
}

/* 2. 文章头部：标题+日期+分隔线 */
.article-header {
  margin-bottom: 30px;
}
/* 文章标题：大字体+加粗 */
.article-title {
  font-size: 24px;
  color: #333;
  line-height: 1.4;
  margin: 0 0 15px;
  font-weight: normal;
}
/* 文章日期：小字体+浅灰色 */
.article-date {
  font-size: 14px;
  color: #2f2f2f;
  margin: 0 0 10px;
}
/* 分隔线：浅蓝色，和之前的蓝色风格匹配 */
.article-line {
  height: 2px;
  background-color: #014fd7;
  width: 100%;
  margin-bottom: 20px;
}

/* 3. 正文内容容器：排版舒适 */
.article-content {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
/* 正文图片：自适应宽度+居中 */
.article-content img {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  display: block;
}
/* 正文段落：间距舒适 */
.article-content p {
  margin: 0 0 20px;
}
.branch-coverage{
	float: left;
	width: 100%;
	background: #e0e0e0;
	padding-top: 60px;
	padding-bottom: 60px;
}
.branch-title {
  background-color: #014fd7; /* 品牌蓝色，和导航/标题栏一致 */
  color: #fff;
  font-size: 20px;
  width: 220px;
  padding: 12px 20px; /* 标题内边距，避免文字贴边 */
  margin: 0 0 15px; /* 标题和内容的间距 */
}
/* 描述文字：和正文排版统一 */
.branch-desc {
  font-size: 18px;
  color: #353535; /* 和正文文字颜色一致 */
  line-height: 1.8; /* 阅读舒适的行高 */
  width: 76%;
  margin-top: 30px;
}
.map{
	background: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	float: left;
	width: 100%;
}
/* 地图容器：相对定位（作为卡片的基准）+ 背景图 */
.map-container {
  width:1055px; 
  height: 795px; /* 地图高度，可根据实际图片调整 */
  position: relative; /* 内部绝对定位的基准 */
  background: url("../images/map.jpg") no-repeat center/contain; /* 地图背景图，contain保证完整显示 */
  background-size: contain; /* 适配容器宽度，完整显示地图 */
  margin: 0 auto; /* 和上下模块的间距 */
  display: block;

}

/* 区域卡片：绝对定位+初始样式 */
.region-card {
  position: absolute; /* 基于map-container定位 */
  background-color: rgba(255, 255, 255, 0.8); /* 初始半透明白色背景 */
  padding: 12px 15px;
  min-width: 120px; /* 卡片最小宽度，避免文字挤在一起 */
  transition: all 0.3s ease; /* hover动画过渡 */
  width: 200px;
  height: 105px;
}

/* 区域标题：加粗+下划线，匹配截图 */
.region-title {
  font-size: 22px;
  color: #014fd7; /* 品牌蓝色标题 */
  padding-bottom: 8px;
  border-bottom: 1px solid #014fd7; /* 蓝色下划线 */
  margin-bottom: 5px;
}

/* 城市列表：常规样式 */
.region-cities {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

/* ========== 各区域卡片的定位（需根据实际地图微调top/left） ========== */
/* 西北区：地图左上方 */
.region-northwest {
  top: 29%;
  left: 18%;
}
/* 东北区：地图右上方 */
.region-northeast {
  top: 18%;
  left: 70%;
}
/* 华北区：地图中上方 */
.region-north {
  top: 42%;
  left: 42%;
}
/* 华东区：地图中右方 */
.region-east {
  top: 45%;
  left: 70%;
}
/* 西南区：地图左下方 */
.region-southwest {
  top: 52%;
  left: 10%;
}
/* 华中区：地图中下方 */
.region-central {
  top: 62%;
  left: 36%;
}
/* 华南区：地图右下方 */
.region-south {
  top: 80%;
  left: 65%;
}
/* 南海诸岛：地图右下角小图 */
.region-south-sea {
  top: 75%;
  right: 5%;
  width: 80px; /* 小图宽度 */
  height: auto;
  padding: 0;
  border: none;
  background: transparent; /* 小图无背景 */
}
.region-south-sea img {
  width: 100%;
}

/* ========== hover交互：卡片变蓝色+文字变白 ========== */
.region-card:hover {
  cursor: pointer;
  background-color: #014fd7 !important; /* 品牌蓝色背景 */
}
.region-card:hover .region-title {
  color: #fff; /* 标题变白 */
  border-bottom-color: #fff; /* 下划线变白 */
}
.region-card:hover .region-cities {
  color: #fff; /* 城市列表变白 */
}
.gs-bg{
	float: left;
	width: 100%;
	background: url(../images/about-gs-bg.jpg) #d6d6d6 no-repeat;
	height: 1145px;
}
.index-gs-bg{
	float: left;
	width: 100%;
	background: url(../images/index-gs-bg.jpg) #d6d6d6 no-repeat;
	height: 1372px;
}
.gs-tu{
	
	width: 1000px;
	height: 1185px;
	margin: 70px auto;
}
.zz-bg{
	background: #e4e4e4;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 60px;
}
/* 新增外层容器：居中+相对定位（放箭头），不设overflow */
.certificate-carousel-wrapper {
  width: 1200px; /* 和原轮播容器宽度一致 */
  margin:0 auto;
  position: relative; /* 箭头的定位基准改为外层 */
}

/* 原轮播容器：仅放证书，保留overflow:hidden（避免证书超出） */
.certificate-carousel {
  width: 1200px;
  height: 700px;
  position: relative;
  overflow: hidden; /* 仅裁剪证书，不影响外层箭头 */
 
}


/* 证书列表：绝对定位，层叠基准（无需改） */
.certificate-list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/* 证书项：绝对定位+过渡动画（无需改） */
.certificate-item {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 1;
  background: #fff;
  box-shadow: 0 8px 30px #ddd;
}

/* 证书图片样式（无需改） */
.certificate-item img {
  width: 100%;
  height: auto;
}

/* 箭头按钮：核心修改→移到1200px容器外侧 */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 25px;
  border: none;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.3s ease;
}
/* 左箭头：移到1200px容器左侧外（-60px，可微调） */
.prev-btn { 
  left: -60px; 
  background: url(../images/jt-l.png) no-repeat;
}
/* 右箭头：移到1200px容器右侧外（-60px，可微调） */
.next-btn { 
  right: -60px; 
  background: url(../images/jt-r.png) no-repeat;
}

/* 联动文字区域：适配1200px容器，宽度微调 */
.certificate-caption {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%; /* 适配1200px宽度，文字区域更协调 */
  text-align: center;
  background-color: #014fd7;
  height: 74px;
  line-height: 74px;
 }
#cert-caption-text {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}