/* 全局样式重置 */
/* 重置所有HTML元素的内外边距，确保在不同浏览器中表现一致 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button,
input, textarea, th, td { margin:0; padding:0; }

/* 设置默认字体样式，使用tahoma、arial和宋体作为备选字体 */
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }

/* 设置标题字体大小为100%，避免浏览器默认的标题字体大小 */
h1, h2, h3, h4, h5, h6{ font-size:100%; }

/* 重置斜体文本样式，将所有斜体元素设为正常字体 */
address, cite, dfn, em, var { font-style:normal; }

/* 设置代码类元素的字体，使用等宽字体确保代码显示一致 */
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }

/* 设置小字体大小为12px */
small{ font-size:12px; }

/* 移除列表元素的默认样式，不显示项目符号 */
ul, ol { list-style:none; }

/* 移除链接的下划线 */
a { text-decoration:none; }

/* 悬停时保持链接样式不变，不显示下划线 */
a:hover { text-decoration:none; }

/* 设置上标文本位置 */
sup { vertical-align:text-top; }

/* 设置下标文本位置 */
sub{ vertical-align:text-bottom; }

/* 设置图例颜色为黑色 */
legend { color:#000; }

/* 移除字段集和图片的边框 */
fieldset, img { border:0; }

/* 设置表单元素字体大小为100%，与其他文本保持一致 */
button, input, select, textarea { font-size:100%; }

/* 设置表格边框合并，单元格之间没有间距 */
table { border-collapse:collapse; border-spacing:0; }

/* 清除浮动的工具类 */
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

/* 清除浮动的另一种工具类 */
.clear {
  clear: both;
}

/* 网站整体布局设置 */
/* 设置页面最小宽度为1200px，确保内容在大屏幕上有足够空间 */
body,html{
  min-width: 1200px;
}

/* 设置页面背景颜色为浅灰色 */
body{
  background: #F6F6F6;
}

/* 头部样式 */
header{}

/* 顶部导航栏样式 */
header .top-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
}

/* 网站标题样式 */
header .top-box h1{
  font-size: 36px;
  color: rgb(31, 135, 232);
}

/* 修改顶部右侧区域样式，使用 justify-content: space-between 实现两端对齐 */
header .top-box .r-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; /* 确保 r-box 占据整个父元素的宽度 */
}

/* 顶部左侧LOGO */
header .top-box .r-box .logo-box{
    display: flex;
    align-items: center;
    margin-left: 70px;
}

/* 顶部中间图片跳转，添加 margin: 0 auto 实现居中 */
header .top-box .r-box .tiaozhuan-box{
    display: flex;
    align-items: center;
    margin: 0 auto;
}

/* 联系信息区域样式 */
header .top-box .r-box .contact-box{
    display: flex;
    align-items: center;
    margin-right: 70px; /* 可根据需要调整右侧边距 */
}

/* 联系信息图标样式 */
header .top-box .r-box .contact-box img{
  display: block;
  width: 47px;
  height: auto;
}

/* 联系信息文本区域样式 */
header .top-box .r-box .contact-box .txt{
  margin-left: 30px;
  line-height: 26px;
}

/* 联系信息第一行文本样式 */
header .top-box .r-box .contact-box .txt .txt1{
  font-size: 20px;
  color: rgb(0, 160, 233);
}

/* 联系信息第二行文本样式 */
header .top-box .r-box .contact-box .txt .txt2{
  font-size: 14px;
  color: rgb(89, 89, 89);
}

/* 导航栏样式 */
header .nav {
  background: #009FE9;
  height: 50px;
}

/* 导航栏内容区域样式 */
header .nav .page-box{
  display: flex;
  align-items: center;
}

/* 导航项基本样式 */
header .nav .nav-item{
  display: block;
  font-size: 16px;
  color: #ffffff;
  line-height: 50px;
  min-width: 100px;
  padding: 0 20px;
  text-align: center;
  margin-right: 10px;
}

/* 激活状态和悬停状态的导航项样式 */
header .nav .nav-item.active, header .nav .nav-item:hover{
  background: #0094D9;
}

/* 第一个导航项特殊样式 */
header .nav .nav-item.first-item{
  width: 220px;
  padding: 0;
  margin-right: 50px;
}

/* 导航列表样式 */
header .nav .list{
  display: flex;
  align-items: center;
}

/* 页脚样式 */
footer {}

/* 页脚导航栏样式 */
footer .footer-nav{
  background: #009FE9;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: center;
}

/* 页脚导航项样式 */
footer .footer-nav .item{
  display: block;
  font-size: 16px;
  color: #ffffff;
  line-height: 50px;
  min-width: 100px;
  padding: 0 20px;
  text-align: center;
}

/* 版权信息区域样式 */
footer .copyright{
  background: #333333;
  padding: 30px 0;
  text-align: center;
  font-size: 14px;
  color: #CCCCCC;
}

/* 版权信息链接样式 */
footer .copyright a{
  font-size: 14px;
  color: #CCCCCC;
}

/* 返回顶部按钮样式 */
.backToTop{
  background: url(../image/top-icon.png) no-repeat center center;
  background-size: 50px 50px;
  position: fixed;
  right: 57px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

/* 页面布局辅助类 */
/* 页面主要内容区域宽度设置，水平居中 */
.page-box{
  width: 1200px;
  margin: 0 auto;
}

/* 页面标题样式 */
.page-title{
  height: 46px;
  line-height: 46px;
  color: #009fe9;
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
}

/* 页面标题内部文本样式 */
.page-title p{
  display: inline-block;
  padding: 0 10px;
  border-bottom: 1px solid #009fe9;
}

/* 首页第一部分样式 */
.index-box1{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}

/* 首页轮播图区域样式 */
.index-box1 .indexbanner{
  width: 900px;
  height: 400px;
  overflow: hidden;
}

/* 轮播图容器样式 */
.index-box1 .swiper-container .swiper-slide{
  width: 100% !important;
}

/* 轮播图链接样式 */
.index-box1 .swiper-container .swiper-slide a{
  display: block;
  width: 100%;
}

/* 轮播图图片样式 */
.index-box1 .swiper-container a img{
  display: block;
  width: 100%;
  height: auto;
}

/* 首页右侧内容区域样式 */
.index-box1 .box1-right{
  width: 250px;
  background: #ffffff;
}

/* 右侧区域标题样式 */
.index-box1 .box1-right .title{
  height: 46px;
  line-height: 46px;
  color: #009fe9;
  border-bottom: 1px solid #eaeaea;
}

/* 右侧区域标题内部文本样式 */
.index-box1 .box1-right .title p{
  display: inline-block;
  padding: 0 10px;
  border-bottom: 1px solid #009fe9;
}

/* 右侧区域内容盒子样式 */
.index-box1 .box1-right .box{
  padding: 5px;
}

/* 右侧区域项目列表样式 */
.index-box1 .box1-right .box .item{
  display: block;
  padding: 3px 5px;
  border-bottom: 1px dashed #e5e5e5;
  line-height: 40px;
  color: #666666;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 最后一个项目的特殊样式，移除底部边框 */
.index-box1 .box1-right .box .item:last-child{
  border-bottom: none;
}

/* 项目悬停样式 */
.index-box1 .box1-right .box .item:hover{
  color: #009fe9;
}

/* 首页第二部分样式 */
.index-box2 .box2-top{
  height: 100px;
  background: url(../image/index-box2-bg.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  margin-top: 40px;
}

/* 顶部数据统计盒子样式 */
.index-box2 .box{
  flex: 1;
  text-align: center;
  padding: 0 20px;
  font-size: 16px;
  color: rgb(68, 68, 68);
}

/* 数据统计数值样式 */
.index-box2 .box span{
  font-size: 36px;
  color: rgb(0, 159, 233);
}

/* 底部图片区域样式 */
.index-box2 .box2-bottom{
  background: #ffffff;
  padding: 20px;
  display: flex;
}

/* 左侧大图样式 */
.index-box2 .box2-bottom .l-img{
  display: block;
  width: 234px;
  height: auto;
  margin-right: 20px;
}

/* 右侧图片列表样式 */
.index-box2 .box2-bottom .img-list{
  display: flex;
  flex-wrap: wrap;
}

/* 图片列表中图片样式 */
.index-box2 .box2-bottom .img-list img{
  display: block;
  width: 210px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}

/* 每行最后一个图片特殊样式，移除右侧边距 */
.index-box2 .box2-bottom .img-list img:nth-child(4n){
  margin-right: 0;
}

/* 底部两行图片特殊样式，移除底部边距 */
.index-box2 .box2-bottom .img-list img:nth-child(5){
  margin-bottom: 0;
}
.index-box2 .box2-bottom .img-list img:nth-child(6){
  margin-bottom: 0;
}
.index-box2 .box2-bottom .img-list img:nth-child(7){
  margin-bottom: 0;
}
.index-box2 .box2-bottom .img-list img:nth-child(8){
  margin-bottom: 0;
}

/* 首页第三部分样式 */
.index-box3 {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

/* 第三部分列表盒子样式 */
.index-box3 .box3-list{
  width: 31.5%;
}

/* 列表标题样式 */
.index-box3 .box3-list .list-title{
  height: 46px;
  line-height: 46px;
  color: #009fe9;
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
}

/* 列表标题内部文本样式 */
.index-box3 .box3-list .list-title p{
  display: inline-block;
  padding: 0 10px;
  border-bottom: 1px solid #009fe9;
}

/* 列表内容区域样式 */
.index-box3 .box3-list .list , .index-box3 .box3-list .teacher-list{
  padding-top: 20px;
}

/* 列表项目样式 */
.index-box3 .box3-list .list .item{
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #e5e5e5;
  height: 50px;
  color: #555555;
  font-size: 15px;
}

/* 列表项目悬停样式 */
.index-box3 .box3-list .list .item:hover{
  color: #0094D9;
}

/* 列表项目文本部分样式 */
.index-box3 .box3-list .list .item .txt1{
  flex: 1;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 教师列表项目样式 */
.index-box3 .box3-list .teacher-list .teacher{
  display: flex;
  margin-bottom: 15px;
} 

/* 最后一个教师项目特殊样式，移除底部边距 */
.index-box3 .box3-list .teacher-list .teacher:last-child{
  margin-bottom: 0;
}

/* 教师图片区域样式 */
.index-box3 .box3-list .teacher-list .teacher .img-box{
  width: 110px;
  height: 110px;
  overflow: hidden;
}

/* 教师图片样式 */
.index-box3 .box3-list .teacher-list .teacher .img-box img{
  display: block;
  width: 100%;
}

/* 教师信息文本区域样式 */
.index-box3 .box3-list .teacher-list .teacher .txt-box{
  background: #ffffff;
  flex: 1;
  padding: 20px 40px;
  font-size: 14px;
  color: #666666;
}

/* 教师姓名样式 */
.index-box3 .box3-list .teacher-list .teacher .txt-box .txt1{
  font-size: 16px;
  color: #0094D9;
  margin-bottom: 10px;
}

/* 教师简介样式 */
.index-box3 .box3-list .teacher-list .teacher .txt-box .txt2{}

/* 首页第四部分样式 */
.index-box4 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
}

/* 课程项目样式 */
.index-box4 .curriculum-item{
  width: 215px;
  margin-right: 31.25px;
  margin-bottom: 31.25px;
  cursor: pointer;
}

/* 每行最后一个课程项目特殊样式，移除右侧边距 */
.index-box4 .curriculum-item:nth-child(5n){
  margin-right: 0;
}

/* 课程图片区域样式 */
.index-box4 .curriculum-item .img-box{
  width: 100%;
  height: 140px;
  overflow: hidden;
}

/* 课程图片样式 */
.index-box4 .curriculum-item .img-box img{
  display: block;
  width: 100%;
}

/* 课程信息文本区域样式 */
.index-box4 .curriculum-item .txt-box{
  background: #ffffff;
  padding: 10px 10px 20px;
  text-align: center;
}

/* 课程标题样式 */
.index-box4 .curriculum-item .txt-box .txt1{
  font-size: 16px;
  color: rgb(0, 160, 233);
  margin-bottom: 15px;
  text-align: center;
}

/* 课程简介样式 */
.index-box4 .curriculum-item .txt-box .txt2{
  text-align: center;
  color: rgb(136, 136, 136);
  font-size: 12px;
  line-height: 20px;
}

/* 课程标签样式 */
.index-box4 .curriculum-item .txt-box .txt3{
  display: inline-block;
  margin: 15px auto 0;
  border: 1px solid #cccccc;;
  text-align: center;
  border-radius: 40px;
  color: rgb(136, 136, 136);
  font-size: 12px;
  line-height: 26px;
  padding: 0 10px;
}

/* 首页第五部分样式 */
.index-box5 {
  margin-top: 50px;
}

/* 教师列表样式 */
.index-box5 .teachers {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* 教师卡片样式 */
.index-box5 .teachers .teacher{
  width: 215px;
  margin-right: 31.25px;
  margin-bottom: 31.25px;
  background: #ffffff;
  padding-top: 40px;
}

/* 每行最后一个教师卡片特殊样式，移除右侧边距 */
.index-box5 .teachers .teacher:nth-child(5n){
  margin-right: 0;
}

/* 教师图片区域样式 */
.index-box5 .teachers .img-box{
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

/* 教师图片样式 */
.index-box5 .teachers .img-box img{
  display: block;
  width: 100%;
}

/* 教师信息文本区域样式 */
.index-box5 .teachers .txt-box{
  min-height: 100px;
  padding: 20px;
  text-align: center;
}

/* 教师姓名样式 */
.index-box5 .teachers .txt-box .txt1{
  font-size: 16px;
  color: #0094D9;
}

/* 首页第六部分样式 */
.index-box6{
  margin-top: 20px;
}

/* 流程列表样式 */
.index-box6 .lc-list{
  padding-top: 100px;
  display: flex;
  background: url(../image/line-bg.png) no-repeat center 120px;
  background-size: auto 61px;
}

/* 流程项目样式 */
.index-box6 .lc-list .lc-item{
  flex: 1;
  padding: 0 40px;
  text-align: center;
}

/* 流程图标样式 */
.index-box6 .lc-list .lc-item img{
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto;
}

/* 流程标题样式 */
.index-box6 .lc-list .lc-item .txt1{
  color: rgb(51, 51, 51);
  font-size: 18px;
  margin: 40px 0 20px;
}

/* 流程描述样式 */
.index-box6 .lc-list .lc-item .txt2{
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}

/* 友情链接区域样式 */
.link-list{
  font-size: 14px;
  color: #888888;
  padding: 50px 0;
}

/* 友情链接样式 */
.link-list a{
  font-size: 14px;
  color: #888888;
  margin-right: 5px;
}

/* 遮罩层样式 */
.mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 8;
  display: none;
}

/* 遮罩层内容区域样式 */
.mask .mask-box{
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 50px;
}

/* 遮罩层关闭按钮样式 */
.mask .mask-box .closemask{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(../image/close.png) no-repeat center center;
  background-size: 100% auto;
  cursor: pointer;
}

/* 遮罩层标题样式 */
.mask .mask-box h2{
  text-align: center;
  font-size: 20px;
  text-align: center;
  color: #666666;
  font-weight: normal;
}

/* 表单样式 */
.form{
  padding-top: 30px;
}

/* 表单项目样式 */
.form .form-item {
  width: 600px;
  margin-bottom: 20px;
}

/* 表单标签样式 */
.form .form-item .label{
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}

/* 表单输入框容器样式 */
.form .form-item .input-box{
  position: relative;
  padding-right: 20px;
}

/* 必填项表单输入框容器特殊样式，添加红色星号标识 */
.form .form-item.required .input-box::after{
  content: '*';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: red;
}

/* 表单输入框样式 */
.form .form-item .input-box input{
  display: block;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #DADADA;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  padding: 0 10px;
  outline: none;
}

/* 表单文本域样式 */
.form .form-item .input-box textarea{
  display: block;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #DADADA;
  line-height: 20px;
  height: 102px;
  box-sizing: border-box;
  padding: 5px 10px;
  outline: none;
}

/* 表单提交按钮样式 */
.form .submitBtn{
  display: block;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  width: 230px;
  background: url(../image/red_middle.png) 0 repeat-x;
  background-color: #f54f4f;
}

/* 轮播图样式 */
.banner{
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}

/* 轮播图图片样式 */
.banner img{
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 分页器样式 */
.pager-list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* 分页按钮样式 */
.pager-list .btn{
  display: block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #EFEBEC;
  background: #ffffff;
  text-align: center;
  color: #666;
  padding: 0 12px;
  margin: 0 5px 5px;
}

/* 激活状态和悬停状态的分页按钮样式 */
.pager-list .btn.active, .pager-list .btn:hover{
  background: #0094D9;
  color: #ffffff;
  border-color: #0094D9;
}

/* 简介页面第一部分样式 */
.intro-box1{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 0 0;
}

/* 简介项目样式 */
.intro-box1 .item{
  width: 50%;
  margin-bottom: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

/* 偶数简介项目特殊样式，设置左侧内边距 */
.intro-box1 .item:nth-child(2n){
  padding-left: 25px;
}

/* 奇数简介项目特殊样式，设置右侧内边距 */
.intro-box1 .item:nth-child(2n - 1){
  padding-right: 25px;
}

/* 简介项目左侧区域样式 */
.intro-box1 .item .item-l {
  margin-right: 34px;
}

/* 简介项目左侧图标样式 */
.intro-box1 .item .item-l img{
  display: block;
  width: 142px;
  height: auto;
  margin-bottom: 20px;
}

/* 简介项目左侧标题样式 */
.intro-box1 .item .item-l p{
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

/* 简介项目右侧文本区域样式 */
.intro-box1 .item .item-r{
  flex: 1;
  color: #666666;
  line-height: 40px;
  font-size: 14px;
}

/* 简介页面第二部分样式 */
.intro-box2 {
  background: #ffffff;
  padding: 80px 0;
}

/* 第二部分标题样式 */
.intro-box2 .box2-title{
  text-align: center;
  color: rgb(0, 160, 233);
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 80px;
}

/* 第二部分内容区域样式 */
.intro-box2 .page-box{
  display: flex;
  flex-wrap: wrap;
}

/* 第二部分项目样式 */
.intro-box2 .box2-item{
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 30px;
  text-align: center;
}

/* 第二部分项目图片区域样式 */
.intro-box2 .box2-item .img-box{
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 40px;
}

/* 第二部分项目图片样式 */
.intro-box2 .box2-item .img-box img{
  display: block;
  width: 100%;
  height: auto;
}

/* 第二部分项目标题样式 */
.intro-box2 .box2-item .txt1{
  color: rgb(68, 68, 68);
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

/* 第二部分项目描述样式 */
.intro-box2 .box2-item .txt2{
  line-height: 30px;
  font-size: 14px;
  color: rgb(119, 119, 119);
}

/* 简介页面第三部分样式 */
.intro-box3 {
  padding: 80px 0;
}

/* 第三部分标题样式 */
.intro-box3 .box3-title{
  text-align: center;
  color: rgb(0, 160, 233);
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* 第三部分副标题样式 */
.intro-box3 .box3-s-title{
  line-height: 24px;
  color: rgb(102, 102, 102);
  font-size: 16px;
  text-align: center;
  margin-bottom: 100px;
}

/* 第三部分列表区域样式 */
.intro-box3 .box3-list{
  width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background: url(../image/line-bg2.png) no-repeat center 0;
  background-size: 670px auto;
}

/* 第三部分列表项目样式 */
.intro-box3 .box3-list .item{
  color: #666666;
  font-size: 14px;
  text-align: center;
}

/* 第三部分列表项目图标样式 */
.intro-box3 .box3-list .item img{
  display: block;
  height: 62px;
  width: auto;
  margin: 0 auto 20px;
}

/* 产品页面样式 */
.product-container{
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}

/* 产品页面左侧区域样式 */
.product-container .p-l{
  width: 220px;
}

/* 左侧区域标题样式 */
.product-container .p-l .title{
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  color: #ffffff;
  background: #0094D9;
  font-size: 16px;
}

/* 左侧分类列表样式 */
.product-container .p-l .classify-list{
  background: #ffffff;
  padding: 0 10px;
}

/* 分类列表项目样式 */
.product-container .p-l .classify-list .item{
  border-bottom: 1px dashed #d9d9d9;
  cursor: pointer;
  line-height: 60px;
  padding: 0 5px;
  font-size: 14px;
  color: #666666;
}

/* 最后一个分类项目特殊样式，移除底部边框 */
.product-container .p-l .classify-list .item:last-child{
  border-bottom: none;
}

/* 激活状态的分类项目样式 */
.product-container .p-l .classify-list .item.active{
  color: #0094D9;
}

/* 分类项目悬停样式 */
.product-container .p-l .classify-list .item:hover{
  color: #0094D9;
}

/* 产品页面右侧区域样式 */
.product-container .p-r{
  width: 950px;
}

/* 产品项目样式 */
.product-container .p-r .product-item{
  width: 100%;
  margin-bottom: 40px;
  border: 1px solid #EFEBEC;
  box-sizing: border-box;
  padding: 35px;
  display: flex;
  align-items: flex-end;
  background: #ffffff;
}

/* 产品项目左侧区域样式 */
.product-container .p-r .product-item .item-l{
  flex: 1;
  margin-right: 50px;
}

/* 产品项目标题样式 */
.product-container .p-r .product-item .item-l .tit{
  line-height: 30px;
  color: rgb(0, 160, 233);
  font-size: 18px;
}

/* 产品项目描述样式 */
.product-container .p-r .product-item .item-l .content{
  line-height: 30px;
  color: #666666;
  font-size: 15px;
}

/* 产品项目报名按钮样式 */
.product-container .p-r .product-item .ljbm{
  background: #00a0e9;
  font-size: 16px;
  width: 126px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

/* 提交信息页面样式 */
.submitinfo-box1{
  background: #ffffff;
  box-sizing: border-box;
  padding: 50px 100px;
  margin: 50px auto;
}

/* 提交信息页面标题样式 */
.submitinfo-box1 h4{
  color: #0094D9;
}

/* 提交信息页面表单项目样式 */
.submitinfo-box1 .form .form-item {
  width: 100%;
  display: flex;
}

/* 提交信息页面表单标签样式 */
.submitinfo-box1 .form .form-item .label{
  width: 80px;
  text-align: right;
  margin-right: 20px;
}

/* 提交信息页面表单输入框容器样式 */
.submitinfo-box1 .form .form-item .input-box{
  flex: 1;
}

/* 提交信息页面表单提交按钮样式 */
.submitinfo-box1 .form .submitBtn{
  width: 300px;
  margin: 0 auto;
}

/* 新闻页面样式 */
.news-container1{
  margin: 80px auto 40px;
}

/* 新闻盒子样式 */
.news-box{
  background: #ffffff;
  border: 1px solid #EBE6E6;
}

/* 新闻列表样式 */
.news-list{
  padding: 5px;
}

/* 新闻项目样式 */
.news-list .news-item{
  display: flex;
  align-items: center;
  line-height: 24px;
  height: 55px;
  padding: 0 10px;
  border-bottom: 1px dashed #e5e5e5;
}

/* 最后一个新闻项目特殊样式，移除底部边框 */
.news-list .news-item:last-child{
  border-bottom: none;
}

/* 新闻项目悬停样式 */
.news-list .news-item:hover .name,.news-list .news-item:hover .time{
  color: #0094D9;
}

/* 新闻项目标题样式 */
.news-list .news-item .name{
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #666666;
  margin-right: 20px;
}

/* 新闻项目时间样式 */
.news-list .news-item .time{
  font-size: 14px;
  color: #666666;
}

/* 新闻页面第二部分样式 */
.news-container2 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 80px;
}

/* 新闻盒子样式 */
.news-container2 .news-box{
  width: 49%;
  margin-right: 2%;
}

/* 第二个新闻盒子特殊样式，移除右侧边距 */
.news-container2 .news-box:nth-child(2){
  margin-right: 0;
}

/* 详情页面样式 */
.details-container{
  background: #ffffff;
  margin: 20px auto;
  padding: 10px;
}

/* 详情页面顶部区域样式 */
.details-container .top{
  border-bottom: 1px dashed #e5e5e5;
  padding-bottom: 10px;
}

/* 详情页面标题样式 */
.details-container .top .title{
  font-size: 25px;
  line-height: 34px;
  color: #333;
  text-align: left;
  font-weight: 400;
  margin-bottom: 15px;
}

/* 详情页面时间样式 */
.details-container .top .time{
  font-size: 14px;
  color: #adadad;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 详情页面内容区域样式 */
.details-container .details-content{
  padding: 20px 0;
  font-size: 14px;
  line-height: 24px;
  color: #676767;
  border-bottom: 1px dashed #e5e5e5;
}

/* 详情页面分享区域样式 */
.details-container .share{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  color: #666666;
  padding: 20px 0;
}

/* 详情页面分享盒子样式 */
.details-container .share .share-box{
}

/* 搜索结果页面样式 */
.searchresult{
  margin: 20px auto;
  background: #ffffff;
  border: 1px solid #EBE6E6;
  padding-bottom: 20px;
}

/* 搜索结果列表样式 */
.searchresult .result-list{
  display: flex;
  flex-wrap: wrap;
  padding: 20px 10px;
}

/* 搜索结果项目样式 */
.searchresult .result-list .result-item{
  display: block;
  width: 9.1%;
  margin-right: 1%;
  color: #666666;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* 搜索结果项目图片区域样式 */
.searchresult .result-list .result-item .img-box{
  width: 100%;
  height: 150px;
  overflow: hidden;
}

/* 搜索结果项目图片样式 */
.searchresult .result-list .result-item .img-box img{
  display: block;
  width: 100%;
}

/* 每行最后一个搜索结果项目特殊样式，移除右侧边距 */
.searchresult .result-list .result-item:nth-child(10n){
  margin-right: 0;
}

/* 搜索结果详情页面样式 */
.resultdetail{
  margin: 20px auto;
  background: #ffffff;
  border: 1px solid #EBE6E6;
  padding-bottom: 20px;
}

/* 搜索结果详情页面第一部分样式 */
.resultdetail .box1{
  display: flex;
  align-items: flex-start;
  padding: 20px 10px;
}

/* 搜索结果详情页面图片区域样式 */
.resultdetail .box1 .img-box{
  width: 150px;
  margin-right: 50px;
}

/* 搜索结果详情页面图片样式 */
.resultdetail .box1 .img-box img{
  display: block;
  width: 100%;
}

/* 搜索结果详情页面右侧区域样式 */
.resultdetail .box1 .right{
  flex: 1;
}

/* 搜索结果详情页面右侧顶部区域样式 */
.resultdetail .box1 .right .top{
  border-bottom: 1px solid #EBE6E6;
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #585858;
  font-size: 20px;
  word-break: break-word;
  height: 50px;
}

/* 搜索结果详情页面二维码区域样式 */
.resultdetail .box1 .right .top .qr-code{
  position: relative;
}

/* 搜索结果详情页面二维码图标样式 */
.resultdetail .box1 .right .top .qr-code .icon{
  display: block;
  width: 18px;
  margin-left: 10px;
}

/* 搜索结果详情页面二维码内容样式 */
.resultdetail .box1 .right .top .qr-code .code{
  display: none;
  position: absolute;
  top: 0;
  right: -140px;
  width: 130px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  background: #ffffff;
  line-height: 30px;
}

/* 搜索结果详情页面二维码图片样式 */
.resultdetail .box1 .right .top .qr-code .code img{
  display: block;
  width: 100%;
}

/* 搜索结果详情页面二维码悬停样式 */
.resultdetail .box1 .right .top .qr-code:hover .code{
  display: block;
}

/* 搜索结果详情页面右侧内容区域样式 */
.resultdetail .box1 .right .r-content{
  padding: 20px 40px;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

/* 搜索结果详情页面第二部分样式 */
.resultdetail .box2{
  padding: 20px 10px;
}

/* 搜索结果详情页面导航样式 */
.resultdetail .box2 .box2-nav{
  display: flex;
  border-bottom: 1px solid #0094D9;
}

/* 搜索结果详情页面导航项目样式 */
.resultdetail .box2 .box2-nav .nav-item{
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px;
  line-height: 36px;
  height: 36px;
  background: #ffffff;
  border-top: 2px solid #0094D9;
  border-right: 1px solid #0094D9;
  border-left: 1px solid #0094D9;
  margin-bottom: -1px;
}

/* 搜索结果详情页面内容区域样式 */
.box2-content{}

/* 搜索结果详情页面表格样式 */
.box2-content .table{
  width: 350px;
  border: 1px solid #000000;
}

/* 搜索结果详情页面表格行样式 */
.box2-content .table .row{
  display: flex;
  border-bottom: 1px solid #000000;
  font-size: 14px;
  color: #666666;
}

/* 最后一个表格行特殊样式，移除底部边框 */
.box2-content .table .row:last-child{
  border-bottom: none;
}

/* 表格标签列样式 */
.box2-content .table .row .label{
  border-right: 1px solid #000000;
  width: 80px;
  padding: 5px 10px;
  line-height: 24px;
}

/* 表格内容列样式 */
.box2-content .table .row .content{
  flex: 1;
  padding: 5px 10px;
  line-height: 24px;
}