@charset "utf-8";
.subPage {
  width: 1200px;
  overflow: hidden;
  margin: 200px auto;
  position: relative;
  background-color: #f9faff;/*313*/
  border-radius: 12px;
  display: flex;
}
.subPage_con {
  display: block;
  width: 100%;
  overflow: hidden;
  min-height: 470px;
}
.bread {
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #787878;
  padding: 20px 0;
  overflow: hidden;
  font-size: 14px;
}
.bread span {
  float: left;
  font-weight: normal;
  color: #0050a5;
}
.bread span a {
  color: #0050a5;
}
.bread a:hover {
  color: #f18e21;
}

/*右侧*/
.sub_right {
  margin: 0 0 30px 280px;
  min-height: 450px;
}
.marginBot {
  margin-bottom: 30px;
}
/*左侧边栏*/
.sub_leftWrap {
  width: 260px;
  float: left;
  position: relative;
  overflow: hidden;
  float: left;
}
.sub_left {
  width: 240px;
  float: left;
  background: #e8edff;/*313*/
  margin-bottom: 35px;
}
.sub_left .title {
  width: 240px;
  height: 40px;
  line-height: 40px;
  text-align: left;
}
.sub_left h2 {
  font-size: 20px;
  color: #fff;
  text-align: left;
  text-indent: 38px;
  background: url(../images/bg002.png) no-repeat right -8px #205f9f;
}
.sub_left h2 a {
  color: #fff;
  font-size: 20px;
}
.sub_left li {
  font-size: 14px;
  text-align: left;
  position: relative;
  border-left: 8px solid #0067ba;/*313*/
  transition: all 0.3s ease;
}
.sub_left li a {
  color: #000;
  font-size: 16px;
  padding: 13px 20px 13px 30px;
  display: block;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #e3e3e3;
  transition: all 0.3s ease;
}
.sub_left li > a {
  position: relative;
}
.sub_left li a p {
  font-size: 12px;
  color: #999;
}
.sub_left li > a:before {
  width: 4px;
  height: 4px;
  content: '';
  background-color: #b3b3b3;
  position: absolute;
  left: 16px;
  top: 22px;
}
.sub_left li:hover a,
.sub_left li.active a {
  background-color: #fff;
  color: #022c5a;
}
.sub_left li:hover,
.sub_left li.active {
  border-left-color: #ffc763;
}
.sub_left li:hover a:before,
.sub_left li.active a:before {
  background-color: #1d4c90;
}
.sub_left li strong.arrow {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 33px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  color: #1d4c90;
  z-index: 33;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.sub_left li strong.arrow:hover {
  background-color: #fafafa;
}
.sub_title {
  width: 100%;
  overflow: hidden;
  height: 60px;
}
.sub_t01 {
  max-width: 1120px;
  overflow: hidden;
  margin: 0 auto;
  height: 60px;
  position: relative;
}
.sub_t01 h2 {
  height: 60px;
  background-color: #0067ba;/*313*/
  line-height: 60px;
  color: #fff;
  font-size: 2.5em;
  /*font-family: STXingkai;*//*二级导航栏顶部标题*/
}
.sub_t01 h2:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-opacity: 0.8;
  opacity: 0.8;
  transition: all 1s ease 0s;
}
.articleTitle {
  width: 100%;
  overflow: hidden;
  background: url(../img/title_bg.png) no-repeat left top;
}
.articleTitle h2 {
  width: auto;
  overflow: hidden;
  font-size: 25px;
  font-weight: normal;
  padding: 20px 15px;
  width: 410px;/*275px; rao*/
}
/*列表页面*/
.borderBot {
  border-bottom: 3px solid #0067ba;/*313*/
}
.borderBot h2 {
  height: 25px;
  line-height: 25px;
  color: #014888;
  padding: 0px 15px 20px;
}
.article {
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
}
.article3 {
  padding-top: 30px;
}
/* 图片 */
.imgList01 {
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}
.imgList01 li a img {
  width: 100%;height: 20%;
  display: block;
  border: 4px solid #f8e3bf;
}
.imgList01 li {
  width: 33.3%;
  float: left;
  margin-bottom: 20px;
}
.imgList01 li a {
  display: block;
  margin: 0 10px;
}
/* 手机端目录栏 */
.sub_mbtn {
  width: 100%;
  height: 40px;
  background: url(../img/sub-mbtn02.png) no-repeat center center;
  background-color: #f1f1f1;
  cursor: pointer;
  display: none;
}
.open {
  background: url(../img/sub-mbtn.png) no-repeat center center;
  background-color: #004c8f;
}
.sub_navm {
  width: 100%;
  overflow: hidden;
  display: none;
}
.sub_navm h2 {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #003c7f;
}
.sub_navm h2 a {
  padding-left: 13px;
  font-size: 20px;
  font-family: Tahoma;
  display: block;
  color: #fff;
}
.sub_navm li {
  position: relative;
}
.sub_navm li a {
  font-size: 14px;
  color: #282828;
  padding-left: 13px;
  font-family: Helvetica;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d3d3d3;
  display: block;
}
.sub_navm li a:hover {
  color: #003c7f;
}
.sub_navm li.sub_has span {
  margin-left: 10px;
}
.sub_navm li.on a {
  color: #003c7f;
  display: block;
  width: 100%;
}
.sub_navm dl {
  display: none;
  background-color: #cac9c9;
  padding: 0px 0px 5px;
}
.sub_navm dl {
  display: none;
  background-color: #fff;
  padding: 0px 0px 5px;
}
.sub_navm dl dd {
  padding-left: 30px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px dotted #ddd;
}
.sub_navm li.on dl dd a {
  font-size: 12px;
  color: #282828;
  font-weight: normal;
  display: inline;
  border: none;
  padding: 0px;
  height: 30px;
  line-height: 30px;
}
.sub_navm li dl dd a {
  font-size: 14px;
  color: #282828;
  font-weight: normal;
  display: inline;
  border: none;
  padding: 0px;
}
.sub_navm li dl dd a:hover {
  color: #003c7f;
}
.sub_navm li strong.phone_arrow {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  color: #003770;
  cursor: pointer;
}
/* 学生风采 */
.sub_nav {
	text-align: center; font-size: 0px;
}
.sub_nav div {
	margin: 0px 30px; padding: 0px 10px 10px; transition:0.3s; color: rgb(51, 51, 51); font-size: 20px; vertical-align: top; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; display: inline-block; min-width: 120px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
}
.sub_nav div:hover {
	color: rgb(9,105,181); 
} 
.sub_nav div.active {
	border-color: #0067ba; color: #0067ba; 
}
#m2,#m3,#m4,#m5{
  display: none;
}
@media screen and (max-width: 1200px) {
  .subPage {
    width: 100%;
  }
  .subPage_con {
    width: auto;
    margin: 0 auto;
    padding: 0 20px;
  }
  .sub_t01 h2 {
    left: 10px;
  }
  .sub_right {
    min-height: auto;
  }
  .sub_nav div {
    margin: 0px 10px; padding: 0px 10px 15px; font-size: 18px;
  }
}

@media screen and (max-width: 950px) {
  .sub_right {
    margin-left: 275px;
  }
}
@media screen and (max-width: 800px) {
  .sub_nav div {
    padding: 0px 8px 5px;  min-width: auto;
  }
  .subPage {
    display: block;
  }
  .pageArticle {
    padding: 8px;
  }
  .sub_mbtn {
    display: block;
  }
  .sub_left {
    display: none;
  }
  .sub_t01 h2 {
    display: none; /*height:45px;line-height:45px;width:150px;font-size:1.6em;*/
  }
  .sub_right {
    width: 100%;
    margin-left: 0;
  }
  .article3 {
    padding-top: 20px;
  }
  .imgList01 {
    padding-bottom: 0;
  }
  .item-txt04 h3 {
    padding-top: 25px;
  }
  .sub_right {
    min-height: auto;
  }
}

@media screen and (max-width: 640px) {
  .marginBot {
    margin-bottom: 25px;
  }
  .imgList01 li a img {
    height: 30%;
    margin: 0 5px;
  }
  .imgList01 li {
    margin-bottom: 10px;
  }
}