/**
 * Learn More 了解更多页面样式文件
 * ---------------------------------------------
 * 本文件定义了解更多页面的所有样式
 * 包含：联系我们、关注我们、招聘入口等模块
 * 
 * @author WDWeb Team
 * @version 1.0
 */

/* ========================================
   页面主容器样式
   ======================================== */

/**
 * .learnMore 了解更多主容器
 * margin-top: 120px - 顶部间距
 */
.learnMore {
  margin-top: 120px;
}

/* ========================================
   联系我们区域样式
   ======================================== */

/**
 * .contact 联系我们容器
 * width: 1440px - 固定宽度
 * height: 400px - 固定高度
 * background: #2A4197 - 深蓝色背景
 * border-radius: 20px - 圆角
 * margin - 外边距
 * padding-top: 70px - 顶部内边距
 * padding-bottom: 80px - 底部内边距
 * text-align: center - 文字居中
 */
.contact {
  width: 1440px;
  height: 400px;
  background: #2a4197;
  border-radius: 20px;
  margin: 60px auto 120px;
  padding-top: 70px;
  padding-bottom: 80px;
  text-align: center;
}

/**
 * .contact h2 联系我们副标题
 * color: #fff - 白色
 * font-family: Microsoft YaHei - 微软雅黑
 * font-weight: bold - 粗体
 * font-size: 30px - 较大字号
 * line-height: 40px - 行高
 */
.contact h2 {
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
}

/**
 * .contact h1 联系电话
 * color: #fff - 白色
 * font-family: DINPro - 自定义字体
 * font-weight: bold - 粗体
 * font-size: 88px - 大字号
 * line-height: 100px - 行高
 */
.contact h1 {
  color: #fff;
  font-family: DINPro;
  font-weight: bold;
  font-size: 88px;
  line-height: 100px;
}

/**
 * .contact a 搜索入口链接
 * width: 878px - 固定宽度
 * height: 50px - 固定高度
 * color: #fff - 白色
 * border-radius: 25px - 圆角
 * border - 白色边框
 * margin: auto - 水平居中
 * cursor: pointer - 手型光标
 * margin-top: 50px - 顶部间距
 */
.contact a {
  width: 878px;
  height: 50px;
  color: #fff;
  border-radius: 25px;
  border: 1px solid #fff;
  margin: auto;
  cursor: pointer;
  margin-top: 50px;
}

/**
 * .contact a button 搜索按钮
 * background: #fff - 白色背景
 * border-radius: 25px 0px 0px 25px - 左侧圆角
 * width: 194px - 固定宽度
 * height: 48px - 固定高度
 * cursor: pointer - 手型光标
 * color: #2A4197 - 深蓝色
 */
.contact a button {
  background: #fff;
  border-radius: 25px 0px 0px 25px;
  width: 194px;
  height: 48px;
  cursor: pointer;
  color: #2a4197;
}

/**
 * .contact a input 搜索输入框
 * width: 684px - 固定宽度
 * height: 48px - 固定高度
 * border-radius: 0px 25px 25px 0px - 右侧圆角
 * background: #2A4197 - 深蓝色背景
 * text-indent: 2em - 首行缩进
 * color: #fff - 白色
 */
.contact a input {
  width: 684px;
  height: 48px;
  border-radius: 0px 25px 25px 0px;
  background: #2a4197;
  text-indent: 2em;
  color: #fff;
}

/* ========================================
   关注我们区域样式
   ======================================== */

/**
 * .lineMore 关注我们容器
 * width: 1440px - 固定宽度
 * background: #fff - 白色背景
 * box-shadow - 阴影效果
 * margin: auto - 水平居中
 * border-top: 10px solid #2A4197 - 顶部深蓝色边框
 * text-align: center - 文字居中
 * padding: 50px 0 - 上下内边距
 */
.lineMore {
  width: 1440px;
  background: #fff;
  box-shadow: 0px 3px 7px 0px rgba(42, 65, 151, 0.26);
  margin: auto;
  border-top: 10px solid #2a4197;
  margin: 60px auto 120px;
  text-align: center;
  padding: 50px 0;
}

/**
 * .lineMoreItem span 关注项标题
 * display: block - 块级显示
 * margin-top: 20px - 顶部间距
 * color: #2A4197 - 深蓝色
 * font-size: 24px - 较大字号
 * font-weight: 600 - 半粗体
 */
.lineMoreItem span {
  display: block;
  margin-top: 20px;
  color: #2a4197;
  font-size: 24px;
  font-weight: 600;
}

/* ========================================
   招聘入口区域样式
   ======================================== */

/**
 * .recruitment 招聘区域
 * margin-top: 80px - 顶部间距
 * background: #F0F6FF - 浅蓝色背景
 */
.recruitment {
  margin-top: 80px;
  background: #f0f6ff;
}

/**
 * .recruitment img 招聘图片
 * width: 1057px - 固定宽度
 * height: 500px - 固定高度
 * border-radius: 0 - 无圆角
 */
.recruitment img {
  width: 1057px;
  height: 500px;
  border-radius: 0;
}

/**
 * .recruitmentText 招聘文字区域
 * padding-left: 54px - 左侧内边距
 * padding-right: 274px - 右侧内边距
 * padding-top: 90px - 顶部内边距
 * padding-bottom: 90px - 底部内边距
 */
.recruitmentText {
  padding-left: 54px;
  padding-right: 274px;
  padding-top: 90px;
  padding-bottom: 90px;
}

/**
 * .recruitmentText h1 招聘标题
 * border-left - 左侧蓝色装饰线
 * font-size: 30px - 较大字号
 * font-weight: 600 - 半粗体
 * line-height: 40px - 行高
 * padding-left: 18px - 左侧内边距
 * margin-bottom: 28px - 底部间距
 */
.recruitmentText h1 {
  border-left: 8px solid #2a4197;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  padding-left: 18px;
  margin-bottom: 28px;
}

/**
 * .recruitmentText p 招聘描述
 * margin-bottom: 60px - 底部间距
 */
.recruitmentText p {
  margin-bottom: 60px;
}

/* ========================================
   按钮组样式
   ======================================== */

/**
 * .btnGroup a 按钮链接
 * width: 200px - 固定宽度
 * height: 70px - 固定高度
 * line-height: 70px - 行高等于高度
 * border-radius: 10px - 圆角
 * text-align: center - 文字居中
 * display: block - 块级显示
 */
.btnGroup a {
  width: 200px;
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  text-align: center;
  display: block;
}

/**
 * .primary 主要按钮样式
 * background: #2A4197 - 深蓝色背景
 * font-size: 24px - 较大字号
 * color: #fff - 白色文字
 */
.primary {
  background: #2a4197;
  font-size: 24px;
  color: #fff;
}

/**
 * .plain 朴素按钮样式
 * border - 深蓝色边框
 * color: #2A4197 - 深蓝色文字
 */
.plain {
  border: 2px solid #2a4197;
  color: #2a4197;
}

/**
 * .btnGroup a+a 相邻按钮
 * margin-left: 36px - 左侧间距
 */
.btnGroup a + a {
  margin-left: 36px;
}