@charset "gb2312";
/* =========================================================
   公司简介 / 技术人才 / 招聘信息 / 人才培训 统一样式
   与产品展示页风格统一：品牌蓝 + 白底圆角 + 卡片化
   ========================================================= */
/* 页面整体：防止隐藏控件（如日历 iframe）撑出横向滚动 */
html, body { overflow-x: hidden; }

/* =========================================================
   公司简介（about.asp）：视频自适应 + 正文排版
   ========================================================= */
/* 页面整体：防止隐藏控件（如日历 iframe）撑出横向滚动 */
html, body { overflow-x: hidden; }
/* 视频容器：固定 640x480 -> 自适应 4:3 圆角 */
.neiyeright .content div[style*="640px"] {
  width: 100% !important;
  max-width: 640px;
  height: auto !important;
  aspect-ratio: 4 / 3;
  margin: 0 auto 24px;
}
.neiyeright .content iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(31, 38, 48, .12);
}
/* 公司简介正文通用排版 */
.neiyeright .content h1,
.neiyeright .content h2,
.neiyeright .content h3,
.neiyeright .content h4 {
  color: #1e5aa8;
  font-weight: bold;
  line-height: 40px;
  margin: 18px 0 10px;
  padding-left: 12px;
  border-left: 4px solid #e8a33d;
  font-size: 20px;
}
.neiyeright .content p {
  font-size: 15px;
  line-height: 30px;
  color: #444c56;
  margin: 0 0 8px;
  text-align: justify;
}
.neiyeright .content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.neiyeright .content strong, .neiyeright .content b { color: #1e5aa8; }

/* =========================================================
   技术人才（jsrc.asp）：图文列表卡片
   ========================================================= */
/* 页面整体：防止隐藏控件（如日历 iframe）撑出横向滚动 */
html, body { overflow-x: hidden; }
.blockb {
  padding: 20px;
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #eceff3;
  border-left: 4px solid #2f6fc4;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(31, 38, 48, .05);
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  overflow: hidden;   /* clearfix */
}
.blockb:hover {
  box-shadow: 0 10px 26px rgba(31, 38, 48, .12);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  border-left-color: #e8a33d;
}
.blockb .leftimg {
  float: left;
  width: 200px;
  height: 260px;
  margin-right: 20px;
  overflow: hidden;
  border-radius: 6px;
  background: #f6f7f9;
}
.blockb .leftimg img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: top center;
  -webkit-transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
}
.blockb:hover .leftimg img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.blockb .righttxt { float: left; width: 556px; padding-top: 28px; }
.blockb .righttxt p {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blockb .righttxt p a {
  color: #2b3138;
  text-decoration: none;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}
.blockb .righttxt p a:hover { color: #1e5aa8; }
.blockb .righttxt .time {
  font-size: 12px;
  color: #8a93a0;
  margin: 0 0 8px;
  letter-spacing: 1px;
}
.blockb .righttxt span {
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #6b7480;
  max-height: 66px;
  overflow: hidden;
}
.blockb .more {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
  color: #1e5aa8;
  border: 1px solid #2f6fc4;
  border-radius: 14px;
  padding: 3px 16px;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.blockb .more:hover {
  background: #1e5aa8;
  color: #fff;
  box-shadow: 0 4px 12px rgba(30, 90, 168, .3);
}

/* =========================================================
   招聘信息 / 在线应聘（ypgw.asp + rc_bh.asp）
   ========================================================= */
/* 页面整体：防止隐藏控件（如日历 iframe）撑出横向滚动 */
html, body { overflow-x: hidden; }
/* ---- 岗位列表卡片 ---- */
table.p5l {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #eceff3 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff !important;
  margin-bottom: 4px;
  box-shadow: 0 2px 10px rgba(31, 38, 48, .05);
}
table.p5l td {
  border-bottom: 1px solid #f0f2f5;
  background: #fff !important;
  font-size: 14px;
  line-height: 24px;
  color: #3a4048;
  padding: 10px 16px !important;
}
table.p5l td .font8, table.p5l td.font8 { padding-left: 16px; }
table.p5l td div[align="center"] {
  color: #1e5aa8;
  font-weight: bold;
  font-size: 14px;
}
table.p5l a[href*="zw="] {
  display: inline-block;
  color: #fff !important;
  background: -webkit-linear-gradient(90deg, #1e5aa8, #2f6fc4) !important;
  background: linear-gradient(90deg, #1e5aa8, #2f6fc4) !important;
  border-radius: 4px;
  padding: 6px 22px;
  margin: 4px 15px 4px 0 !important;
  font-size: 14px;
  letter-spacing: 1px;
  box-shadow: 0 4px 12px rgba(30, 90, 168, .28);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
table.p5l a[href*="zw="]:hover {
  box-shadow: 0 6px 18px rgba(30, 90, 168, .42);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
/* 岗位分隔线隐藏 */
table[background="im/x1.gif"] { display: none; }

/* ---- 在线应聘表单 ---- */
.neiyeright .content form table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
}
.neiyeright .content .style1 {
  color: #1e5aa8;
  font-size: 14px;
  font-weight: normal;
  padding-right: 16px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
.neiyeright .content form table td { padding: 0; }
input.gwd_text, select.gwd_text, textarea.gwd_text {
  border: 1px solid #dfe3e8;
  border-radius: 4px;
  background: #fbfcfe;
  padding: 8px 12px;
  font-size: 14px;
  color: #3a4048;
  box-sizing: border-box;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
input.gwd_text:focus, select.gwd_text:focus, textarea.gwd_text:focus {
  border-color: #2f6fc4;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(47, 111, 196, .12);
  outline: none;
}
textarea.gwd_text { line-height: 22px; resize: vertical; }
input#dc1 {
  border: 1px solid #dfe3e8;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 14px;
  color: #3a4048;
}
.style8 { color: #e8a33d; }
input.sumbitn {
  background: #fff;
  border: 1px solid #dfe3e8;
  color: #555d66;
  padding: 9px 34px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  letter-spacing: 2px;
  margin: 8px 4px 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
input.sumbitn:hover {
  border-color: #1e5aa8;
  color: #1e5aa8;
  background: #f0f5fc;
}

/* =========================================================
   响应式
   ========================================================= */
/* 页面整体：防止隐藏控件（如日历 iframe）撑出横向滚动 */
html, body { overflow-x: hidden; }
@media (max-width: 990px) {
  .blockb .righttxt { width: 100%; float: none; margin-top: 12px; }
  .blockb .leftimg { width: 100%; height: 240px; margin: 0 0 12px; }
  .blockb .leftimg img { height: 240px; }
}
@media (max-width: 767px) {
  .blockb { padding: 14px; }
  .blockb .leftimg, .blockb .leftimg img { height: 210px; }
  .neiyeright .content div[style*="640px"] { margin-bottom: 16px; }
  .neiyeright .content .style1 { padding-right: 8px; font-size: 13px; }
}


/* ===== 鎶�鏈汉鎵嶈鎯呴〉锛堝悕鐗囧紡澶撮儴 + 宸﹀浘鍙虫枃锛�===== */
.techhero {
  text-align: center;
  padding: 34px 20px 26px;
  background: -webkit-linear-gradient(180deg, #f0f5fc, #ffffff);
  background: linear-gradient(180deg, #f0f5fc, #ffffff);
  border: 1px solid #eceff3;
  border-radius: 10px;
  margin-bottom: 22px;
}
.techavatar {
  width: 96px;
  height: 96px;
  margin: 0 auto 14px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #ffffff;
  box-shadow: 0 4px 14px rgba(31, 38, 48, .16);
  background: #f6f7f9;
}
.techavatar img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.techname { font-size: 28px; font-weight: bold; color: #2b3138; line-height: 40px; }
.techdivider { width: 48px; height: 3px; background: #e8a33d; margin: 10px auto 12px; border-radius: 2px; }
.techrole {
  display: inline-block;
  background: -webkit-linear-gradient(90deg, #1e5aa8, #2f6fc4);
  background: linear-gradient(90deg, #1e5aa8, #2f6fc4);
  color: #ffffff;
  padding: 5px 24px;
  border-radius: 16px;
  font-size: 14px;
  letter-spacing: 1px;
  box-shadow: 0 4px 12px rgba(30, 90, 168, .25);
}
/* 宸﹀浘鍙虫枃 */
.techmain { display: -webkit-flex; display: flex; gap: 24px; margin-bottom: 26px; }
.techphoto { -webkit-flex: 0 0 250px; flex: 0 0 250px; }
.techphoto img {
  width: 250px;
  height: 350px;
  object-fit: cover;
  object-position: top center;
  border-radius: 8px;
  border: 1px solid #eceff3;
  box-shadow: 0 2px 10px rgba(31, 38, 48, .08);
}
.techintro {
  -webkit-flex: 1; flex: 1;
  background: #f7f8fa;
  border: 1px solid #eceff3;
  border-radius: 8px;
  padding: 22px 26px;
}
.techintro .tmname { font-size: 22px; font-weight: bold; color: #1e5aa8; margin-bottom: 6px; line-height: 32px; }
.techintro .tmrole { color: #e8a33d; font-weight: bold; font-size: 15px; margin-bottom: 12px; }
.techintro .tmmeta { font-size: 13px; color: #8a93a0; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px dashed #dfe3e8; }
.techintro .tmtext { font-size: 14px; line-height: 26px; color: #555d66; }
.proshow .techfull { border-top: 1px solid #eceff3; padding-top: 18px; }
@media (max-width: 767px) {
  .techmain { -webkit-flex-direction: column; flex-direction: column; }
  .techphoto { -webkit-flex: none; flex: none; text-align: center; }
  .techphoto img { width: 100%; height: 320px; }
  .techintro { padding: 16px; }
}