/* 常用的样式 */
/* 超出以...代替 */
.banner {
  position: relative;
  width: 100%;
  height: 438px;
  margin: 0 auto;
  margin-bottom: -150px;
  overflow: hidden;
}
.banner::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 219px;
  background: url('/static/images/banner/bg2.png') repeat-x 50%;
  background-size: 100% 100%;
}
.banner img {
  width: 100%;
  height: 100%;
}

.noWrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.twoNoWrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.threeNoWrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.fourNoWrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* 前进后退按钮 */
.leftPage {
  display: inline-block;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
.leftPage .icon-xiangzuo {
  font-size: 24px;
  color: #333;
  box-sizing: border-box;
}
.leftPage .icon-xiangyou {
  font-size: 24px;
  color: #333;
  box-sizing: border-box;
}
.leftPage .iconfont.disabled {
  /* border: 1px solid #b5b9c1; */
  color: #b5b9c1;
}

.toRight {
  /* margin-top: 10px; */
  margin-left: 20px;
}

/* 默认的字体的主题色 */
.themeColor {
  color: #d82325;
}
/* 默认背景的主题色 */
.themeBgColor {
  background-color: #d82325;
  color: #ffffff;
}
/* 原创颜色 */
.norColor {
  background-color: #ff3838;
}
/* 图文颜色 */
.picTextColor {
  background-color: #ff7100;
}
/* 清浮动 */
.clearFix {
  zoom: 1;
}

.clearFix:after {
  content: '';
  display: block;
  clear: both;
}

/* 浮动 */
.fl {
  float: left;
}

.fr {
  float: right;
}
/* 标题下面的字体颜色 */
.artSize {
  font-size: 14px;
  color: #999999;
}
/* 宽度为1200px的边框 */
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
/* 字号为14px */
.f14 {
  font-size: 14px;
  color: #999999;
}
/* 字号为18px */
.f18 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
/* 字号为20px */
.f20 {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}
/* 字号为30px */

.f30 {
  font-size: 30px;
  color: #000000;
  line-height: 24px;
  font-weight: 500;
}
/* margin为8 */
.m8 {
  margin: 8px;
}
/* margin为20 */
.mt20 {
  margin-top: 20px;
}
/* margin为40 */
.m40 {
  margin-top: 40px;
}
/* 个人中心为900px的边框 */
.w900 {
  margin: 0 auto;
  width: 900px;
  background: #ffffff;
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); */
  opacity: 1;
}

.mr10 {
  margin-right: 10px;
}
.pl10 {
  position: relative;
  left: 10px;
}
/* 鼠标出现手势 */
.cursor {
  cursor: pointer;
}
/* 内容主体隐藏 */
.contentNone {
  display: none;
}
/* 字体颜色99999 */
.c9 {
  color: #999999;
}
/* 字体加粗 */
.fw {
  font-weight: bold;
}

/* 左侧大标题样式 */
.bigTitle {
  position: relative;
  width: 232px;
}

.bigTitle .titleRight {
  margin-top: 15px;
}
.bigTitle .left {
  width: 330px;
  height: 390px;
}

.bigTitle .logo {
  margin-left: 20px;
  color: #d82325;
  font-size: 28px;
}

.bigTitle .gsw {
  width: 86px;
  /* height: 135px; */
}

.bigTitle .showMore {
  /* width: 42px;
  height: 118px; */
  margin-left: 75px;
  color: #d82325;
}

.bigTitle .showMore a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.bigTitle .showMore a i {
  font-size: 90px;
}

/* 投教动态二级小标题 */
.tjTab {
  font-family: 'jiuzhou';
  font-size: 35px;
  color: #444444;
  font-weight: 400;
}
.insidePage {
  background: url(/static/images/aboutUs/inside.jpg) repeat !important;
  background-size: 100vw 1054px !important;
}








.mt_5{
  margin-top: 5px;
}
.mt_8{
  margin-top: 8px;
}
.mt_10{
  margin-top: 10px;
}
.mb_10{
  margin-bottom: 10px;
}
.mt_15{
  margin-top: 15px;
}
.mb_15{
  margin-bottom: 15px;
}
.ml_20{
  margin-left: 20px;
}
.mt_25{
  margin-top: 25px;
}
.mb_25{
  margin-bottom: 25px;
}
.mt_30{
  margin-top: 30px;
}
.mb_30{
  margin-bottom: 30px;
}
.mr_30{
  margin-right: 30px;
}
.mt_35{
  margin-top: 35px;
}
.mr_35{
  margin-right: 35px;
}
.mt_40{
  margin-top: 40px;
}
.mt_45{
  margin-top: 45px;
}
.mt_50{
  margin-top: 50px;
}
.mt_60{
  margin-top: 60px;
}
.mt_70{
  margin-top: 70px;
}
.mr_80{
  margin-right: 80px;
}
.mt_85{
  margin-top: 85px;
}
.mt_90{
  margin-top: 90px;
}
.mr_60{
  margin-right: 60px;
}
.mr_100{
  margin-right: 100px;
}
.mr_110{
  margin-right: 110px;
}
.mr_120{
  margin-right: 120px;
}
.mr_125{
  margin-right: 125px;
}
.mr_150{
  margin-right: 150px;
}
.mr_160{
  margin-right: 160px;
}
.mr_200{
  margin-right: 200px;
}
.mr_260{
  margin-right: 260px;
}


.cff_label{
  color: #FFFFFF;
}
.c1a1_label{
  color: #1A1A1A !important;
}

.fs_16{
  font-size: 16px;
}
.fs_14{
  font-size: 14px;
}


.fl{
  float: left;
}
.fr{
  float: right;
}





/* 超出隐藏 */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*-webkit-line-clamp: 2;*/
}

.ellipsis3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ellipsis5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.ellipsis9 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}
.ellipsis10 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}
.ellipsis6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
