/****************首页*******************/
/*遮罩*/
.deskDiv {
  display: none;
  width: 100%;
  height: 100%;
  background: url(../images/back5.png) repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

/*弹出层*/
.layerDiv {
  display: none;
  padding-bottom: 30px;
  width: 420px;
  height: auto;
  position: fixed;
  left: 50%;
  margin-left: -210px;
  top: 0;
  background: #fff;
  border-radius: 20px;
  z-index: 110;
}

.layerDiv .layerTitle {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 0 0 0 20px;
  height: auto;
  background: #df4848;
  overflow: hidden;
}

.layerDiv .layerTitle h2 {
  padding-left: 40px;
  background: url(../images/ico15.png) 0 center no-repeat;
  height: 48px;
  line-height: 48px;
  float: left;
  font-size: 18px;
  color: #fff;
}

.closeBox {
  float: right;
  cursor: pointer;
  display: block;
  width: 65px;
  height: 48px;
  background: url(../images/ico16.png) center center no-repeat;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.closeBox:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.layerForm {
  padding: 40px 25px 0 30px;
  height: auto;
}

.layerForm ul {
  width: 100%;
  height: auto;
  float: left;
}

.layerForm ul li {
  margin-bottom: 18px;
  width: 100%;
  height: auto;
  float: left;
}

.layerForm ul li span {
  width: 48px;
  display: block;
  float: left;
  height: 33px;
  line-height: 32px;
  font-size: 12px;
  color: #4a4a4a;
}

.layerForm ul li .formBox {
  margin-left: 15px;
  width: 300px;
  float: left;
  height: 32px;
  border-bottom: 1px solid #e9e4e5;
}

.layerForm ul li .formBox1 {
  height: 33px;
  border-bottom: none;
}

.layerForm ul li .formtxt {
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 14px;
  color: #666;
}

.layerForm ul li .formBtn {
  margin: 0 auto;
  width: 357px;
  height: 41px;
}

.layerForm ul li .formBtn input[type="submit"] {
  letter-spacing: 1px;
  text-indent: 1px;
  width: 100%;
  height: 41px;
  border-radius: 22px;
  cursor: pointer;
  background: #df4848;
  font-size: 14px;
  color: #fff;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.layerForm ul li .formBtn input[type="submit"]:hover {
  background: #ff1235;
}

.layerForm ul li .formBox label {
  cursor: pointer;
  background: url(../images/ico18.png) 0 center no-repeat;
  position: relative;
  padding-left: 24px;
  margin-right: 15px;
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #666;
}

.layerForm ul li .formBox label input {
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.layerForm ul li .formBox label.on {
  background: url(../images/ico18_hov.png) 0 center no-repeat;
}

.layerTxt {
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #9b9b9b;
  text-align: center;
}

/*下拉选框*/
.choice {
  height: auto;
  width: 100%;
  position: relative;
}

.select dt {
  height: 32px;
  display: inline-block;
  background: url(../images/ico17.png) no-repeat right center;
  line-height: 32px;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  z-index: 99;
}

.select dt.set {
  background: url(../images/ico17_hov.png) no-repeat right center;
}

.select dd {
  width: 303px;
  position: absolute;
  left: 0;
  top: 32px;
  border: 1px solid #e8e8e8;
  background: #fff;
  display: none;
  font-size: 14px;
  z-index: 100;
}

.select dd ul {
  width: 100%;
  max-height: 250px;
  overflow: auto;
}

.select dd ul {
  margin-bottom: 0;
}

.select dd ul li a {
  line-height: 28px;
  padding: 0 10px;
  display: block;
  color: #666;
}

.select dd ul li a:hover {
  background: #d5001f;
  color: #fff;
}

/*banner*/
.banner {
  padding-bottom: 42px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 5;
  min-width: 1200px;
  max-height: 695px;
}

.banner .bd {
  margin-top: 90px;
  position: relative;
  height: 100%;
  z-index: 0;
}

.banner .bd li {
  position: relative;
  zoom: 1;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
}

.banner .bd img {
  width: 100%;
  height: auto;
  display: block;
}

.banner .hd {
  width: 312px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -156px;
  height: auto;
  z-index: 10;
}

.banner .hd ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.banner .hd ul li {
  width: 84px;
  border-radius: 3px;
  margin: 0 10px;
  height: 3px;
  float: left;
  background: #d5d5d5;
}

.banner .hd ul li.on {
  background: #d5001f;
}

/*bannerTxt*/
.bannerTxtWtap {
  position: absolute;
  left: 22%;
  bottom: 100px;
  width: 415px;
  z-index: 10;
}

.bannerTxt {
  height: auto;
}

.bannerTxt p {
  line-height: 30px;
  font-weight: 500;
  padding: 0 32px;
  font-size: 20px;
  color: #fff;
}

.bannerTxt .bannTxtBox {
  margin-top: 30px;
  background: #fff;
  border-radius: 15px;
  width: 350px;
  padding: 30px;
  position: relative;
}

.bannerTxt .bannTxtBox h2 {
  line-height: 42px;
  font-size: 32px;
  color: #3b3b3b;
  font-weight: 500;
}

.bannerTxt .bannTxtBox h5 {
  margin-top: 8px;
  line-height: 22px;
  font-size: 12px;
  color: #3b3b3b;
}

.bannerTxt .bannTxtBox .txtBtn {
  padding-top: 15px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.bannerTxt .bannTxtBox .txtBtn a {
  display: block;
  border-radius: 5px;
  width: 100%;
  letter-spacing: 1px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 17px;
  background: #d5001f;
  color: #fff;
}

.bannerTxt .bannTxtBox .txtBtn a:hover {
  background: #bf0003;
}

/*.bannerTxt .bannTxtBox .txtBtn a.getB{ float: right;}*/
/*.bannerTxt .bannTxtBox .txtBtn a.getA{ background: #d5001f; border: 2px solid #d5001f; color: #fff;}*/
.bannerTxt .bannTxtBox .txtBtn a.getB:hover {
  background: #d5001f;
  border: 1px solid #d5001f;
  color: #fff;
}

/*banner遮罩层*/
.headerWrap {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  z-index: 88;
  min-width: 1200px;
  width: 100%;
}

.header {
  height: auto;
}

/*logo*/
.logo {
  width: 270px;
  height: auto;
  margin-top: 6px;
}

.logo a {
  float: left;
  height: 80px;
}

.logo a img {
  width: 100%;
}

.logo a:first-child {
  width: 50%;
}

.logo a:nth-child(2) {
  width: 12%;
}

.logo a:nth-child(3) {
  width: 38%;
}

.logo a b {
  width: 1px;
  height: 20px;
  background: #ccc;
  display: block;
  margin: auto;
}

/*nav*/
.nav {
  position: relative;
  padding-top: 10px;
  height: auto;
}

.nav ul {
  float: left;
}

.nav ul li {
  position: relative;
  float: left;
  width: 100px;
  padding-bottom: 20px;
}

.nav ul li h2 {
  width: 100%;
  height: auto;
}

.nav ul li h2 a {
  text-align: center;
  position: relative;
  display: block;
  padding-top: 24px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  color: #333;
}

.nav ul li .sub {
  display: none;
  width: 400px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 95px;
}

.nav ul li .sub span {
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 18px 20px;
}

.nav ul li .sub i {
  position: absolute;
  top: -13px;
  left: 50%;
  margin-left: -11px;
  display: block;
  width: 22px;
  height: 13px;
  background: url(../images/ico13.png) no-repeat;
}

.nav ul li .sub a {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
}

.nav ul li .sub a:hover {
  color: #d5001f;
}

.nav .block {
  width: 100px;
  height: 3px;
  position: absolute;
  top: 10px;
  left: 0;
}

.nav .block span {
  position: relative;
  display: block;
  width: 24px;
  height: 3px;
  margin: 0 auto;
}

.nav .block em,
.nav .block em:before,
.nav .block em:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 3px;
  background: #e60021;
}

.nav .block em:before {
  top: 7px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.nav .block em:after {
  top: 14px;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.headerWrap.small {
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.headerWrap.small .nav ul li h2 a {
  color: #333;
}

.headerWrap,
.headerWrap .logo {
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

.headerWrap.small .nav ul li .sub {
  padding-top: 12px;
  margin-top: -12px;
}

.headerWrap.small .nav ul li .sub span {
  border: 1px solid #e5e5e5;
}

.headerWrap.small .nav ul li .sub i {
  top: 0;
  background: url(../images/ico13_hov.png) no-repeat;
}

/*页面内容*/
.mainDiv {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.title {
  padding-top: 60px;
  width: 100%;
  height: auto;
  position: relative;
  min-width: 1000px;
}

.title i {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 0;
}

.title i img {
  display: block;
  margin: 0 auto;
  height: 120px;
}

.title h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  letter-spacing: 2px;
  text-indent: 2px;
  height: 130px;
  line-height: 140px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.title h2 span {
  border-radius: 3px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 2px;
  background: #d5001f;
}

/*Part01*/
.partOne {
  height: auto;
  margin-top: 50px;
  margin-bottom: 24px;
}

.partOne ul {
  width: 100%;
  height: auto;
  float: left;
}

.partOne ul li {
  cursor: pointer;
  width: 41.6%;
  margin: 0 4.2%;
  height: auto;
  float: left;
}

.partOne ul li a {
  display: block;
  padding: 25px 20px;
  border: 1px solid #d5d5d5;
  border-radius: 20px;
  text-align: center;
}

.partOne ul li h3 {
  height: 40px;
  padding: 7px 0;
  font-size: 26px;
  color: #333333;
}

.partOne ul li h2 {
  height: 40px;
  padding: 7px 0;
  font-size: 26px;
  color: #333333;
}

.partOne ul li p {
  margin-top: 25px;
  line-height: 18px;
  font-size: 12px;
  color: #333333;
}

.partOne ul li img {
  margin: 45px auto 0;
  display: block;
  width: 116px;
  height: 116px;
  border-radius: 100%;
}

.partOne ul li h4 {
  margin-top: 54px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333333;
}

.partOne ul li h4 i {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d5001f;
  border-radius: 6px;
  margin: 0 22px;
}

.partOne ul li.parLi2 h4 i {
  background: #3d579b;
}

.partOne ul li:hover a {
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

/*线上线下，完整学习*/
.partTwo {
  padding-bottom: 80px;
}

.partTwo .title h2 {
  padding-top: 39px;
  height: 72px;
  line-height: 72px;
  padding-bottom: 2px;
}

.partTwo .title i img {
  height: 113px;
}

.partTwoList {
  width: 100%;
  height: auto;
}

.partTwoList li {
  width: 33.333%;
  height: auto;
  float: left;
}

.partTwoList li a {
  display: block;
  padding: 70px 30px;
  height: auto;
  text-align: center;
  color: #333;
}

.partTwoList li a span {
  display: block;
  margin: 0 auto 30px;
  width: 82px;
  height: auto;
}

.partTwoList li a span img {
  display: block;
  width: 100%;
  height: 78px;
}

.partTwoList li a h5 {
  line-height: 36px;
  font-size: 26px;
}

.partTwoList li a h6 {
  line-height: 24px;
  font-size: 14px;
}

.partTwoList li a p {
  margin-top: 34px;
  line-height: 28px;
  font-size: 18px;
}

.partTwo .partTwoTxt {
  width: 820px;
  margin: 0 auto;
  padding: 0 0 0 78px;
  background: url(../images/ico6.png) 0 top no-repeat;
}

.partTwo .partTwoTxt p {
  line-height: 24px;
  text-align: justify;
  text-align: center;
  font-size: 14px;
  color: #666;
}

/*视频*/
.partVideo {
  border-radius: 10px;
  overflow: hidden;
}

/*学习路径*/
.partThere .title {
  padding-bottom: 68px;
}

.partThere .title i img {
  height: 166px;
}

.partThere .title h2 {
  padding-top: 38px;
  height: 60px;
  line-height: 60px;
  padding-bottom: 2px;
}

.learnTab {
  margin-bottom: 20px;
  margin-top: 40px;
  width: 100%;
  height: auto;
}

.learnTab .learn_menu {
  margin-top: 60px;
  position: relative;
  width: 100%;
  height: auto;
}

.learnTab .learn_menu ul {
  position: relative;
  z-index: 1;
  padding: 0 1px;
  height: auto;
  overflow: hidden;
}

.learnTab .learn_menu ul li {
  float: left;
  width: 135px;
  margin-right: 8px;
}

.learnTab .learn_menu ul li .learnOne {
  overflow: hidden;
  cursor: pointer;
  border-radius: 15px;
  padding: 8px 0 58px;
  color: #000033;
}

.learnTab .learn_menu ul li .learnOne .learnTwo {
  height: 180px;
  position: relative;
  display: block;
}

.learnTab .learn_menu .learnLine {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 22px;
  width: 100%;
  height: 1px;
  background: #d5001f;
}

.learnTab .learn_menu ul li h1 {
  margin-bottom: 16px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
}

.learnTab .learn_menu ul li h1 span {
  letter-spacing: 1px;
  font-weight: 600;
  text-indent: 1px;
  display: inline-block;
  padding: 0 18px;
  background: #fff;
}

.learnTab .learn_menu ul li h2 {
  padding: 0 18px;
  height: 40px;
  line-height: 40px;
  font-size: 26px;
}

.learnTab .learn_menu ul li h3 {
  padding: 0 18px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.learnTab .learn_menu ul li p {
  padding: 4px 18px;
  margin-top: 14px;
  height: auto;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.learnTab .learn_menu ul li .learnOne:hover {
  background: #d5001f;
  color: #fff;
}

.learnTab .learn_menu ul li .learnOne:hover span {
  background: #d5001f;
}

.learnTab .learn_menu ul li .learnOne:hover p {
  color: #fff;
}

.learnTab .learn_menu ul li .learnOne:hover .learnOne {
  top: 20px;
}

.learnTab .learn_menu ul li.selected .learnOne {
  background: #d5001f;
  color: #fff;
}

.learnTab .learn_menu ul li.selected .learnOne .learnTwo {
  top: 20px;
}

.learnTab .learn_menu ul li.selected .learnOne span {
  background: #d5001f;
}

.learnTab .learn_menu ul li.selected .learnOne p {
  color: #fff;
}

.learnTab .learn_box {
  width: 800px;
  margin: 0 auto;
  height: auto;
}

.learnTab .learn_box .learnBox {
  height: auto;
  width: 100%;
}

.learnTab .learn_box .learnBox .learnImg {
  width: 65.625%;
  height: auto;
}

.learnTab .learn_box .learnBox .learnImg img {
  display: block;
  width: 100%;
  height: 314px;
}

.learnTab .learn_box .learnBox .learnTxt {
  padding-top: 60px;
  width: 29.75%;
  height: auto;
}

.learnTab .learn_box .learnBox .learnTxt h1 {
  margin-bottom: 40px;
  height: 62px;
  line-height: 62px;
  font-size: 52px;
}

.learnTab .learn_box .learnBox .learnTxt h1 a {
  display: inline-block;
  padding-right: 55px;
  background: url(../images/ico8.png) 90% center no-repeat;
  color: #d5001f;
}

.learnTab .learn_box .learnBox .learnTxt h2 {
  height: 44px;
  line-height: 44px;
  font-size: 32px;
  color: #000033;
}

.learnTab .learn_box .learnBox .learnTxt h3 {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #000033;
}

.learnTab .learn_box .learnBox .learnTxt p {
  margin-top: 28px;
  height: 36px;
  line-height: 36px;
  font-size: 30px;
  color: #333;
}

.learnTab .learn_box .learnBox .learnTxt h1 a:hover {
  background: url(../images/ico8_hov.png) 100% center no-repeat;
}

/*FristLeap VS 线上英语教学*/
.partFour {
  width: 100%;
  height: auto;
}

.partFour .partTitle {
  padding: 58px 0;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 22px;
  color: #333333;
}

.partFour .partTitle em {
  display: inline-block;
  padding: 0 10px;
  color: #a2b2bd;
  font-style: normal;
}

.partFour .partTitle span {
  color: #d5001f;
}

.partFour .partFourBox {
  height: auto;
}

.partFour .partFourBox .leapBoxOne {
  position: relative;
  width: 50%;
  height: auto;
  float: left;
  background: #f0f6fa;
}

.partFour .partFourBox .leapBoxTwo {
  width: 50%;
  height: auto;
  float: left;
  background: #3d5da1;
}

.partFour .partFourBox .leapMain {
  padding: 0 0 40px;
  text-align: right;
  margin-right: 24px;
  width: 476px;
  height: auto;
  float: right;
}

.partFour .partFourBox .leapBoxTwo .leapMain {
  margin-right: 0;
  margin-left: 24px;
  text-align: left;
  float: left;
}

.partFour .partFourBox .leapMain h2 {
  padding-right: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  text-indent: 1px;
  height: 62px;
  line-height: 62px;
  font-size: 28px;
  color: #333;
}

.partFour .partFourBox .leapMain ul {
  margin-top: 50px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.partFour .partFourBox .leapMain ul li {
  margin-bottom: 26px;
  width: 200px;
  margin-left: 38px;
  float: left;
}

.partFour .partFourBox .leapMain ul li p {
  background: url(../images/ico9.png) 0 0 no-repeat;
  padding-left: 40px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 16px;
  color: #666;
}

.partFour .partFourBox .leapBoxTwo .leapMain h2 {
  padding-left: 30px;
  padding-right: 0;
  color: #fff;
}

.partFour .partFourBox .leapBoxTwo .leapMain ul li {
  margin-left: 30px;
  margin-right: 8px;
}

.partFour .partFourBox .leapBoxTwo .leapMain ul li p {
  color: #fff;
  background: url(../images/ico10.png) 0 0 no-repeat;
}

.partFour .leapIco {
  position: absolute;
  right: -28px;
  top: 0;
  width: 56px;
  height: 56px;
  background: #3d5da1;
  border-radius: 100%;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 56px;
}

/*FristLeap VS 纯线下英语教学*/
.partFive .partFourBox .leapBoxTwo {
  background: #d5001f;
}

.partFive .leapIco {
  background: #d5001f;
  right: auto;
  left: -28px;
}

.partFive .partFourBox .leapMain {
  margin-left: 24px;
  margin-right: 24px;
  float: left;
  text-align: left;
}

.partFive .partFourBox .leapMain h2 {
  padding-right: 0;
  padding-left: 30px;
}

.partFive .partFourBox .leapMain ul li {
  margin-right: 8px;
  margin-left: 30px;
}

.partFive .partFourBox .leapBoxTwo .leapMain {
  text-align: right;
  margin-right: 60px;
  margin-left: 0;
  float: right;
}

.partFive .partFourBox .leapBoxTwo .leapMain h2 {
  padding-right: 38px;
}

.partFive .partFourBox .leapBoxTwo .leapMain ul li {
  margin-left: 38px;
  margin-right: 0;
}

/*语言素养兼备，完整学习*/
.partSix {
  margin-top: 30px;
  margin-bottom: 60px;
}

.partSix .title {
  padding-bottom: 53px;
}

.partSix .title h2 {
  padding-top: 26px;
  height: 86px;
  line-height: 86px;
  padding-bottom: 2px;
}

.partSix .title i img {
  height: 165px;
}

.literacy {
  margin-top: 15px;
  width: 100%;
  height: auto;
}

.literacy p {
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #666666;
}

.literacy span {
  margin-top: 40px;
  display: block;
}

.literacy span img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.literacy h5 {
  margin-top: 60px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: #333;
}

.literacy h6 {
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #333;
}

/*爱与科技驱动，完整学习*/
.partSeven {
  background: url(../images/index_backgriund_rr.jpg) center top no-repeat;
}

.partSeven .title {
  margin-top: 0;
}

.partSeven .title i img {
  height: 160px;
}

.partSeven .title h2 {
  height: 160px;
  line-height: 160px;
  color: #fff;
}

.scienceTop {
}

.scienceTop p {
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.scienceBox {
  margin-top: 70px;
  width: 100%;
  height: auto;
}

.scienceBox ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.scienceBox ul li {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 80px;
  background: #fff;
  width: 100%;
  height: auto;
  float: left;
}

.scienceBox ul li a {
  display: block;
}

.scienceBox ul li .scienceLeft {
  float: left;
  width: 45%;
  height: auto;
}

.scienceBox ul li .scienceLeft img {
  display: block;
  width: 100%;
  height: 348px;
}

.scienceBox ul li .scienceLeft .video-js {
  width: 450px;
  height: 348px !important;
  background: url(../images/img2.jpg) center top no-repeat;
  background-size: 100%;
}

.scienceBox ul li .scienceRight {
  padding: 50px 4% 0;
  float: left;
  width: 47%;
}

.scienceBox ul li .scienceRight h1 {
  font-size: 30px;
  color: #333;
  margin-bottom: 40px;
}

.scienceBox ul li .scienceRight ul li {
  float: left;
  width: 50%;
  border-radius: 0;
  margin-bottom: 20px;
}

.scienceBox ul li .scienceRight ul li:nth-child(2) {
  width: 45%;
  margin-left: 5%;
}

.scienceBox ul li .scienceRight ul li h2 {
  font-size: 16px;
  color: #333;
}

.scienceBox ul li .scienceRight ul li h2 i {
  width: 15px;
  float: left;
  color: #d5001f;
}

.scienceBox ul li .scienceRight ul li p {
  font-size: 16px;
  color: #333;
  margin-left: 15px;
  margin-top: 5px;
}

.scienceBox ul .mn .scienceRight p:nth-child(2) {
  margin-bottom: 25px;
}

.scienceLeft {
  float: left;
  width: 45%;
  height: auto;
}

.scienceLeft img {
  display: block;
  width: 100%;
  height: 348px;
}

.scienceLeft .video-js {
  width: 450px;
  height: 348px !important;
  background: url(../images/img2.jpg) center top no-repeat;
  background-size: 100%;
}

/*全国国际化教学中心*/
.partNight,
.center {
  width: 100%;
  padding-top: 120px;
  height: auto;
  background: url(../images/index_background_r2.jpg) center center no-repeat;
  position: relative;
}

.partNight .teachBox,
.center .teachBox {
  padding-top: 293px;
  padding-bottom: 20px;
  background: url(../images/title6.png) center top no-repeat;
  width: 618px;
  height: auto;
  margin: 0 auto;
}

.partNight .teachBox p,
.center .teachBox p {
  line-height: 38px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.partNight .teachBox h5,
.center .teachBox h5 {
  margin-top: 30px;
  text-align: center;
  height: auto;
  text-align: center;
}

.btnDiv {
  display: inline-block;
  width: 140px;
  height: 40px;
  background: #d5001f;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 10px;
  letter-spacing: 1px;
  text-indent: 1px;
}

.btnDiv:hover {
  background: #ff0025;
}

.teach_cont,
.recive {
  width: 100%;
  height: 80px;
  background: hsla(0, 0%, 0%, 0.6);
}

.teach_cont img,
.recive img {
  float: left;
  margin-top: -77px;
  height: 157px;
  margin-left: 70px;
}

.teach_cont p,
.recive p {
  float: left;
  font-size: 24px;
  color: #fff;
  margin-top: 12px;
  margin-left: 210px;
}

.teach_cont p i,
.recive p i {
  font-size: 38px;
  color: #ff3754;
}

.teach_cont form,
.recive form {
  float: right;
  height: 50px;
  width: 370px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  margin-top: 25px;
}

.teach_cont form b,
.recive form b {
  float: left;
  width: 20px;
  height: 50px;
  background: url(../images/index_r3.png) no-repeat center;
  margin: 0 15px;
}

.teach_cont form input,
.recive form input {
  float: left;
  line-height: 50px;
  font-size: 15px;
  color: #999;
}

.teach_cont form button,
.recive form button {
  position: absolute;
  top: 0;
  right: 0;
  background: #d5001f;
  height: 50px;
  width: 140px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.teach_cont a.submit1,
.recive a.submit1 {
  margin-top: 25px;
  margin-left: 50px;
  float: left;
  background: #d5001f;
  height: 38px;
  width: 140px;
  font-size: 18px;
  color: #fff;
  line-height: 38px;
  border-radius: 70px;
  text-align: center;
}

/*理论基础*/
.partNine .title h2 {
  padding-top: 17px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.partNine i img {
  height: 115px;
}

.basisList {
  width: 100%;
  height: auto;
}

.basisList ul {
  margin: 100px 0 50px;
  width: 100%;
  height: auto;
  float: left;
}

.basisList ul li {
  width: 19.6%;
  margin: 0 2.7%;
  height: auto;
  float: left;
}

.basisList ul li a {
  letter-spacing: 1px;
  text-indent: 1px;
  display: block;
  height: 134px;
  border-radius: 18px;
  overflow: hidden;
  background: #f3f3f3 url(../images/ico12.png) right top no-repeat;
  font-size: 20px;
  color: #3b3b3b;
  line-height: 134px;
  text-align: center;
}

.basisList ul li a:hover {
  background: #d5001f;
  color: #fff;
}

/*国际学术合作伙伴*/
.linkDiv {
  width: 100%;
  height: auto;
  min-width: 1200px;
  margin-bottom: 70px;
}

.link {
  height: auto;
}

.link ul {
  margin-top: 80px;
  width: 100%;
  height: auto;
}

.link ul li {
  width: 210px;
  margin-bottom: 20px;
  margin-right: 53px;
  height: auto;
  float: left;
}

.link ul li a {
  border-radius: 5px;
  display: block;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.link ul li a img {
  border-radius: 5px;
  display: block;
  width: 100%;
  height: 104px;
}

.link ul li a:hover {
  transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

/*footer*/
.footerDiv {
  margin-top: 80px;
  border-top: 1px solid #cccccc;
  min-width: 1200px;
}

.footerDiv2 {
  margin-top: 0;
}

.footer {
  overflow: hidden;
  padding: 50px 0 20px;
  height: auto;
}

.footer ul {
  margin-left: 59px;
  margin-bottom: 50px;
  width: 882px;
  height: auto;
  float: left;
}

.footer ul li {
  width: 166px;
  margin-right: 15px;
  float: left;
}

.footer ul li h2 {
  margin-bottom: 20px;
  position: relative;
  height: 80px;
  padding-bottom: 3px;
  line-height: 80px;
  font-size: 24px;
  color: #3b3b3b;
}

.footer ul li h2 span {
  position: relative;
  bottom: 0;
  left: 0;
  display: block;
  width: 47px;
  height: 2px;
  background: #e5e5e5;
  border-radius: 3px;
}

.footer ul li .fooLink {
  width: 100%;
  overflow: hidden;
}

.footer ul li .fooLink a {
  display: block;
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #3b3b3b;
}

.footer ul li .fooLink a:hover {
  color: #d5001f;
}

.footer ul li .fooInfor {
  width: 100%;
  height: auto;
}

.footer ul li .fooInfor h4 {
  margin-bottom: 16px;
  height: 38px;
  line-height: 38px;
  font-size: 24px;
  color: #3b3b3b;
}

.footer ul li .fooInfor img {
  margin-bottom: 18px;
  display: block;
  width: 94px;
  height: 94px;
}

.footer ul li .fooInfor p {
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #3b3b3b;
}

.footer .fooImg,
.footer ul li .fooFocus {
  width: 100%;
  height: auto;
  /*overflow: hidden;*/
}

.footer .fooImg a,
.footer ul li .fooFocus a {
  margin-right: 32px;
  display: block;
  width: 40px;
  height: auto;
  float: left;
  color: #3b3b3b;
  position: relative;
}

.footer .fooImg a span,
.footer ul li .fooFocus a span {
  margin-bottom: 22px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}

.footer .fooImg a img,
.footer ul li .fooFocus a img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.footer .fooImg a:hover,
.footer ul li .fooFocus a:hover {
  color: #d5001f;
}

.footer .fooImg .QRfoot,
.footer ul li .fooFocus .QRfoot {
  display: none;
  width: 100px;
  position: absolute;
  top: 95px;
  left: 50%;
  margin-left: -50px;
}

.footer .fooImg a:hover .QRfoot,
.footer ul li .fooFocus a:hover .QRfoot {
  display: block;
}

.footer .fooImg .QRfoot img,
.footer ul li .fooFocus .QRfoot img {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.footer ul li .fooFocus .QRfoot b {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/icon_666r3e.png) no-repeat bottom center;
  margin: auto;
  position: relative;
  z-index: 10;
}

.footer .fooImg .QRfoot em,
.footer ul li .fooFocus .QRfoot em {
  display: block;
  width: 90%;
  padding: 5%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px #ccc;
}

.footer .fooImg a {
  width: auto;
}

.footer .fooImg a span {
  font-size: 13px;
}

.footer .fooImg .QRfoot {
  top: 30px;
  background: #d5001f;
  width: 150px;
  margin-left: -75px;
  border-radius: 5px;
  padding-top: 5px;
}

.footer .fooImg .QRfoot em {
  background: #d5001f;
  box-shadow: none;
}

.footer .fooP {
  padding-top: 20px;
  border-top: 1px solid #d5d5d5;
  line-height: 28px;
  width: 100%;
  height: auto;
  float: left;
  font-size: 14px;
  color: #3b3b3b;
}

.footer .fooP span {
  display: block;
  width: 100%;
  text-align: center;
}

.footer .fooP em {
  display: block;
  width: 100%;
  text-align: center;
}

/**********************LBS2**********************/
.lbs2Banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  overflow: hidden;
  min-width: 1200px;
  margin-top: 90px;
}

.lbs2Banner img {
  display: block;
  width: 100%;
  height: auto;
}

.cloudQrcode {
  position: fixed;
  background: rgba(255, 45, 50, 0);
  width: 200px;
  height: 300px;
  z-index: 6;
  right: 40px;
  top: 120px;
}

.cloudQrcode img {
  display: block;
  width: 100%;
  height: auto;
}

.lbs2BannTxtWrap {
  position: absolute;
  left: 0;
  bottom: 46px;
  width: 100%;
}

.lbs2BannTxtWrap .bannTxtBox {
  border-radius: 15px;
  width: 310px;
  padding: 26px 25px 40px;
  background: #fff;
}

.lbs2BannTxtWrap .bannTxtBox h2 {
  font-weight: bold;
  line-height: 32px;
  font-size: 28px;
  color: #000;
}

.lbs2BannTxtWrap .bannTxtBox h5 {
  margin-top: 10px;
  line-height: 22px;
  font-size: 12px;
  color: #000;
}

.lbs2BannTxtWrap .bannTxtBox h4 {
  margin-top: 36px;
  line-height: 18px;
  font-size: 14px;
  color: #000;
}

/*课程特色*/
.courseOne {
  background: #e60021;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.courseOne .courseOneDiv {
  width: 50%;
  background: #3b5396;
}

.courseOne .courseOneDiv img {
  display: block;
  float: right;
}

.courseOne .courseOneBox {
  width: 50%;
}

.courseOne .courseOneBox .oneBoxTxt {
  margin-left: 80px;
  width: 370px;
}

.courseOne .courseOneBox .oneBoxTxt h2 {
  background: url(../images/ico11.png) 0 41px no-repeat;
  padding-top: 116px;
  height: 44px;
  line-height: 44px;
  font-size: 32px;
  color: #fff;
}

.courseOne .courseOneBox .oneBoxTxt h3 {
  line-height: 28px;
  font-size: 16px;
  color: #fff;
}

.courseOne .courseOneBox .oneBoxTxt p {
  margin-top: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
}

.courseOneMain {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.courseOneMain .courseOneLeft {
  width: 50%;
  height: auto;
}

.courseOneMain .courseOneLeft ul {
  padding-top: 64px;
  width: 440px;
  margin-right: 50px;
  float: right;
}

.courseOneMain .courseOneLeft ul li {
  margin-bottom: 48px;
  width: 100%;
  height: auto;
}

.courseOneMain .courseOneLeft ul li h2 {
  padding: 12px 0;
  line-height: 20px;
  font-size: 12px;
  color: #000;
}

.courseOneMain .courseOneLeft ul li p {
  line-height: 32px;
  font-size: 16px;
  color: #333;
}

.courseOneMain .courseOneRight {
  width: 50%;
  height: auto;
}

.courseOneMain .courseOneRight img {
  display: block;
  float: left;
}

.themeWrap title h2 {
  padding-top: 20px;
  height: 100px;
  line-height: 100px;
}

.themeWrap title i img {
  height: 120px;
}

.themeList {
  width: 100%;
  height: auto;
}

.themeList ul {
  margin-top: 50px;
  padding: 0 24px;
  height: auto;
  overflow: hidden;
}

.themeList ul li {
  width: 17.8%;
  margin: 22px 3.6%;
  height: auto;
  float: left;
}

.themeList ul li a {
  color: #3b3b3b;
  padding: 28px 26px 20px;
  display: block;
  border-radius: 10px;
  border: 2px solid #dcdcdc;
}

.themeList ul li a span {
  display: block;
  width: 70px;
  height: 70px;
}

.themeList ul li a h2 {
  line-height: 28px;
  font-size: 20px;
}

.themeList ul li a p {
  line-height: 20px;
  font-size: 14px;
}

.themeList ul li.themeIco1 span {
  background: url(../images/icon1.png) no-repeat;
}

.themeList ul li.themeIco2 span {
  background: url(../images/icon2.png) no-repeat;
}

.themeList ul li.themeIco3 span {
  background: url(../images/icon3.png) no-repeat;
}

.themeList ul li.themeIco4 span {
  background: url(../images/icon4.png) no-repeat;
}

.themeList ul li.themeIco5 span {
  background: url(../images/icon5.png) no-repeat;
}

.themeList ul li.themeIco6 span {
  background: url(../images/icon6.png) no-repeat;
}

.themeList ul li.themeIco7 span {
  background: url(../images/icon7.png) no-repeat;
}

.themeList ul li.themeIco8 span {
  background: url(../images/icon8.png) no-repeat;
}

.themeList ul li.themeIco9 span {
  background: url(../images/icon9.png) no-repeat;
}

.themeList ul li.themeIco10 span {
  background: url(../images/icon10.png) no-repeat;
}

.themeList ul li.themeIco11 span {
  background: url(../images/icon11.png) no-repeat;
}

.themeList ul li.themeIco12 span {
  background: url(../images/icon12.png) no-repeat;
}

.themeList ul li a:hover {
  color: #fff;
  background: #d5001f;
  border: 2px solid #d5001f;
}

.themeList ul li.themeIco1 a:hover span {
  background: url(../images/icon1_hov.png) no-repeat;
}

.themeList ul li.themeIco2 a:hover span {
  background: url(../images/icon2_hov.png) no-repeat;
}

.themeList ul li.themeIco3 a:hover span {
  background: url(../images/icon3_hov.png) no-repeat;
}

.themeList ul li.themeIco4 a:hover span {
  background: url(../images/icon4_hov.png) no-repeat;
}

.themeList ul li.themeIco5 a:hover span {
  background: url(../images/icon5_hov.png) no-repeat;
}

.themeList ul li.themeIco6 a:hover span {
  background: url(../images/icon6_hov.png) no-repeat;
}

.themeList ul li.themeIco7 a:hover span {
  background: url(../images/icon7_hov.png) no-repeat;
}

.themeList ul li.themeIco8 a:hover span {
  background: url(../images/icon8_hov.png) no-repeat;
}

.themeList ul li.themeIco9 a:hover span {
  background: url(../images/icon9_hov.png) no-repeat;
}

.themeList ul li.themeIco10 a:hover span {
  background: url(../images/icon10_hov.png) no-repeat;
}

.themeList ul li.themeIco11 a:hover span {
  background: url(../images/icon11_hov.png) no-repeat;
}

.themeList ul li.themeIco12 a:hover span {
  background: url(../images/icon12_hov.png) no-repeat;
}

/**********************短期课程**********************/
.banner .lbs2BannTxtWrap {
  bottom: 140px;
}

/*综述*/
.reviewBox {
  margin-top: 32px;
  height: auto;
}

.reviewBox ul {
  width: 100%;
  height: auto;
  float: left;
}

.reviewBox ul li {
  float: left;
  width: 22.4%;
  margin: 0 1.3%;
}

.reviewBox ul li a {
  padding: 45px 15px;
  display: block;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
}

.reviewBox ul li a:hover {
  cursor: default;
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

.reviewBox ul li a h2 {
  height: 36px;
  overflow: hidden;
  line-height: 18px;
  font-size: 14px;
  color: #3b3b3b;
  text-align: center;
}

.reviewBox ul li a p {
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  font-size: 18px;
  color: #3b3b3b;
  text-align: center;
}

/*在线短期班*/
.rangeBox .title i img {
  height: 112px;
}

.rangeBox .title h2 {
  padding-top: 18px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.rangeBox p {
  text-align: center;
  margin: 46px 0 56px;
  line-height: 28px;
  font-size: 16px;
  color: #333333;
}

.shortCourseOne {
  margin: 100px auto;
}

.shortLeft {
  width: 35%;
  height: auto;
  margin: 0 3%;
}

.shortLeft img {
  display: block;
  width: 100%;
  height: 420px;
  border-radius: 10px;
}

.shortRight {
  width: 49.5%;
  height: auto;
  margin: 0 3%;
}

.shortRight .classInfo {
  background: #d5001f;
  color: #fff;
  width: 355px;
  height: 110px;
  padding-top: 12px;
  padding-left: 40px;
  margin: 10px 0;
  border-radius: 15px;
}

.shortRight .classInfo .infoContent {
  display: inline-block;
}

.shortRight .classInfo .infoContent2 {
  display: inline-block;
  margin-left: 100px;
}

.shortRight .classInfo .infoContent img,
.shortRight .classInfo .infoContent2 img {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
}

.shortRight .classInfo .infoContent .infoText,
.shortRight .classInfo .infoContent2 .infoText {
  display: inline-block;
  margin-left: 10px;
}

.shortRight .classInfo .infoContent .infoText span,
.shortRight .classInfo .infoContent2 .infoText span {
  line-height: 15px;
  font-size: 12px;
  color: #fff;
}

.shortRight .classInfo .infoContent .infoText .infoTitle,
.shortRight .classInfo .infoContent2 .infoText .infoTitle {
  font-weight: 600;
}

.shortRight h2 {
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 38px;
  font-size: 32px;
  color: #000000;
}

.shortRight h3 {
  width: 110%;
  line-height: 32px;
  font-size: 24px;
  color: #3b3b3b;
}

.shortRight h4 {
  margin: 24px 0 34px;
  font-size: 12px;
  color: #fff;
}

.shortRight h4 span {
  display: inline-block;
  padding: 0 14px;
  height: auto;
  line-height: 24px;
  background: #d5001f;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
}

.shortRight p {
  margin-bottom: 10px;
  line-height: 28px;
  text-align: justify;
  font-size: 16px;
  color: #333333;
}

.shortCourseTwo {
  background: url(../images/back6.jpg) center 124px no-repeat;
}

.shortCourseBox {
  margin-bottom: 100px;
}

.shortCourseBox .shortRight {
  width: 50%;
  padding-top: 0;
}

.shortCourseBox .shortRight .classInfo {
  background: #fff;
  color: #d5001f;
}

.shortCourseBox .shortRight .classInfo .infoContent .infoText span,
.shortCourseBox .shortRight .classInfo .infoContent2 .infoText span {
  line-height: 15px;
  font-size: 12px;
  color: #d5001f;
}

.shortCourseBox .shortRight h4 {
  margin-top: 60px;
}

.shortCourseBox .shortRight h4 span {
  background: #fff;
  color: #d5001f;
}

.shortCourseBox .shortRight p {
  color: #fff;
}

.shortCourseBox1 {
  margin-bottom: 82px;
}

.shortCourseBox1 .shortRight {
  padding-top: 90px;
}

.shortCourseThree {
  padding-bottom: 80px;
  background: url(../images/back7.jpg) center 132px no-repeat;
}

.shortCourseThree .shortCourseBox {
  margin-bottom: 0;
}

.shortCourseThree .shortCourseBox .shortRight h4 {
  margin-top: 70px;
}

.shortCourseThree .shortCourseBox .shortRight h4 span {
  background: #d5001f;
  color: #fff;
}

/*短期班特点*/
.Characteristics {
  margin-top: 30px;
}

.Characteristics .title i img {
  height: 120px;
}

.Characteristics .title h2 {
  padding-top: 8px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.Characteristics ul {
  margin-top: 90px;
  width: 100%;
  height: auto;
}

.Characteristics ul li {
  text-align: center;
  width: 31%;
  height: auto;
  float: left;
  margin: 0 1.166%;
}

.Characteristics ul li span {
  display: block;
  width: 84px;
  height: auto;
  margin: 0 auto;
}

.Characteristics ul li span img {
  display: block;
  width: 100%;
  height: 82px;
}

.Characteristics ul li h2 {
  padding: 40px 0 24px;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  font-size: 26px;
  color: #3b3b3b;
}

.Characteristics ul li p {
  height: 78px;
  overflow: hidden;
  line-height: 26px;
  font-size: 16px;
  color: #3b3b3b;
}

/**********************精彩活动**********************/
/*导航*/
.headerWrapBlack {
  background-color: #fff;
  border-bottom: 1px solid #ececec;
}

.headerWrapBlack .nav ul li h2 a {
  color: #222;
}

.headerWrapBlack .nav ul li .sub i {
  top: -12px;
  background: url(../images/ico13_hov.png) no-repeat;
}

.headerWrapBlack .nav ul li .sub span {
  border: 1px solid #e5e5e5;
}

/*精彩活动*/
.activities {
  padding-top: 100px;
}

.activities .title {
  min-width: 1000px;
}

.activities .title i img {
  height: 162px;
}

.activities .title h2 {
  height: 162px;
  line-height: 146px;
}

.activities h3 {
  margin-top: 38px;
  text-align: center;
  padding-top: 66px;
  background: url(../images/ico6.png) center top no-repeat;
  line-height: 52px;
  font-size: 28px;
  color: #333333;
}

.activities p {
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #333333;
}

.activities ul {
  margin-top: 70px;
  width: 100%;
  height: auto;
}

.activities ul li {
  width: 18.2%;
  float: left;
  margin-right: 2.25%;
}

.activities ul li a {
  color: #333;
  text-align: center;
  padding: 50px 15px 22px;
  display: block;
  border: 1px solid #dadada;
  border-radius: 15px;
}

.activities ul li a span {
  display: block;
  width: 70px;
  height: auto;
  margin: 0 auto;
}

.activities ul li a span img {
  display: block;
  width: 100%;
  height: 72px;
}

.activities ul li a h2 {
  margin-top: 36px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 14px;
}

.activities ul li a h4 {
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  font-size: 24px;
}

.activities ul li:hover a {
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

.latestDiv .title {
  min-width: 1000px;
}

/*国际文化交流*/
.activeOne {
  height: auto;
  margin-top: 60px;
}

.activeOne .activeTitle {
  margin-bottom: 24px;
  width: 100%;
  height: auto;
}

.activeOne .activeTitle span {
  padding-left: 22px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-left: 8px solid #d5001f;
  font-size: 22px;
  color: #333333;
}

/*海外游学*/
.overseas {
  width: 100%;
  height: auto;
}

.overseas .overseasOne {
  width: 100%;
  height: auto;
}

.overseas .overseasOne .overLeft {
  width: 33%;
  height: auto;
}

.overseas a {
  display: block;
}

.overseas img {
  display: block;
  width: 100%;
  height: auto;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.overseas img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.overseas .overseasOne .overLeft a img {
  height: 308px;
}

.overseas .overseasOne .overRight {
  position: relative;
  width: 66.4%;
  background: #d5001f;
  height: 308px;
}

.activeMain {
  padding: 25px 28px 0;
}

.activeMain h2 {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 32px;
  color: #fff;
}

.activeMain h3 {
  margin-top: 8px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
}

.activeMain p {
  margin-top: 36px;
  line-height: 20px;
  font-size: 16px;
  color: #fff;
}

.activeMain h4 {
  margin-top: 16px;
  line-height: 18px;
  font-size: 14px;
  color: #fff;
}

.overMore {
  position: absolute;
  right: 28px;
  bottom: 28px;
  display: block;
  padding-right: 50px;
  background: url(../images/ico22.png) 95% center no-repeat;
  height: 26px;
  line-height: 26px;
  text-align: right;
  font-size: 14px;
  color: #fff;
}

.overMore:hover {
  background: url(../images/ico22.png) 100% center no-repeat;
}

.overseas .overseasTwo {
  width: 100%;
  margin-top: 6px;
}

/*法国文化中心*/
.culture {
  margin-top: 26px;
  width: 100%;
  height: auto;
}

.culture .cultureLeft {
  width: 67%;
  height: auto;
}

.culture .cultureLeft .cultureTop {
  margin-bottom: 6px;
  width: 100%;
  height: auto;
}

.culture .cultureLeft .cultureTop .cultureTopL {
  position: relative;
  background-color: #3b5396;
  width: 49.5%;
  height: 310px;
}

.culture .cultureLeft .cultureTop .cultureTopR {
  width: 49.5%;
}

.culture .cultureLeft .cultureTop .cultureTopR img {
  height: 310px;
}

.culture .cultureLeft .cultureBom img {
  height: 444px;
}

.culture .cultureRight {
  width: 32.4%;
}

.culture .cultureRight .rightA1 {
  margin-bottom: 6px;
}

.culture .cultureRight .rightA1 img {
  height: 450px;
}

.culture .cultureRight .rightA2 img {
  height: 304px;
}

/*21世纪大赛*/
.culture .cultureLeft .cultureTop .cultureTopL1 {
  background: #d5001f;
}

/*超级飞侠活动*/
.superherosOne {
  margin-top: 26px;
  width: 100%;
  height: auto;
}

.superherosOne .superLeft {
  background: #3b5396;
  width: 33%;
  height: 308px;
  position: relative;
  margin-right: 6px;
}

.superherosOne .superImg {
  width: 32.9%;
}

.superherosOne img {
  height: 308px;
}

.superherosTwo {
  margin-top: 6px;
  height: auto;
}

.superherosTwo .superTwoLeft {
  width: 66.5%;
}

.superherosTwo img {
  height: 443px;
}

.superherosTwo .superTwoRight {
  width: 32.9%;
}

/*莽山*/
.lushanDiv .superLeft1 {
  background: #d5001f;
}

.lushanDiv .superherosOne {
  margin-top: 6px;
}

/*2017厦门夏令营*/
.camp .activeMain h2 {
  height: auto;
  padding-bottom: 25px;
}

.camp .campTop {
  height: 450px;
  background: #3b5396;
  margin-bottom: 6px;
}

.camp .campTop .activeMain h4 {
  margin-top: 30px;
}

.activeMain i {
  margin: 30px 0 40px;
  display: block;
  height: 32px;
  background: url(../images/ico11.png) 0 center no-repeat;
}

.campOne {
  padding-bottom: 20px;
  margin-top: 6px;
  width: 100%;
  height: auto;
}

.campOne .campLeft {
  width: 49.7%;
  height: auto;
}

.campOne .campLeft img {
  height: 443px;
}

.camp .activeMain1 h2 {
  padding-bottom: 0;
}

/*最新活动资讯*/
.latestDiv .title i img {
  height: 175px;
}

.latestDiv .title h2 {
  font-weight: 600;
  height: 175px;
  line-height: 175px;
  padding: 0;
}

.latestDiv ul {
  margin-top: 80px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.latestDiv ul li {
  margin-bottom: 76px;
  width: 100%;
  height: auto;
  float: left;
}

.latestDiv ul li .latesImg {
  width: 49%;
  height: auto;
}

.latestDiv ul li .latesImg a {
  display: block;
}

.latestDiv ul li .latesImg a img {
  display: block;
  width: 100%;
  height: 366px;
}

.latestDiv ul li .latesTxt {
  padding-top: 10px;
  width: 47%;
  height: auto;
}

.latestDiv ul li .latesTxt h2 {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 28px;
  color: #161616;
}

.latestDiv ul li .latesTxt h3 {
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #999999;
}

.latestDiv ul li .latesTxt p {
  margin-top: 60px;
  line-height: 22px;
  font-size: 18px;
  color: #666666;
}

.latestDiv ul li .latesTxt h4 {
  margin-top: 15px;
  line-height: 14px;
  font-size: 12px;
  color: #666666;
}

.latestDiv ul li .latesTxt h5 {
  margin-top: 70px;
  font-size: 18px;
  color: #d5001f;
}

.latestDiv ul li .latesTxt h5 a {
  padding-right: 45px;
  background: url(../images/ico8_hov.png) right center no-repeat;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: #d5001f;
}

.latestDiv ul li .latesTxt h5 a:hover {
  padding-right: 50px;
}

/**********************全国中心**********************/
.nationalOne {
  padding-top: 170px;
}

.nationalOne img {
  display: block;
  width: 70%;
  margin-left: 28%;
}

.nationalOne .nationAddress {
  margin-top: 100px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 20px 10px;
  overflow: hidden;
}

.nationalOne .nationAddress a {
  display: block;
  width: 9%;
  margin: 0 0.5%;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #333333;
}

.nationalOne .nationAddress a.on {
  color: #d5001f;
}

/*地图*/
.mapBox {
  margin-top: 66px;
  position: relative;
}

.mapDiv {
  width: 100%;
  height: 770px;
}

.mapMain {
  position: absolute;
  left: 23%;
  top: 34px;
  max-height: 750px;
  overflow: hidden;
}

.mapMain .mapOne {
  float: left;
  width: 300px;
  padding: 38px 18px 28px;
  border: 1px solid #ededed;
  border-radius: 5px;
  background: #fff;
}

.mapMain .mapOne ul {
  width: 100%;
  height: auto;
}

.mapMain .mapOne ul li {
  margin-bottom: 18px;
  width: 100%;
  height: auto;
}

.mapMain .mapOne ul li a {
  display: block;
  border: 1px solid #fff;
  padding: 6px 9px 4px;
  border-radius: 3px;
}

.mapMain .mapOne ul li a h2 {
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  font-size: 16px;
  color: #333;
}

.mapMain .mapOne ul li a p {
  height: 18px;
  overflow: hidden;
  line-height: 18px;
  font-size: 12px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mapMain .mapOne ul li.on a,
.mapMain .mapOne ul li a:hover {
  border: 1px solid #d5001f;
}

.mapMain .mapOne ul li.on a h2,
.mapMain .mapOne ul li a:hover h2 {
  color: #d5001f;
}

.mapMain .mapOne ul li.on a p,
.mapMain .mapOne ul li a:hover p {
  color: #d5001f;
}

.mapMain .mapOne .mapPage {
  text-align: center;
}

.mapMain .mapOne .mapPage a,
.mapMain .mapOne .mapPage span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 26px;
  text-align: center;
  font-size: 18px;
  color: #999;
}

.mapMain .mapOne .mapPage a.next {
  margin-left: 5px;
  position: relative;
  top: 8px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/ico8.png) right center no-repeat;
}

.mapMain .mapOne .mapPage a.prev {
  margin-left: 5px;
  position: relative;
  top: 8px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/ico81.png) right center no-repeat;
}

.mapMain .mapOne .mapPage span.current {
  color: #333333;
}

.mapMain .mapOne .mapPage a.next:hover {
  background: url(../images/ico8_hov.png) right center no-repeat;
}

.mapMain .mapOne .mapPage a.next:prev {
  background: url(../images/ico81_hov.png) right center no-repeat;
}

.mapTwo {
  position: absolute;
  right: 23%;
  top: 34px;
  max-height: 650px;
  border-radius: 5px;
  background: #fff;
  width: 260px;
  height: auto;
  padding: 18px 24px;
  border: 1px solid #ededed;
  display: none;
  box-shadow: 0 0 15px #ccc;
}

.mapTwo .mapImg {
  width: 100%;
  height: auto;
}

.mapTwo .mapImg img {
  display: block;
  width: 100%;
  height: auto;
}

.mapTwo h2 {
  margin: 16px 0 4px;
  line-height: 24px;
  font-size: 16px;
  color: #333333;
}

.mapTwo h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  line-height: 18px;
  font-size: 14px;
  color: #666666;
}

.mapTwo p {
  margin-bottom: 20px;
  line-height: 18px;
  padding-left: 70px;
  position: relative;
  min-height: 18px;
  height: auto;
  font-size: 14px;
  color: #666666;
}

.mapTwo p label {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 18px;
  line-height: 18px;
  color: #333;
  display: block;
}

.mapTwo .mapBtn {
  cursor: pointer;
  position: absolute;
  right: 25px;
  bottom: -28px;
  width: 68px;
  height: 22px;
  padding: 38px 0 8px;
  background: #e52e1a url(../images/ico29.png) center 12px no-repeat;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

/*规划路线*/
.mapRoute {
  display: none;
  width: 100%;
  height: auto;
  margin-top: -10px;
  max-height: 600px;
}

.mapRoute .roteTab {
  width: 100%;
  height: auto;
}

.mapRoute .roteTab .tab_menu {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.mapRoute .roteTab .tab_menu span {
  cursor: pointer;
  margin-right: 20px;
  display: block;
  border-bottom: 1px solid #fff;
  float: left;
  padding: 0 3px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #a3a3a3;
}

.mapRoute .roteTab .tab_menu span.selected {
  color: #000;
  border-bottom: 1px solid #000;
}

.mapRoute .roteTab .tab_main {
  width: 100%;
  height: auto;
  margin-top: 15px;
}

.mapRoute .roteTab .tab_main .mapTxt {
  border-bottom: 1px solid #f1f1f1;
  padding-left: 24px;
  background: url(../images/ico30.png) 0 center no-repeat;
}

.mapRoute .roteTab .tab_main .mapTxt input[type="text"] {
  width: 100%;
  padding: 4px 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.mapRoute .roteTab .tab_main .mapSearch {
  overflow: hidden;
  margin-top: 18px;
  width: 100%;
  height: auto;
}

.mapRoute .roteTab .tab_main .mapSearch input[type="button"] {
  cursor: pointer;
  background: #fff;
  float: left;
  width: 90px;
  height: 28px;
  border: 1px solid #d0d0d0;
  font-size: 14px;
  color: #8d8d8d;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.mapRoute .roteTab .tab_main .mapSearch input[type="button"]:hover {
  border: 1px solid #d5001f;
  background: #d5001f;
  color: #fff;
}

.mapRoute .roteTab .tab_main .mapSearch a {
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #648cda;
  text-decoration: underline;
}

.mapRoute .roteTab .tab_main .mapSearch a em {
  display: inline-block;
  padding-right: 4px;
  font-family: "宋体";
}

.mapRoute .roteTab .tab_main .mapSearch a:hover {
  color: #d5001f;
}

.mapRoute .tab_box {
  padding-top: 20px;
}

.mapRoute .tab_box h2 {
  line-height: 28px;
  font-size: 18px;
  color: #333;
}

.mapRoute .tab_box .tabBoxOne {
  margin-top: 8px;
  padding: 4px 10px 8px;
  border: 1px solid #e6e7e8;
  background: #ebf1fb;
}

.mapRoute .tab_box .tabBoxOne h3 {
  padding: 3px 0;
  line-height: 18px;
  font-size: 14px;
  color: #3266cd;
}

.mapRoute .tab_box .tabBoxOne p {
  padding: 2px 0;
  line-height: 18px;
  font-size: 12px;
  color: #666;
}

.mapRoute .tab_box .tabBoxOne p span {
  display: inline-block;
  padding: 0 5px;
}

.mapRoute .tabBoxRoute {
  width: 100%;
  height: auto;
}

.mapRoute .tabBoxRoute h3 {
  margin: 10px 0 5px;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #000000;
}

.mapRoute .tabBoxRoute h3.startPoint {
  background: url(../images/ico31.png) 0 center no-repeat;
}

.mapRoute .tabBoxRoute h3.end {
  background: url(../images/ico32.png) 0 center no-repeat;
}

.mapRoute .tabBoxRoute p {
  position: relative;
  padding: 3px 0 3px 22px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
}

.mapRoute .tabBoxRoute p img {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  width: 15px;
  height: 17px;
}

.mapRoute .tabBoxRoute p span {
  color: #3266cd;
}

/*校区精彩活动*/
.campusDiv {
  padding-top: 20px;
}

.campusDiv .title i img {
  height: 162px;
}

.campusDiv .title h2 {
  height: 162px;
  line-height: 146px;
}

.campus-left {
  margin-top: 70px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.campus-left .hd {
  height: 203px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}

.campus-left .hd .prev,
.campus-left .hd .next {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url(../images/next.png) 0 0 no-repeat;
}

.campus-left .hd .next {
  background-position: right 0;
  left: auto;
  right: 0;
}

.campus-left .hd .prev:hover {
  background-position: 0 bottom;
}

.campus-left .hd .next:hover {
  background-position: right bottom;
}

.campus-left .bd {
  width: 924px;
  margin: 0 auto;
}

.campus-left .bd ul {
  overflow: hidden;
  zoom: 1;
}

.campus-left .bd ul li {
  width: 292px;
  margin: 0 8px;
  float: left;
  _display: inline;
  overflow: hidden;
}

.campus-left .bd ul li a {
  display: block;
  color: #333333;
}

.campus-left .bd ul li img {
  display: block;
  width: 100%;
  height: 203px;
}

.campus-left .bd ul li h6 {
  margin-top: 24px;
  line-height: 22px;
  font-size: 14px;
  color: #999999;
}

.campus-left .bd ul li p {
  margin-top: 4px;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
}

.campus-left .bd ul li a:hover {
  color: #d5001f;
}

/**********************师资**********************/
/*更多关注与陪伴成长*/
.teacherOneWrap {
  height: auto;
  background: #f5f5f5 url(../images/title12.png) center 103px no-repeat;
}

.teacherOne {
  height: auto;
  padding-top: 85px;
}

.teacherOne .teacherLeft {
  padding-top: 40px;
  width: 58.5%;
  height: auto;
}

.teacherOne .teacherLeft h2 {
  padding-left: 20px;
  line-height: 44px;
  font-size: 32px;
  color: #000;
  font-weight: 600;
}

.teacherOne .teacherLeft p {
  padding-left: 20px;
  margin-top: 16px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
}

.teacherOne .teacherLeft img {
  margin-top: 85px;
  display: block;
  width: 100%;
  height: 456px;
}

.teacherOne .teacherRight {
  width: 41%;
}

.teacherOne .teacherRight ul {
  width: 100%;
  height: auto;
}

.teacherOne .teacherRight ul li {
  margin-bottom: 15px;
  width: 100%;
  height: auto;
}

.teacherOne .teacherRight ul li a {
  display: block;
  border-radius: 15px;
  padding: 18px 28px 28px;
  color: #3b3b3b;
  background: #fff url(../images/ico12.png) right top no-repeat;
}

.teacherOne .teacherRight ul li a h2 {
  margin-bottom: 15px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  font-size: 24px;
  font-weight: 600;
}

.teacherOne .teacherRight ul li a p {
  line-height: 24px;
  font-size: 14px;
}

.teacherOne .teacherRight ul li a:hover {
  color: #fff;
  background: #d5001f;
}

/*成为励步的老师需要经历过哪些*/
.teacherTwo {
  margin-top: 30px;
}

.teacherTwo .title i img {
  height: 120px;
}

.teacherTwo .title h2 {
  height: 108px;
  line-height: 108px;
  padding: 12px 0 2px;
}

.teacherTwo .teachMainWrap {
  margin-top: 118px;
  padding: 0 25px;
  height: auto;
}

.teacherTwo .teachMainWrap .teachMain {
  padding: 48px 32px 20px;
  position: relative;
  border: 1px solid #dcdcdc;
}

.teacherTwo .teachMainWrap .teachMain h2 {
  background: #fff url(../images/title14.png) 0 0 no-repeat;
  position: absolute;
  left: -1px;
  top: -51px;
  padding-top: 28px;
  padding-right: 46px;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  color: #3b3b3b;
}

.teacherTwo .teachMainWrap .teachMain p {
  line-height: 32px;
  font-size: 16px;
  color: #3b3b3b;
}

/*上岗前*/
.guardDiv {
  height: auto;
  margin-top: 100px;
}

.guardDiv .guardTitle {
  width: 100%;
  height: auto;
  text-align: center;
}

.guardDiv .guardTitle h2 {
  margin-bottom: 5px;
  line-height: 42px;
  font-size: 32px;
  color: #000;
}

.guardDiv .guardTitle p {
  line-height: 22px;
  font-size: 14px;
  color: #000;
}

.guardDiv ul {
  margin-top: 40px;
  width: 100%;
  height: auto;
  float: left;
}

.guardDiv ul li {
  position: relative;
  width: 19%;
  margin: 0 0.5%;
  float: left;
}

.guardDiv ul li img {
  display: block;
  width: 130px;
  height: 78px;
  margin: 0 auto;
}

.guardDiv ul li h2 {
  text-align: center;
  width: 100%;
  height: 78px;
  line-height: 78px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #333333;
}

/*国际化师资学术培训体系*/
.systemWrap {
  margin-top: 100px;
  width: 100%;
  height: auto;
  background: url(../images/back8.jpg) center top no-repeat;
}

.systemDiv .title {
  padding-bottom: 50px;
}

.systemDiv .title i img {
  height: 162px;
  height: auto;
}

.systemDiv .title h2 {
  height: 98px;
  line-height: 98px;
  padding: 12px 0 2px;
  color: #fff;
}

.systemDiv .title h2 span {
  background: #fff;
}

.systemTab {
  margin-bottom: 70px;
  padding-bottom: 45px;
  margin-top: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.systemTab span {
  display: block;
  float: left;
  height: 44px;
  line-height: 44px;
  font-size: 26px;
  color: #fff;
}

.systemTab i {
  display: block;
  margin: 0 36px;
  float: left;
  width: 1px;
  margin-top: 9px;
  height: 26px;
  background: #fff;
}

/*师资动态*/
.dynamicDiv .title {
  padding-bottom: 34px;
}

.dynamicDiv .title i img {
  height: 172px;
}

.dynamicDiv .title h2 {
  height: 108px;
  line-height: 108px;
  padding-top: 28px;
  padding-bottom: 2px;
}

.teachDynaDiv {
  height: auto;
  margin-top: 60px;
}

.teachDynaDiv .teachDynaLeft {
  width: 47%;
  height: auto;
}

.teachDynaDiv .teachDynaLeft img {
  display: block;
  width: 100%;
  height: 294px;
}

.teachDynaDiv .teachDynaLeft a.btitle {
  margin-top: 15px;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 20px;
  color: #161616;
}

.teachDynaDiv .teachDynaLeft a:hover {
  color: #d5001f;
}

.teachDynaDiv .teachDynaLeft h3 {
  height: 22px;
  line-height: 22px;
  width: 100%;
  font-size: 12px;
  color: #161616;
}

.teachDynaDiv .teachDynaLeft p {
  height: 72px;
  overflow: hidden;
  margin-top: 20px;
  line-height: 24px;
  width: 100%;
  font-size: 12px;
  color: #888888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.teachDynaDiv .teachDynaRight {
  width: 50%;
  height: auto;
}

.teachDynaDiv .teachDynaRight ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.teachDynaDiv .teachDynaRight ul li {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  float: left;
}

.teachDynaDiv .teachDynaRight ul li .teachImg {
  width: 41.6%;
  height: auto;
}

.teachDynaDiv .teachDynaRight ul li .teachImg a {
  display: block;
}

.teachDynaDiv .teachDynaRight ul li .teachImg a img {
  display: block;
  width: 100%;
  height: 138px;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt {
  width: 56%;
  height: auto;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt a {
  margin-top: -7px;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  font-size: 20px;
  color: #161616;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt h3 {
  height: 22px;
  line-height: 22px;
  width: 100%;
  font-size: 12px;
  color: #161616;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt p {
  height: 72px;
  overflow: hidden;
  margin-top: 17px;
  line-height: 24px;
  width: 100%;
  font-size: 12px;
  color: #888888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.teachDynaDiv .teachDynaRight ul li .teachTxt a:hover {
  color: #d5001f;
}

/**********************励步简介**********************/
.bodyDiv {
  background: url(../images/back66.jpg) right top no-repeat;
  background-size: 63.28%;
}

/*关于励步*/
.aboutDiv {
  padding-top: 150px;
  height: auto;
}

.aboutDiv .aboutMain {
  padding-bottom: 36px;
  background: url(../images/title18.png) right bottom no-repeat;
  width: 740px;
  height: auto;
}

.aboutDiv .aboutMain h2 {
  position: relative;
  padding-bottom: 37px;
  height: 66px;
  line-height: 66px;
  font-size: 40px;
  color: #333333;
  font-weight: 600;
}

.aboutDiv .aboutMain h2 span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 34px;
  height: 2px;
  background: #d5001f;
}

.aboutDiv .aboutMain h3 {
  margin: 26px 0 58px;
  line-height: 42px;
  font-size: 20px;
  color: #000;
}

.aboutDiv .aboutMain p {
  margin-bottom: 22px;
  line-height: 34px;
  font-size: 16px;
  color: #666666;
}

.aboutDiv .aboutMain p.aboutP {
  width: 470px;
}

.aboutDiv .aboutMain p.aboutP1 {
  width: 550px;
}

/*励步英语*/
.introOne {
  margin-top: 90px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.introOne .introLeft {
  width: 50%;
  height: auto;
  overflow: hidden;
}

.introOne .introLeft img {
  float: right;
  display: block;
  height: auto;
}

.introOne .introRight {
  width: 50%;
  height: auto;
}

.introOne .introRight .introRightTxt {
  padding-top: 28px;
  width: 460px;
  padding-left: 35px;
}

.introOne .introRight .introRightTxt h2 {
  margin-bottom: 26px;
  padding-top: 56px;
  background: url(../images/ico6.png) 0 0 no-repeat;
  line-height: 40px;
  font-size: 20px;
  color: #000;
}

.introOne .introRight .introRightTxt p {
  line-height: 34px;
  font-size: 16px;
  color: #666;
}

.introTwo {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.introTwo .introTwoLeft {
  width: 50%;
  height: auto;
  background: url(../images/back10.jpg) right 0 no-repeat;
}

.introTwo .introTwoLeft .introTwoLeftMain {
  padding-top: 86px;
  float: right;
  width: 500px;
}

.introTwo .introTwoLeft .introTwoLeftMain img {
  display: block;
  width: 100%;
  height: 418px;
}

.introTwo .introTwoLeft .introTwoLeftMain p {
  margin-bottom: 110px;
  background: url(../images/ico11.png) 50px 0 no-repeat;
  padding-top: 75px;
  line-height: 40px;
  padding-left: 50px;
  font-size: 20px;
  color: #fff;
}

.introTwo .introTwoRight {
  width: 50%;
  height: auto;
  background: url(../images/back9.jpg) left 0 no-repeat;
}

.introTwo .introTwoRight .introTwoRightMain {
  float: left;
  width: 500px;
  height: auto;
}

.introTwo .introTwoRight .introTwoRightMain p {
  padding-left: 36px;
  margin-top: 88px;
  line-height: 32px;
  font-size: 16px;
  color: #666666;
}

.introTwo .introTwoRight .introTwoRightMain img {
  display: block;
  width: 100%;
  height: 391px;
}

/*发展大事件与荣誉*/
.honorsDiv .title i img {
  height: 112px;
}

.honorsDiv .title h2 {
  height: 112px;
  padding: 0;
  line-height: 122px;
}

.honoList {
  padding-top: 60px;
  width: 100%;
  height: auto;
  position: relative;
}

.honoLine {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 197px;
  background: #bfbfbf;
}

.honorsDiv ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.honorsDiv ul li {
  margin-bottom: 60px;
  width: 100%;
  height: auto;
  float: left;
}

.honorsDiv ul li .honoLeft {
  width: 200px;
  height: auto;
  float: left;
  text-align: right;
}

.honorsDiv ul li .honoLeft span {
  background: url(../images/ico24.png) right center no-repeat;
  height: 50px;
  padding-right: 60px;
  line-height: 50px;
  display: block;
  font-size: 44px;
  color: #333333;
}

.honorsDiv ul li .honoLeft em {
  height: 46px;
  padding-right: 60px;
  line-height: 46px;
  display: block;
  font-size: 32px;
  color: #333333;
}

.honorsDiv ul li .honoRight {
  position: relative;
  padding: 16px 0;
  margin-top: 8px;
  width: 73%;
  height: auto;
  float: right;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}

.honorsDiv ul li .honoRight p {
  padding: 0 22px;
  overflow: hidden;
}

.honorsDiv ul li .honoRight p em {
  margin-right: 16px;
  float: left;
  margin-top: 7px;
  display: block;
  border-radius: 100%;
  width: 18px;
  line-height: 18px;
  background: #000;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 18px;
}

.honorsDiv ul li .honoRight p span {
  width: 95%;
  float: left;
  line-height: 32px;
  display: block;
  font-size: 16px;
  color: #666;
}

.honorsDiv ul li .honoRight i {
  display: block;
  position: absolute;
}

.honorsDiv ul li .honoRight i.ico1 {
  left: -10px;
  top: 0;
  width: 16px;
  height: 26px;
  background: url(../images/ico23.png) no-repeat;
}

.honorsDiv ul li .honoRight i.ico2 {
  top: -1px;
  left: -8px;
  width: 10px;
  height: 1px;
  background: #d6d6d6;
}

.honorsDiv ul li .honoMore {
  width: 73%;
  float: right;
}

.honorsDiv ul li .honoMore a {
  display: block;
  width: 136px;
  height: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-size: 12px;
  color: #3b3b3b;
  text-align: center;
  line-height: 40px;
}

.honorsDiv ul li .honoMore a:hover {
  border: 1px solid #d5001f;
  background: #d5001f;
  color: #fff;
}

/**********************授权合作**********************/
.lbs2BannTxtWrap .bannTxtBox1 {
  background: #fff url(../images/ico12.png) right top no-repeat;
}

/*品牌优势*/
.brandDiv .title {
  padding-bottom: 17px;
}

.brandDiv .title h2 {
  padding-top: 3px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.brandDiv ul {
  margin-top: 60px;
  width: 100%;
  height: auto;
}

.brandDiv ul li {
  width: 22%;
  height: auto;
  float: left;
  margin: 0 1.5%;
}

.brandDiv ul li a {
  border-radius: 12px;
  text-align: center;
  padding: 46px 12px 50px;
  height: 210px;
  overflow: hidden;
  display: block;
  border: 1px solid #d5d5d5;
}

.brandDiv ul li a span {
  margin: 0 auto;
  display: block;
  width: 56px;
  height: auto;
}

.brandDiv ul li a span img {
  display: block;
  width: 100%;
  height: 50px;
}

.brandDiv ul li a h2 {
  margin: 34px 0 36px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #3b3b3b;
}

.brandDiv ul li a p {
  line-height: 18px;
  font-size: 12px;
  color: #3b3b3b;
}

.brandDiv ul li:hover a {
  border: 1px solid #fff;
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

/*合作条件*/
.conditionsDiv_cont {
  width: 100%;
  background: #f8f8f8;
  margin-top: 100px;
}

.conditionsDiv .title {
  padding-bottom: 36px;
}

.conditionsDiv .title h2 {
  padding-top: 22px;
  height: 100px;
  line-height: 100px;
  padding-bottom: 2px;
}

.conditionsDiv .title i img {
  height: 160px;
}

/*品牌授权支持体系*/
.supportDiv .title {
  padding-bottom: 50px;
}

.supportDiv .title i img {
  height: 178px;
}

.supportDiv .title h2 {
  height: 102px;
  line-height: 102px;
  padding: 24px 0 2px;
}

.supporBox {
  margin-top: 80px;
  width: 100%;
  height: auto;
  background: #3d5da1;
}

.supporLeft {
  overflow: hidden;
  text-align: right;
  width: 50%;
  height: auto;
}

.supporLeft img {
  display: block;
  height: 261px;
  width: 100%;
}

.supporRight {
  text-align: left;
  width: 50%;
  height: auto;
}

.supperMain {
  padding: 36px 0 38px;
  margin-left: 60px;
  float: left;
  width: 380px;
  color: #fdfdfd;
}

.supperMain h2 {
  margin-bottom: 34px;
  line-height: 40px;
  font-size: 24px;
}

.supperMain p {
  line-height: 28px;
  font-size: 16px;
}

.supporBox1 {
  width: 100%;
  height: auto;
  background: #d5001f;
}

.supporBox1 .supporLeft .supperMain {
  float: right;
  margin-left: 0;
  margin-right: 60px;
}

.supporBox1 .supporRight {
  background: #fff;
}

.supporBox1 .supporRight .supperMain {
  color: #3b3b3b;
}

/*品牌授权流程*/
.processDiv ul {
  margin-top: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.processDiv ul li {
  margin-bottom: 44px;
  float: left;
  position: relative;
  width: 25%;
  height: auto;
}

.processDiv ul li a {
  color: #333;
  width: 148px;
  border-radius: 15px;
  padding: 25px 20px;
  display: block;
  margin: 0 auto;
  background: #f3f3f3 url(../images/ico12.png) right top no-repeat;
}

.processDiv ul li a h2 {
  margin-bottom: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  font-size: 28px;
}

.processDiv ul li a p {
  height: 60px;
  line-height: 30px;
  overflow: hidden;
  font-size: 18px;
}

.processDiv ul li i {
  display: block;
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
}

.processDiv ul li i img {
  display: block;
  width: 8px;
  height: 15px;
}

.processDiv ul li.processLi4 i,
.processDiv ul li.processLi5 i {
  display: none;
}

.processDiv ul li.processLi5 i,
.processDiv ul li.processLi6 i,
.processDiv ul li.processLi7 i,
.processDiv ul li.processLi8 i {
  right: auto;
  left: -3px;
}

.processDiv ul li a:hover {
  background: #d5001f;
  color: #fff;
}

/*励步校区分布*/
.distribution .disMap {
  margin-top: 60px;
}

.distribution .disMap img {
  display: block;
  width: 60.9%;
  height: auto;
  margin-left: 5%;
}

/*We are Firstleapers*/
.firstleapDiv .title {
  padding-bottom: 36px;
}

.firstleapDiv .title i img {
  height: 158px;
}

.firstleapDiv .title h2 {
  padding-top: 24px;
  height: 96px;
  line-height: 96px;
  padding-bottom: 2px;
}

/*join us*/
.joinDiv {
  margin-top: 100px;
  text-align: center;
  color: #f2f2f2;
  font-size: 16px;
  padding: 60px 0;
  background: url(../images/back4.jpg) center center no-repeat;
}

.joinDiv img {
  display: block;
  margin: 0 auto 8px;
}

.joinDiv h2 {
  height: 32px;
  line-height: 32px;
}

.joinDiv p {
  margin-bottom: 10px;
  height: 32px;
  line-height: 32px;
}

/**********************云学习**********************/
/*线上线下结合，学习就像做游戏。智能学习数据分析，个性化学习内容推荐。*/
.withBox {
  margin-top: 54px;
  height: auto;
}

.withBox .withLeft {
  width: 48.7%;
  height: auto;
}

.withBox .withLeft img {
  display: block;
  width: 100%;
}

.withBox .withRight {
  padding-top: 82px;
  width: 45%;
  height: auto;
}

.withBox .withRight h2 {
  line-height: 34px;
  font-size: 20px;
  color: #000;
}

.withBox .withRight p {
  line-height: 24px;
  font-size: 14px;
  color: #3b3b3b;
}

.heightDiv {
  height: 42px;
}

/*外教在线互动课*/
.title p {
  margin-top: 50px;
  line-height: 30px;
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.lessonList li a span {
  width: 86px;
}

.lessonList li a span img {
  height: 88px;
}

/*课后-IPS 智能练习*/
.exerciseDiv {
  padding-top: 33px;
  text-align: center;
  width: 100%;
  height: auto;
  background: url(../images/back4.jpg) center center no-repeat;
}

.exerciseDiv h2 {
  height: 110px;
  padding-bottom: 2px;
  line-height: 110px;
  font-size: 32px;
  color: #ffffff;
  position: relative;
}

.exerciseDiv h2 span {
  height: 2px;
  background: #828dac;
  width: 36px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -18px;
}

.exerciseDiv h3 {
  margin: 30px 0;
  line-height: 40px;
  font-size: 24px;
  color: #ffffff;
  position: relative;
}

.exerciseDiv p {
  line-height: 30px;
  font-size: 16px;
  color: #ffffff;
  position: relative;
}

.exerciseDiv img {
  width: 488px;
  height: 268px;
  display: block;
  margin: 54px auto 0;
}

/*在线图书馆*/
.libraryDiv {
  margin-top: 20px;
}

.libraryDiv .title {
  padding-bottom: 50px;
}

.libraryDiv .title p {
  margin-top: 70px;
}

.libraryDiv .title i img {
  height: 172px;
}

.libraryDiv .title h2 {
  padding-top: 10px;
  height: 110px;
  line-height: 110px;
  padding-bottom: 2px;
}

.librayOne {
  margin-top: 20px;
  width: 100%;
  height: auto;
}

.librayOne .libraryLeft {
  margin-left: 4%;
  width: 34.2%;
  height: auto;
}

.librayOne .libraryLeft img {
  display: block;
  width: 100%;
  height: auto;
}

.librayOne .libraryRight {
  padding-top: 72px;
  width: 55.4%;
}

.librayOne .libraryRight p {
  margin-bottom: 54px;
  line-height: 30px;
  font-size: 20px;
  color: #666666;
}

/*北美Reading a-z与英国牛津阅读*/
.oxford {
  height: auto;
}

.oxford h2 {
  text-align: center;
  padding: 72px 0;
  line-height: 50px;
  font-size: 24px;
  color: #000;
}

.oxford ul {
  padding: 0 80px;
}

.oxford ul li {
  margin-bottom: 36px;
  width: 12.5%;
  height: auto;
  float: left;
}

.oxford ul li a {
  display: block;
  width: 75px;
  height: auto;
  margin: 0 auto;
}

.oxford ul li a img {
  display: block;
  width: 100%;
  height: 100px;
}

.oxford ul li a:hover {
  transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
}

/*Magic box神奇宝盒*/
.magicDiv {
  margin-bottom: 170px;
  margin-top: 60px;
  background: #eeeeee;
}

.magicBox {
  padding-bottom: 237px;
  position: relative;
}

.magicBox .title {
  margin-bottom: 34px;
}

.magicBox .title i img {
  height: 172px;
}

.magicBox .title h2 {
  height: 172px;
  line-height: 172px;
  padding: 0;
}

.magicBox p {
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: #666;
}

.magicBox img.magicImg {
  position: absolute;
  left: 1.15%;
  bottom: -168px;
  display: block;
  width: 97.7%;
  height: auto;
}

/*手机端同步学习报告推送，孩子进步看得见*/
.synchronous {
  padding-top: 30px;
}

.synchronous h2 {
  line-height: 40px;
  font-size: 24px;
  color: #000000;
  text-align: center;
}

.synchronous p {
  line-height: 20px;
  font-size: 16px;
  color: #999999;
  text-align: center;
}

.synchronOne {
  width: 83%;
  height: auto;
  margin: 50px auto 0;
}

.synchronOne .synLeft {
  width: 47%;
  height: auto;
  position: relative;
}

.synchronOne .synLeft a {
  border-radius: 15px;
  display: block;
  height: 336px;
  overflow: hidden;
  padding: 44px 36px 50px;
  background: #e60021;
}

.synchronOne .synRight a {
  background: #374e8c;
}

.synchronOne .synLeft i {
  position: absolute;
  top: 0;
  right: 12px;
  display: block;
  width: 143px;
  height: auto;
}

.synchronOne .synLeft i img {
  display: block;
  width: 100%;
  height: 86px;
}

.synchronOne .synLeft h2 {
  margin-bottom: 26px;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  font-size: 32px;
  color: #fff;
}

.synchronOne .synLeft p {
  line-height: 36px;
  font-size: 18px;
  color: #fff;
}

/******后加页面*****************************************************/
.top_banner {
  width: 100%;
  min-width: 1200px;
  position: relative;
  margin-top: 90px;
}

.top_banner .mm1 {
  width: 100%;
}

.top_banner .contr {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top_banner .contr .mm2 {
  margin: 15% auto 0;
}

.top_banner .contr .mm3 {
  margin: 3% auto 0;
}

/**/
/*.title{ width: 100%; min-width: 1200px; position: relative; margin: 70px 0 55px 0;}
.title img{ margin: auto;}
.title .tt{ width: 100%; position: absolute; left: 0; top: 0;}
.title .tt h1{ font-size: 30px; color: #000; text-align: center; margin: 45px 0 25px 0;}
.title .tt span{ width: 32px; height: 3px; background: #d5001f; display: block; margin: auto;}
.title .tt .kik{ margin: 65px 0 25px 0;}
.title .tt .ki{ margin: 55px 0 25px 0;}
.title h2{ font-size: 20px; color: #000; text-align: center; margin-top: 30px;}*/
/**/
.inter {
  width: 100%;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  margin-top: 80px;
}

.inter .ph {
  width: 50%;
  float: left;
  height: 279px;
}

.inter .ph1 {
  background: #e70022;
}

.inter .ph2 {
  background: #395ea9;
}

.inter .cont {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.inter .cont .i_left {
  width: 50%;
  float: left;
}

.inter .cont .i_left h2 {
  font-size: 30px;
  color: #fff;
  margin-top: 30px;
}

.inter .cont .i_left h1 {
  font-size: 32px;
  color: #fff;
  margin: 20px 0 6px 0;
  font-weight: bold;
}

.inter .cont .i_left p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-right: 50px;
}

.inter .cont .i_right {
  width: 50%;
  float: right;
}

.inter .cont .i_right img {
  width: 100%;
}

/**/
.voidDiv {
  min-width: 1200px;
}

.voids p {
  margin: 30px auto;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  max-width: 940px;
}

.voids p:first-child {
  text-indent: 28px;
}

.voids p i {
  font-weight: bold;
  text-indent: 0;
}

.voids p b {
  width: 28px;
  height: 2px;
  display: inline-block;
}

.voids .voids_cont {
  max-width: 940px;
  margin: auto;
  position: relative;
  padding-bottom: 40px;
}

.voids .voids_cont .bd {
  width: 940px;
  height: 560px;
  border-radius: 15px;
  overflow: hidden;
}

.voids .voids_cont .bd ul li {
  width: 940px;
  height: 560px;
}

.voids .voids_cont .hd {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -84px;
}

.voids .voids_cont .hd ul li {
  width: 40px;
  height: 7px;
  background: #999;
  margin: 0 8px;
  float: left;
}

.voids .voids_cont .hd ul li.on {
  background: #e60021;
}

/**/
.photoDiv {
  min-width: 1200px;
}

.photo_list {
  padding: 80px 0;
}

.photo_list ul li {
  float: left;
  width: 32%;
  margin: 0.5%;
}

.photo_list ul li .bb {
  width: 100%;
  transition: all 0.8s;
}

.photo_list ul li:hover .bb {
  opacity: 0.8;
}

.photo_list ul li .po {
  display: block;
  overflow: hidden;
}

.photo_list .curr {
  width: 65.2%;
}

.photo_list .tip {
  position: relative;
}

.photo_list .pager {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.photo_list .pager .pp {
  position: relative;
  padding: 8%;
  height: 84%;
}

.photo_list .pager .pp .tt2 {
  position: absolute;
  top: 20px;
  right: 30px;
}

.photo_list .pager .pp p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}

.photo_list .pager .pp a {
  width: 98px;
  height: 34px;
  border: 1px solid #fff;
  display: block;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  transition: all 0.5s;
}

.photo_list .pager .pp a:hover {
  box-shadow: inset 49px 0px 0px 1px #fff, inset -49px 0px 0px 1px #fff;
  opacity: 1;
  color: #333;
}

.photo_list .pager .pp1 h1 {
  font-size: 30px;
  color: #fff;
  margin: 30px 0;
}

.photo_list .pager .pp2 img {
  position: absolute;
  top: 20px;
  left: 20px;
}

.photo_list .pager .pp2 p {
  margin-top: 80px;
}

.photo_list .pager .pp3 p {
  margin-top: 90px;
}

/**/
.bookDiv {
  min-width: 1200px;
  margin-top: 90px;
}

.book .b_left {
  float: left;
  width: 47%;
  margin-right: 3%;
}

.book .b_left img {
  width: 100%;
  transition: all 0.8s;
}

.book .b_left a {
  display: block;
  overflow: hidden;
}

.book .b_left:hover img {
  transform: scale(1.1);
}

.book .b_left h1 {
  font-size: 20px;
  color: #333;
  margin: 35px 0 10px 0;
  transition: all 0.8s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.book .b_left:hover h1 {
  color: #e60021;
}

.book .b_left h2 {
  font-size: 14px;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 80px;
}

.book .b_left p {
  font-size: 12px;
  color: #666;
  line-height: 26px;
  margin-top: 20px;
}

.book .b_right {
  float: right;
  width: 50%;
}

.book .b_right ul li {
  margin-bottom: 43px;
}

.book .b_right ul li img {
  transition: all 0.8s;
  float: left;
  margin-right: 15px;
  overflow: hidden;
}

.book .b_right ul li:hover img {
  transform: scale(1.1);
}

.book .b_right ul li h1 {
  font-size: 20px;
  color: #333;
  transition: all 0.8s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.book .b_right ul li:hover h1 {
  color: #e60021;
}

.book .b_right ul li h2 {
  font-size: 14px;
  color: #333;
  margin: 10px 0 20px 0;
}

.book .b_right ul li p {
  font-size: 12px;
  color: #666;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 72px;
}

/**/
.hear_w {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  margin-top: 90px;
}

.hear_w img {
  width: 100%;
}

.hear_w .p_up {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -500px;
}

.hear_w .p_up .up_cont {
  width: 340px;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
}

.hear_w .p_up .up_cont h1 {
  font-size: 26px;
  color: #000;
  font-weight: bold;
}

.hear_w .p_up .up_cont p {
  font-size: 12px;
  color: #4b4b4b;
  line-height: 24px;
  margin: 15px 0;
}

.hear_w .p_up .up_cont p b {
  width: 50%;
  display: inline-block;
}

.hear_w .p_up .up_cont a {
  width: 200px;
  height: 50px;
  display: block;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #e70022;
  border-radius: 5px;
  transition: all 0.5s;
}

.hear_w .p_up .up_cont a:hover {
  background: #bf0003;
}

.hear_w .p_up .up_cont2 a {
  width: 100%;
}

/**/
.voidDiv {
  min-width: 1200px;
  margin-top: 50px;
}

.void_w {
  max-width: 945px;
  height: 560px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
  background: url(../images/background_2.jpg) no-repeat center;
  background-size: cover;
}

.void_w2 {
  margin: 60px auto 0;
}

/**/
.sty_cont {
  width: 100%;
  min-width: 1200px;
  padding: 50px 0;
  background: #d5001f;
  position: relative;
  margin: 65px 0;
}

.sty_cont .se_left {
  float: left;
  width: 50%;
  position: relative;
}

.sty_cont .se_left .ss {
  width: 100%;
  border-radius: 10px;
}

.sty_cont .se_left .ss2 {
  position: absolute;
  bottom: -50px;
  right: -80%;
}

.sty_cont .se_right {
  position: absolute;
  top: 50px;
  left: 53%;
}

.sty_cont .se_right .rr {
  margin: 25px 0 35px 0;
}

.sty_cont .se_right h1 {
  font-size: 32px;
  color: #fff;
}

.sty_cont .se_right b {
  font-size: 16px;
  color: #fff;
  display: block;
}

.sty_cont .se_right h2 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  margin: 80px 0 35px 0;
}

.sty_cont .se_right p {
  font-size: 16px;
  color: #fff;
  line-height: 44px;
}

/**/
.ideaDiv {
  min-width: 1200px;
}

.idea h1 {
  font-size: 32px;
  color: #333;
  text-align: center;
}

.idea b {
  font-size: 16px;
  color: #000;
  display: block;
  text-align: center;
}

.idea h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin: 30px 0 25px 0;
}

.idea p {
  margin: auto;
  width: 756px;
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
}

.idea img {
  margin: auto;
}

.idea .cont {
  margin-top: 30px;
}

/**/
.pathDiv {
  min-width: 1200px;
}

.path {
  padding-top: 65px;
  max-width: 990px;
  margin: auto;
}

.path h1 {
  font-size: 32px;
  color: #333;
  text-align: center;
}

.path b {
  font-size: 16px;
  color: #000;
  display: block;
  text-align: center;
}

.path .cont ul li {
  width: 280px;
  height: 150px;
  float: left;
  margin: 0 25px;
  margin-top: 45px;
  cursor: pointer;
}

.path .cont ul li a {
  display: block;
  width: 278px;
  height: 148px;
  border: 1px solid #ccc;
  border-radius: 10px;
  transition: all 0.8s;
}

.path .cont ul li:hover a {
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  border-color: #fff;
  transform: translate(0, -8px);
}

.path .cont ul li .nn {
  width: 100%;
  height: 75px;
  position: relative;
}

.path .cont ul li .nn p {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 20px;
  color: #333;
}

.path .cont ul li h2 {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin-top: 20px;
}

.path i {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}

.path2 {
  padding-top: 100px;
}

.path2 h1 {
  font-weight: bold;
}

.path2 .cont p {
  font-size: 30px;
  color: #333;
  text-align: center;
  margin-top: 25px;
}

.path .cont ul li h2 {
  line-height: 20px;
}

/**/
.mover {
  width: 100%;
  min-width: 1200px;
  position: relative;
  margin-top: 80px;
}

.mover .tr1 {
  width: 50%;
  height: 350px;
  float: left;
  background: #d5001f;
}

.mover .tr2 {
  width: 50%;
  height: 350px;
  float: right;
  background: #3a5395;
}

.mover .mover_cont {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
}

.mover .mover_cont .mn_left {
  float: left;
}

.mover .mover_cont .mn_left img {
  width: 100%;
}

.mover .mover_cont .mn_right {
  height: 350px;
  float: right;
  position: relative;
}

.mover .mover_cont .mn_right img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.mover .mover_cont .mn_right p {
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  margin: 100px 0 0 50px;
}

/**/
.foreDiv {
  min-width: 1200px;
}

.fore {
  padding: 65px;
  background: #fafafa;
  margin: 60px auto 45px auto;
  border-radius: 10px;
}

.fore img {
  margin: auto;
}

/**/
.advant .adv_cont2 {
  margin-top: 50px;
}

.advant .adv_cont .v_left {
  width: 56%;
  border-radius: 15px;
}

.advant .adv_cont .v_left img {
  width: 100%;
}

.advant .adv_cont .v_right {
  width: 40%;
  height: 432.86px;
  background: #e70022;
  border-radius: 15px;
  position: relative;
}

.advant .adv_cont .v_right img {
  position: absolute;
  bottom: 0;
  left: 40px;
}

.advant .adv_cont .v_right h1 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  margin: 75px 0 20px 50px;
}

.advant .adv_cont .v_right p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-left: 50px;
}

.advant .adv_cont .v_left1 {
  float: left;
}

.advant .adv_cont .v_right1 {
  float: right;
}

.advant .adv_cont .v_left2 {
  float: right;
  height: 433px;
}

.advant .adv_cont .v_right2 {
  float: left;
  height: 433px;
  background: #3a5395;
}

/**/
.powDiv {
  min-width: 1200px;
  margin-top: 80px;
}

.power .p_cont {
  max-width: 940px;
  margin: 0 auto 80px auto;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.power .p_cont .pp {
  width: 100%;
  transition: all 0.8s;
}

.power .p_cont:hover .pp {
  transform: scale(1.1);
}

.power .p_cont .wer1 {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/background_1.png) no-repeat right top;
  width: 382px;
  height: 430px;
}

.power .p_cont .wer1 p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: right;
  margin: 80px 60px 0 0;
}

.power .p_cont .wer2 {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/background_2.png) no-repeat right top;
  width: 382px;
  height: 430px;
}

.power .p_cont .wer2 p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: left;
  margin: 160px 0 0 25px;
}

/**/
.news {
  width: 100%;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.news .nn1 {
  height: 650px;
  width: 100%;
  background: url(../images/news_background_1.jpg) no-repeat center;
}

.news .nn2 {
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: -138px;
}

.news_cont {
  width: 1120px;
  padding: 50px 40px;
  margin: -200px auto 0;
  background: #fff;
  border-radius: 15px;
}

.news_cont h1 {
  font-size: 30px;
  color: #333;
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px solid #e7e7e7;
}

.news_cont ul li {
  padding: 40px 25px;
  border-bottom: 1px dashed #e7e7e7;
  cursor: pointer;
}

.news_cont ul li img {
  transition: all 0.8s;
  float: left;
  overflow: hidden;
}

.news_cont ul li:hover img {
  transform: scale(1.1);
}

.news_cont ul li .nn {
  float: right;
  width: 790px;
}

.news_cont ul li h2 {
  font-size: 20px;
  color: #333;
  line-height: 40px;
  transition: all 0.8s;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news_cont ul li:hover h2 {
  color: #e60021;
}

.news_cont ul li p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news_cont ul li span {
  font-size: 12px;
  color: #ccc;
  margin-top: 20px;
  display: block;
}

.news_cont ul li span i {
  color: #999;
}

.news_cont ul li span b {
  margin-left: 12px;
}

.moret {
  text-align: center;
  width: auto;
  margin: 40px auto 0;
  display: inline-block;
}

.moret a,
.moret span {
  width: 35px;
  height: 35px;
  border: 1px solid #ccc;
  float: left;
  margin: 0 4px;
  line-height: 35px;
  font-size: 14px;
  color: #666;
  border-radius: 2px;
  display: inline-block;
}

.moret a.next,
.moret a.prev {
  width: 78px;
}

.moret .current {
  background: #e60021;
  border-color: #e60021;
  color: #fff;
}

.newDiv {
  min-width: 1200px;
}

.banDiv {
  min-width: 1200px;
}

.news_bann {
  width: 1120px;
  padding: 50px 40px;
  margin: 35px auto;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
}

.news_bann .title {
  margin-top: 0;
}

.news_bann .title .tt h1 {
  font-size: 30px;
  color: #000;
  text-align: center;
  margin: 25px 0;
}

.news_bann .content {
  width: 1000px;
  background: #f5f5f5;
  margin: 90px auto 0;
  position: relative;
}

.news_bann .content img {
  float: left;
  margin-right: 50px;
}

.news_bann .content h1 {
  font-size: 40px;
  color: #333;
  margin: 35px 0 20px 0;
}

.news_bann .content p {
  margin-right: 50px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.news_bann .content .next {
  width: 23px;
  height: 39px;
  background: url(../images/icon_8.png) no-repeat center;
  position: absolute;
  top: 50%;
  left: -60px;
  margin-top: -19.5px;
  cursor: pointer;
}

.news_bann .content .prev {
  width: 23px;
  height: 39px;
  background: url(../images/icon_9.png) no-repeat center;
  position: absolute;
  top: 50%;
  right: -60px;
  margin-top: -19.5px;
  cursor: pointer;
}

/**/
.natDiv {
  min-width: 1200px;
}

.nation {
  padding: 20px 0 30px 0;
  margin-top: 110px;
}

.nation h1 {
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 20px;
}

.nation i {
  float: left;
  color: #333;
  font-size: 18px;
  margin: 0 15px;
  line-height: 20px;
}

.nation h2 {
  float: left;
  color: #e60021;
  font-size: 18px;
  line-height: 20px;
}

.infor {
  min-width: 1200px;
}

.infor .in_left {
  width: 50%;
  height: 430px;
  float: left;
  overflow: hidden;
}

.infor .in_left img {
  width: 100%;
  float: right;
}

.infor .in_right {
  width: 50%;
  float: right;
}

.infor .in_right img {
  margin-left: 50px;
  margin-top: 45px;
}

.infor .in_right h1 {
  font-size: 40px;
  color: #000;
  margin: 45px 0 40px 50px;
}

.infor .in_right p {
  overflow: hidden;
  margin: 15px 0 15px 50px;
  line-height: 35px;
}

.infor .in_right p a {
  width: 35px;
  height: 35px;
  float: left;
}

.infor .in_right p img {
  margin: 0;
}

/**/
.abstr {
  margin-bottom: 120px;
  min-width: 1200px;
}

.abstr .tr_left {
  width: 50%;
  float: left;
}

.abstr .tr_left .bb {
  background: #e60021;
  height: 431px;
  padding-bottom: 200px;
}

.abstr .tr_left .ff {
  float: right;
  margin-top: -200px;
}

.abstr .tr_left .ty {
  width: 390px;
  margin-right: 40px;
  float: right;
}

.abstr .tr_left .ty h1 {
  margin: 60px 0 40px 0;
  font-size: 32px;
  color: #fff;
  overflow: hidden;
  height: 36px;
  line-height: 36px;
}

.abstr .tr_left .ty h1 img {
  float: left;
  margin-right: 25px;
}

.abstr .tr_left .ty p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

.abstr .tr_right {
  width: 50%;
  float: right;
}

.abstr .tr_right .rr {
  width: 100%;
  background: #3b5396;
}

.abstr .tr_right p {
  width: 450px;
  font-size: 20px;
  color: #666;
  margin: 40px 0 0 50px;
  line-height: 40px;
}

/**/
.commrtt {
  min-width: 1200px;
  margin: 80px auto 0;
}

.brill {
  width: 900px;
  margin: auto;
}

.brill .bri_banner {
  position: relative;
  margin-bottom: 60px;
}

.brill .bri_banner img {
  width: 100%;
}

.brill .bri_banner .next {
  width: 29px;
  height: 29px;
  background: url(../images/icon_13.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: 24.5px;
}

.brill .bri_banner .prev {
  width: 29px;
  height: 29px;
  background: url(../images/icon_14.png) no-repeat center;
  position: absolute;
  right: -50px;
  top: 50%;
  margin-top: 24.5px;
}

.brill .list_b ul li {
  overflow: hidden;
  margin: 40px 0;
  float: left;
  cursor: pointer;
}

.brill .list_b ul li img {
  transition: all 0.5s;
  border-radius: 5px;
  float: left;
  margin-right: 45px;
  z-index: 8;
  position: relative;
}

.brill .list_b ul li img:hover {
  transform: scale(1.1);
}

.brill .list_b ul li h1 {
  font-size: 24px;
  color: #161616;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.brill .list_b ul li p {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  margin: 20px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.brill .list_b ul li i {
  font-size: 14px;
  color: #989898;
}

/*888888888888888*/
.mainDiv {
  min-width: 1200px;
  overflow: hidden;
}

.title_r h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  letter-spacing: 2px;
  text-indent: 2px;
  height: 90px;
  line-height: 98px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.title_t h2 {
  position: relative;
  z-index: 1;
  width: 100%;
  letter-spacing: 2px;
  text-indent: 2px;
  height: 90px;
  line-height: 110px;
  font-size: 32px;
  color: #000;
  text-align: center;
}

.title_t i img {
  height: 90px;
}

.yue {
  font-size: 24px;
  color: #000;
  text-align: center;
  margin-top: 40px;
  min-width: 1200px;
}

/**/
.feature ul li {
  width: 48.5%;
  height: 300px;
  margin-right: 3%;
  float: left;
  margin-bottom: 30px;
}

.feature ul li:nth-child(2n) {
  margin-right: 0;
}

.feature ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  transition: all 0.8s;
}

.feature ul li b {
  display: block;
  width: 100%;
  height: 110px;
}

.feature ul li:first-child b {
  background: url(../images/icon1r.png) no-repeat center;
}

.feature ul li:nth-child(2) b {
  background: url(../images/icon3r.png) no-repeat center;
}

.feature ul li:nth-child(3) b {
  background: url(../images/icon4r.png) no-repeat center;
}

.feature ul li:nth-child(4) b {
  background: url(../images/icon5r.png) no-repeat center;
}

.feature ul li h1 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.feature ul li p {
  margin: 8px 35px 0 35px;
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

.feature ul li:hover a {
  box-shadow: 0 0 30px rgba(213, 0, 32, 0.3);
  border-color: #fff;
  margin-top: -6px;
}

#feature2 ul li:first-child b {
  background: url(../images/vv2.png) no-repeat center;
}

#feature2 ul li:nth-child(2) b {
  background: url(../images/vv1.png) no-repeat center;
}

#feature2 ul li:nth-child(3) b {
  background: url(../images/vv4.png) no-repeat center;
}

#feature2 ul li:nth-child(4) b {
  background: url(../images/vv3.png) no-repeat center;
}

.material_list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.material_list ul li {
  width: 22.375%;
  margin-left: 3%;
}

.material_list ul li:first-child {
  margin-left: 0;
}

.material_list ul li img {
  width: 100%;
  border-radius: 5px;
  transition: all 0.5s;
}

.material_list ul li img:hover {
  margin-top: -6px;
  box-shadow: 0 0 10px #999;
}

.material_list ul li p {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
  color: #666;
}

.material_photo {
  position: relative;
  margin-top: 60px;
}

.material_photo .bd ul li {
  width: 100%;
}

.material_photo .bd ul li img {
  width: 100%;
  border-radius: 5px;
}

.material_photo .next {
  width: 36px;
  height: 36px;
  background: url(../images/icon6r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.material_photo .prev {
  width: 36px;
  height: 36px;
  background: url(../images/icon7r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.material_photo .next:hover {
  margin-left: -5px;
}

.material_photo .prev:hover {
  margin-right: -5px;
}

.instructional {
  width: 850px;
  margin: 0 auto;
}

.instructional img {
  width: 850px;
}

.instructional .cont ul {
  margin-bottom: 15px;
}

.instructional .cont ul li {
  height: 70px;
  float: left;
  margin-left: 15px;
  width: 240px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  transition: all 0.5s;
}

.instructional .cont ul li:hover {
  box-shadow: 2px 2px 2px #666;
}

.instructional .cont ul li:first-child {
  margin-left: 0;
  width: 80px;
  background: #ee5d78;
}

.instructional .cont ul li:nth-child(2) {
  background: #5d8ffb;
}

.instructional .cont ul li:nth-child(3) {
  background: #77b765;
}

.instructional .cont ul li:nth-child(4) {
  background: #f5bf45;
}

.instructional .cont:first-child ul li {
  background: hsla(0, 100%, 100%, 0);
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}

.drive ul li {
  width: 30%;
  margin: 40px 0;
  margin-right: 5%;
  float: left;
}

.drive ul li:nth-child(3n) {
  margin-right: 0;
}

.drive ul li img {
  width: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.drive ul li img:hover {
  box-shadow: 0 0 20px #ccc;
}

.video_drive {
  position: relative;
}

.video_drive .drivevideo {
  width: 300px !important;
  height: 200px !important;
  border-radius: 10px;
  overflow: hidden;
  background: url(../images/vedioBack.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video_drive b {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  background: url(../images/vides_i.png) no-repeat center;
  background-size: 100% 100%;
}

.video_drive em {
  display: block;
  position: absolute;
  top: 0;
  left: 28px;
  background: url(../images/minb.png) no-repeat top center;
  background-size: 100% 100%;
  width: 36px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}

.drive ul li h1 {
  font-size: 20px;
  text-align: center;
  margin: 30px 0 15px 0;
}

.drive ul li p {
  font-size: 14px;
  margin: 0 20px;
  line-height: 24px;
  color: #555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 72px;
}

#hear_w .p_up .up_cont {
  width: 338px;
}

.material_rt {
  position: relative;
}

.material_rt .bd ul li {
  width: 20%;
  float: left;
}

.material_rt .bd ul li img {
  width: 92%;
  margin: 0 4%;
  border-radius: 5px;
  box-shadow: 0 0 10px #999;
}

.material_rt .bd ul li p {
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

.material_rt .next {
  width: 36px;
  height: 36px;
  background: url(../images/icon6r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.material_rt .prev {
  width: 36px;
  height: 36px;
  background: url(../images/icon7r.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  right: -56px;
  cursor: pointer;
  transition: all 0.5s;
}

.material_rt .next:hover {
  margin-left: -5px;
}

.material_rt .prev:hover {
  margin-right: -5px;
}

.instructional2 {
}

.instructional2 .hd {
  overflow: hidden;
  margin-bottom: 60px;
}

.instructional2 .hd ul li {
  width: 18%;
  height: 100px;
  margin-left: 2.5%;
  float: left;
  padding-bottom: 9px;
  cursor: pointer;
}

.instructional2 .hd ul li i {
  display: block;
  background: #f3f3f3;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #878787;
  text-align: center;
  line-height: 100px;
  font-size: 22px;
  font-weight: bold;
}

.instructional2 .hd ul li.on {
  background: url(../images/icon_33.png) no-repeat center bottom;
}

.instructional2 .hd ul li.on i {
  background: #d5001f;
  color: #fff;
}

.instructional2 .hd ul li:first-child {
  margin-left: 0;
}

.instructional2 .bd {
  padding: 50px 0;
  margin: 0 80px;
  background: url(../images/comma1.png) no-repeat left top, url(../images/comma2.png) no-repeat bottom right;
}

.instructional2 .bd p {
  margin: 10px 40px 10px 80px;
  line-height: 30px;
  font-size: 17px;
}

.video_text {
  width: 860px;
  margin: auto;
}

.video_text p {
  font-size: 16px;
  line-height: 32px;
  color: #999;
  text-indent: 30px;
}

.scale img {
  width: 955px;
  margin: auto;
}

.titleDiv {
  min-width: 1200px;
}

.titleDiv .title h2 {
  height: 113px;
  line-height: 142px;
}

.titleDiv .title i img {
  height: 110px;
}

.titleDiv2 .title h2 {
  height: 72px;
  line-height: 76px;
}

#hear_w .p_up .up_cont a {
  width: 100%;
}

.inter .inter_cont {
  position: relative;
}

.inter .inter_cont .mm {
  position: absolute;
  bottom: 0;
  left: -50px;
}

.photo_list .pager .pp .rr1 {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.title_three_s {
  max-width: 860px;
  margin: 60px auto 0;
}

.title_three_s p {
  text-indent: 30px;
  font-size: 16px;
  line-height: 34px;
  color: #666;
}

/*首页*/
.bannerTxt .bannTxtBox span {
  font-size: 16px;
  color: #005bc1;
}

.bannerTxt .bannTxtBox span i {
  color: #f68b1e;
}

.bannerTxt .bannTxtBox h2 {
  font-size: 30px;
  margin: 15px 0;
}

.bannerTxt .bannTxtBox p {
  font-size: 14px;
  color: #666;
  padding: 0;
}

.bannerTxt .bannTxtBox p i {
  margin-right: 10px;
  color: #d5001f;
}

.bannerTxt .bannTxtBox img {
  position: absolute;
  top: 0;
  right: 0;
}

.index_out {
  margin: 80px auto;
}

.index_out ul li {
  float: left;
  cursor: pointer;
}

.index_out ul li:nth-child(2n) {
  width: 12%;
}

.index_out ul li em {
  width: 1px;
  height: 230px;
  display: block;
  margin: auto;
  background: rgba(0, 0, 0, 0);
}

.index_out ul li .mm {
  width: 270px;
  height: 220px;
  position: relative;
  display: inline-block;
}

.index_out ul li .mm .mmvideo {
  border-radius: 10px;
  overflow: hidden;
  background: url(../images/vedioBack.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index_out ul li .mm img {
  width: 270px;
  border-radius: 10px;
}

.index_out ul li .mm b {
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
  background: url(../images/index_icon_r1.png) no-repeat center;
  transition: all 0.8s;
}

.index_out ul li .mm:hover b {
  background: url(../images/index_icon_r2.png) no-repeat center;
}

.index_out ul li .mt {
  position: relative;
  display: inline-block;
  margin-left: 32px;
  height: 230px;
  vertical-align: top;
  padding-top: 50px;
}

.index_out ul li p {
  font-size: 12px;
  color: #999;
  margin: 10px 0 10px 0;
}

.index_out ul li h1 {
  font-size: 24px;
  color: #333;
  margin-top: 12px;
}

.index_out ul li h2 {
  font-size: 16px;
  color: #333;
}

.index_out ul li a {
  width: 120px;
  height: 30px;
  display: block;
  font-size: 12px;
  color: #333;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  margin-top: 20px;
  transition: all 0.8s;
}

.index_out ul li a:hover {
  color: #fff;
  border: 1px solid #d5001f;
  background: #d5001f;
}

.patriarch {
  width: 100%;
  background: #f8f8f8;
  padding-bottom: 80px;
}

.patriarch ul li {
  margin-top: 80px;
}

.patriarch ul li img {
  border-radius: 10px;
}

.patriarch ul li:first-child img {
  float: left;
  margin-right: 60px;
}

.patriarch ul li:first-child .nn {
  margin-right: 25px;
  width: 510px;
  float: right;
}

.patriarch ul li:first-child .nn em {
  font-size: 50px;
  color: #d5001f;
}

.patriarch ul li:first-child .nn h1 {
  font-size: 30px;
  margin-top: 8px;
}

.patriarch ul li:first-child .nn h2 {
  font-size: 20px;
  color: #333;
}

.patriarch ul li:first-child .nn ul li {
  margin-top: 0px;
  list-style: disc;
  line-height: 30px;
  margin-left: 20px;
}

.patriarch ul li:first-child .nn ul li:first-child {
  margin-top: 20px;
}

.patriarch ul li:first-child .nn p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
}

.patriarch ul li:nth-child(2n) img {
  float: right;
  margin-left: 60px;
}

.patriarch ul li:nth-child(2n) .nn {
  margin-left: 25px;
}

.patriarch ul li:nth-child(2n) .nn em {
  font-size: 50px;
  color: #d5001f;
}

.patriarch ul li:nth-child(2n) .nn h1 {
  font-size: 30px;
  margin-top: 8px;
}

.patriarch ul li:nth-child(2n) .nn h2 {
  font-size: 20px;
  color: #333;
}

.patriarch ul li:nth-child(2n) .nn ul li {
  margin-top: 0px;
  list-style: disc;
  line-height: 30px;
  margin-left: 20px;
}

.patriarch ul li:nth-child(2n) .nn ul li:first-child {
  margin-top: 20px;
}

.patriarch ul li:nth-child(2n) .nn p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
}

.patriarch ul li:nth-child(3n) img {
  float: left;
  margin-right: 60px;
}

.patriarch ul li:nth-child(3n) .nn {
  margin-right: 25px;
  width: 510px;
  float: right;
}

.patriarch ul li:nth-child(3n) .nn em {
  font-size: 50px;
  color: #d5001f;
}

.patriarch ul li:nth-child(3n) .nn h1 {
  font-size: 30px;
  margin-top: 8px;
}

.patriarch ul li:nth-child(3n) .nn h2 {
  font-size: 20px;
  color: #333;
}

.patriarch ul li:nth-child(3n) .nn ul li {
  margin-top: 0px;
  list-style: disc;
  line-height: 30px;
  margin-left: 20px;
}

.patriarch ul li:nth-child(3n) .nn ul li:first-child {
  margin-top: 20px;
}

.patriarch ul li:nth-child(3n) .nn p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
}

.onLine img {
  margin: 40px auto;
}

.patriarch .title h2 {
  height: 112px;
  line-height: 130px;
}

.patriarch .title i img {
  height: 136px;
}

.librayOne .libraryLeft b {
  font-size: 18px;
  text-align: center;
  display: block;
  margin-bottom: -13px;
}

.titleDiv3 .title h2 {
  height: 87px;
  line-height: 90px;
}

.titleDiv3 .title i img {
  height: 80px;
}

/*视频弹出框*/
.video_pop3 {
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 89;
}

.video_pop2 {
  display: none;
  width: 940px;
  height: 560px;
  border-radius: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -470px;
  margin-top: -280px;
  overflow: hidden;
  z-index: 99;
}

.video_pop4 {
  width: 100%;
  height: 100%;
  position: relative;
}

.video_pop4 span {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: block;
  background: #fff url(../images/ico16m.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  cursor: pointer;
  transition: all 0.5s;
}

.video_pop4 span:hover {
  transform: rotate(90deg);
}

@media screen and (min-width: 1367px) and (max-width: 1441px) {
  .hear_w img {
    width: 120%;
    margin-left: -10%;
  }

  .lbs2Banner img {
    width: 120%;
    margin-left: -10%;
  }

  .bannerTxt .bannTxtBox {
    width: 306px;
  }

  .bannerTxt .bannTxtBox span {
    font-size: 14px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .bannerTxt .bannTxtBox p {
    line-height: 24px;
  }

  .titleDiv .title h2 {
    height: 90px;
    line-height: 110px;
  }

  .titleDiv .title i img {
    height: 90px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
  .hear_w img {
    width: 130%;
    margin-left: -15%;
  }

  /*.lbs2Banner img{ width: 130%; margin-left: -15%;}*/
  .bannerTxt .bannTxtBox {
    width: 306px;
  }

  .bannerTxt .bannTxtBox span {
    font-size: 14px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .bannerTxt .bannTxtBox p {
    line-height: 24px;
  }

  #hear_w .p_up .up_cont {
    width: 260px;
  }

  .hear_w .p_up .up_cont h1 {
    font-size: 20px;
  }

  .hear_w .p_up .up_cont a {
    font-size: 18px;
  }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
  .hear_w img {
    width: 130%;
    margin-left: -15%;
  }

  .bannerTxt .bannTxtBox {
    width: 306px;
  }

  .bannerTxt .bannTxtBox span {
    font-size: 14px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .bannerTxt .bannTxtBox p {
    line-height: 24px;
  }

  #hear_w .p_up .up_cont {
    width: 260px;
  }

  .hear_w .p_up .up_cont h1 {
    font-size: 20px;
  }

  .hear_w .p_up .up_cont a {
    font-size: 18px;
  }
}

@media screen and (max-width: 1366px) {
  /*导航*/
  .nav ul li h2 a {
    font-size: 17px;
  }

  .nav ul li .sub a {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
  }

  .honorsDiv ul li .honoLeft span {
    font-size: 40px;
  }

  .honorsDiv ul li .honoLeft em {
    font-size: 28px;
  }

  .footer ul li h2 {
    font-size: 22px;
  }

  .footer ul li .fooInfor h4 {
    font-size: 20px;
  }
}

@media screen and (min-width: 1681px) {
  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 66%;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {
  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 68%;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 71%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 74%;
  }

  /*banner*/
  .lbs2Banner img {
    width: 130%;
    margin-left: -15%;
  }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 74%;
  }

  /*banner*/
  .lbs2Banner img {
    width: 130%;
    margin-left: -15%;
  }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .w1200 {
    width: 900px;
  }

  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 78%;
  }

  .honorsDiv ul li .honoRight {
    width: 71%;
  }

  .honorsDiv ul li .honoRight p span {
    width: 94%;
  }

  /*banner*/
  .lbs2Banner img {
    width: 160%;
    margin-left: -30%;
  }

  .bannerTxtWtap {
    bottom: 88px;
  }

  /*导航*/
  .nav .block {
    width: 108px;
  }

  .nav ul li {
    width: 108px;
  }

  /*footer*/
  .footerDiv {
    margin-top: 60px;
  }

  .footer {
    padding-bottom: 10px;
    padding-top: 30px;
  }

  .footer ul {
    margin: 0 0 30px;
  }

  .footer .fooP {
    padding-top: 10px;
  }

  /*精彩活动*/
  .overseas .overseasOne .overRight,
  .overseas .overseasOne .overLeft a img,
  .superherosOne img,
  .superherosOne .superLeft {
    height: 278px;
  }

  .culture .cultureLeft .cultureTop .cultureTopR img,
  .culture .cultureLeft .cultureTop .cultureTopL {
    height: 274px;
  }

  .culture .cultureLeft .cultureBom img {
    height: 398px;
  }

  .superherosTwo img,
  .campOne .campLeft img {
    height: 396px;
  }

  .culture .cultureRight .rightA1 img,
  .camp .campTop {
    height: 400px;
  }

  .culture .cultureRight .rightA2 img {
    height: 272px;
  }

  .latestDiv ul li {
    margin-bottom: 50px;
  }

  .latestDiv ul li .latesImg a img {
    height: 328px;
  }

  .latestDiv ul li .latesTxt p {
    margin-top: 50px;
  }

  .latestDiv ul li .latesTxt h5 {
    margin-top: 50px;
  }

  /*授权合作*/
  .brandDiv ul li {
    width: 23%;
    margin: 0 1%;
  }

  .processDiv ul li a {
    width: 136px;
  }

  .campus-left .bd {
    width: 780px;
  }

  .campus-left .bd ul li {
    width: 244px;
  }

  .campus-left .bd ul li img {
    height: 206px;
  }

  .campus-left .hd {
    height: 206px;
  }

  .joinDiv {
    margin-top: 60px;
    padding: 50px 0;
  }

  .joinDiv img {
    width: 35%;
  }

  /*云学习*/
  .librayOne .libraryRight {
    padding-top: 50px;
  }

  .librayOne .libraryRight p {
    margin-bottom: 30px;
  }

  .oxford h2 {
    padding: 50px 0;
  }

  .oxford ul {
    padding: 0 60px;
  }

  .magicDiv {
    margin-top: 20px;
  }

  .magicBox {
    padding-bottom: 210px;
  }

  /*首页*/
  .learnTab .learn_menu ul li {
    width: 124px;
    margin-right: 5px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 40px;
  }

  .learnTab .learn_menu ul li h1 span,
  .learnTab .learn_menu ul li .learnOne h2,
  .learnTab .learn_menu ul li .learnOne h3,
  .learnTab .learn_menu ul li .learnOne p {
    padding: 0 15px;
  }

  .scienceBox ul li .scienceLeft .video-js {
    height: 312px !important;
    background-size: 100% 100%;
  }

  .scienceBox ul li .scienceLeft img {
    height: 312px;
  }

  .scienceBox ul li .scienceRight {
    padding-top: 50px;
  }

  .scienceBox ul li .scienceRight p {
    margin-bottom: 40px;
  }

  .link ul li {
    width: 190px;
    margin-right: 46px;
  }

  .link ul li a img {
    height: 94px;
  }

  /*LBS2*/
  .courseOneMain .courseOneLeft ul {
    width: 420px;
  }

  .courseOneMain .courseOneLeft ul li {
    margin-bottom: 30px;
  }

  /*全国中心*/
  .mapMain {
    margin-left: -450px;
  }

  /*短期课程*/
  .shortBann .bd img {
    width: 100%;
    margin: 0;
  }

  .shortBann .lbs2BannTxtWrap {
    bottom: 90px;
  }

  .shortCourseOne {
    margin: 60px auto;
  }

  .shortLeft img {
    height: 378px;
  }

  .shortCourseBox .shortRight,
  .shortCourseBox1 .shortRight {
    width: 58%;
    margin: 0 2%;
  }

  .shortLeft {
    margin: 0 2%;
    width: 32%;
  }

  /*师资页面*/
  .teacherBann img {
    width: 100%;
    margin: 0;
  }

  .teacherOne .teacherLeft img {
    height: 410px;
  }

  .teacherOne .teacherRight ul li a h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .teacherOne .teacherRight ul li a {
    padding: 12px 20px 15px;
  }

  .systemTab i {
    margin: 9px 32px;
  }

  .teachDynaDiv .teachDynaLeft img {
    height: 264px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachImg a img {
    height: 124px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachTxt p {
    margin-top: 8px;
    line-height: 22px;
  }
}

@media screen and (max-width: 800px) {
  .title h2 {
    font-size: 28px;
  }

  .w1200 {
    width: 760px;
  }

  /*logo*/
  .logo {
    width: 130px;
    padding-top: 24px;
  }

  .logo a img {
    height: 43px;
  }

  /*导航*/
  .nav .block {
    width: 90px;
  }

  .nav ul li {
    width: 90px;
  }

  .nav ul li .sub span {
    padding: 8px 15px;
  }

  .nav ul li h2 a {
    padding-top: 18px;
  }

  .nav ul li .sub {
    top: 72px;
  }

  /*footer*/
  .footer ul li {
    width: 160px;
    margin-right: 50px;
  }

  .footer ul li h2 {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
  }

  .footer ul li .fooInfor h4 {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
  }

  .footer ul li .fooInfor img {
    margin-bottom: 10px;
  }

  /**********************励步简介**********************/
  .bodyDiv {
    background-size: 80%;
  }

  .lbs2Banner img {
    width: 130%;
    margin-left: -15%;
  }

  .honorsDiv ul li {
    margin-bottom: 30px;
  }

  .honorsDiv ul li .honoRight p span {
    width: 93%;
  }

  .aboutDiv .aboutMain h2 {
    height: 50px;
    padding-bottom: 30px;
    line-height: 50px;
    font-size: 34px;
  }

  .aboutDiv .aboutMain h3 {
    margin-bottom: 30px;
    line-height: 30px;
  }

  .aboutDiv .aboutMain p {
    line-height: 28px;
    margin-bottom: 18px;
  }

  .aboutDiv .aboutMain p.aboutP {
    width: 410px;
  }

  .aboutDiv .aboutMain p.aboutP1 {
    width: 510px;
  }

  .introOne {
    margin-top: 50px;
  }

  .introOne .introLeft img {
    width: 150%;
  }

  .introOne .introRight .introRightTxt {
    padding-top: 15px;
    width: 90%;
    margin-left: 5%;
    padding-left: 0;
  }

  .introOne .introRight .introRightTxt h2 {
    padding-top: 30px;
    background-size: 18px auto;
    font-size: 16px;
    line-height: 28px;
  }

  .introOne .introRight .introRightTxt p {
    font-size: 14px;
    line-height: 24px;
  }

  .introTwo .introTwoRight {
    background-size: 165%;
  }

  .introTwo .introTwoRight .introTwoRightMain img {
    height: 254px;
  }

  .introTwo .introTwoLeft {
    background-size: 156%;
  }

  .introTwo .introTwoLeft .introTwoLeftMain {
    width: 90%;
    padding-top: 50px;
  }

  .introTwo .introTwoLeft .introTwoLeftMain p {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 64px;
    background: url(../images/ico11.png) 30px 0 no-repeat;
    padding-top: 50px;
    background-size: 28px auto;
    padding-left: 30px;
  }

  .introTwo .introTwoLeft .introTwoLeftMain img {
    height: 338px;
  }

  .introTwo .introTwoRight .introTwoRightMain {
    width: 90%;
  }

  .introTwo .introTwoRight .introTwoRightMain p {
    margin-top: 50px;
  }

  .honoLine {
    left: 157px;
  }

  .honorsDiv ul li .honoLeft {
    width: 160px;
  }

  .honorsDiv ul li .honoLeft span {
    padding-right: 40px;
  }

  .honorsDiv ul li .honoLeft em {
    padding-right: 40px;
  }

  /*banner*/
  .lbs2Banner img {
    width: 180%;
    margin-left: -40%;
  }

  .bannerTxtWtap {
    bottom: 88px;
  }

  .bannerTxt .bannTxtBox {
    padding: 20px 32px 30px;
  }

  .bannerTxt .bannTxtBox h2 {
    font-size: 26px;
  }

  /*footer*/
  .footerDiv {
    margin-top: 60px;
  }

  .footer {
    padding-bottom: 10px;
    padding-top: 30px;
  }

  .footer ul {
    margin: 0 0 30px;
  }

  .footer .fooP {
    padding-top: 10px;
  }

  /*精彩活动*/
  .activities {
    padding-top: 80px;
  }

  .title {
    padding-top: 40px;
  }

  .title i {
    top: 40px;
  }

  .activities h3 {
    padding-top: 45px;
    font-size: 24px;
  }

  .activities ul {
    margin-top: 50px;
  }

  .activities ul li a {
    padding-top: 30px;
  }

  .activities ul li a span {
    width: 60px;
  }

  .activities ul li a span img {
    height: 61px;
  }

  .activities ul li a h2 {
    margin-top: 20px;
  }

  .activeMain {
    padding: 15px 20px 0;
  }

  .activeMain h3 {
    margin-top: 0;
  }

  .activeMain p {
    margin-top: 10px;
  }

  .activeMain h2 {
    font-size: 24px;
    height: 32px;
    line-height: 32px;
  }

  .activeMain h4 {
    margin-top: 10px;
  }

  .overseas .overseasOne .overRight,
  .overseas .overseasOne .overLeft a img,
  .superherosOne img,
  .superherosOne .superLeft {
    height: 234px;
  }

  .culture .cultureLeft .cultureTop .cultureTopR img,
  .culture .cultureLeft .cultureTop .cultureTopL {
    height: 232px;
  }

  .culture .cultureLeft .cultureBom img {
    height: 336px;
  }

  .superherosTwo img,
  .campOne .campLeft img {
    height: 335px;
  }

  .culture .cultureRight .rightA1 img,
  .camp .campTop {
    height: 332px;
  }

  .culture .cultureRight .rightA2 img {
    height: 236px;
  }

  .latestDiv ul li {
    margin-bottom: 50px;
  }

  .latestDiv ul li .latesImg a img {
    height: 278px;
  }

  .latestDiv ul li .latesTxt {
    padding: 0;
  }

  .latestDiv ul li .latesTxt h2 {
    height: 30px;
    line-height: 30px;
    font-size: 22px;
  }

  .latestDiv ul li .latesTxt h3 {
    margin-top: 0;
  }

  .latestDiv ul li .latesTxt p {
    font-size: 16px;
    margin-top: 15px;
  }

  .latestDiv ul li .latesTxt h5 {
    margin-top: 50px;
  }

  /*授权合作*/
  .brandDiv ul li {
    width: 23%;
    margin: 0 1%;
  }

  .brandDiv ul li a {
    padding: 30px 12px 40px;
    height: 190px;
  }

  .brandDiv ul li a h2 {
    margin: 20px 0;
  }

  .processDiv ul li {
    margin-bottom: 30px;
  }

  .processDiv ul li a {
    width: 100px;
  }

  .processDiv ul li a p {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }

  .partTwoList li a {
    padding: 30px 20px 20px;
  }

  .partTwoList li a h5 {
    font-size: 22px;
    line-height: 32px;
  }

  .partTwoList li a p {
    font-size: 16px;
    margin-top: 24px;
  }

  .campus-left {
    margin-top: 50px;
  }

  .campus-left .bd {
    width: 660px;
  }

  .campus-left .bd ul li {
    width: 210px;
    margin: 0 5px;
  }

  .campus-left .bd ul li img {
    height: 178px;
  }

  .campus-left .hd {
    height: 178px;
  }

  .joinDiv {
    margin-top: 50px;
    padding: 40px 0;
  }

  .joinDiv img {
    width: 30%;
  }

  .supporBox {
    margin-top: 50px;
  }

  .supperMain {
    margin-left: 40px;
    width: 340px;
    padding-top: 20px;
  }

  .supperMain h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .supperMain p {
    font-size: 14px;
    line-height: 20px;
  }

  .supporLeft img {
    height: 200px;
  }

  .supporBox1 .supporLeft .supperMain {
    margin-right: 40px;
  }

  /*云学习*/
  .lbs2BannTxtWrap .bannTxtBox h2 {
    font-size: 20px;
    font-weight: 500;
  }

  .withBox {
    margin-top: 50px;
  }

  .withBox .withRight {
    width: 49%;
    padding-top: 30px;
  }

  .withBox .withRight h2 {
    font-size: 18px;
    line-height: 30px;
  }

  .rangeBox p {
    margin: 30px 0;
  }

  .lessonList li a span {
    width: 70px;
  }

  .lessonList li a span img {
    height: 78px;
  }

  .exerciseDiv h2 {
    font-size: 24px;
    height: 90px;
    line-height: 90px;
  }

  .exerciseDiv h3 {
    font-size: 18px;
    margin: 20px 0;
  }

  .librayOne {
    margin-top: 0;
  }

  .librayOne .libraryRight {
    padding-top: 40px;
    width: 58%;
  }

  .librayOne .libraryRight p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 28px;
  }

  .oxford h2 {
    padding: 30px 0;
  }

  .oxford ul {
    padding: 0;
  }

  .magicDiv {
    margin-top: 20px;
  }

  .magicBox {
    padding-bottom: 152px;
  }

  .magicBox .title {
    margin-bottom: 30px;
  }

  .magicBox p {
    font-size: 18px;
    line-height: 30px;
  }

  .synchronOne .synLeft h2 {
    margin-bottom: 20px;
  }

  .synchronOne .synLeft a {
    padding: 24px 25px 30px;
    height: 280px;
  }

  .synchronOne .synLeft p {
    font-size: 16px;
    line-height: 26px;
  }

  /*首页*/
  .partOne ul li {
    width: 47%;
    margin: 0 1.5%;
  }

  .partOne ul li h2,
  .partOne ul li h3 {
    line-height: 30px;
    padding: 0;
    font-size: 22px;
  }

  .partOne ul li p {
    margin-top: 20px;
  }

  .partOne ul li img {
    margin: 30px auto 0;
  }

  .partOne ul li h4 {
    margin-top: 30px;
    font-size: 16px;
  }

  .partOne ul li h4 i {
    margin: 0 15px;
  }

  .partTwoList {
    margin-top: 20px;
  }

  .partTwoList li a span {
    width: 70px;
  }

  .partTwoList li a span img {
    height: 66px;
  }

  .partTwo .partTwoTxt {
    margin-top: 20px;
    width: 590px;
  }

  .partTwo {
    padding-bottom: 50px;
  }

  .learnTab .learn_box {
    width: 680px;
  }

  .learnTab .learn_box .learnBox .learnImg img {
    height: 266px;
  }

  .learnTab .learn_box .learnBox .learnTxt {
    padding-top: 40px;
  }

  .learnTab .learn_box .learnBox .learnTxt h1 {
    margin-bottom: 30px;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
  }

  .learnTab .learn_box .learnBox .learnTxt h2 {
    font-size: 28px;
  }

  .learnTab .learn_box .learnBox .learnTxt p {
    font-size: 18px;
    line-height: 28px;
  }

  .learnTab .learn_menu {
    margin-top: 30px;
  }

  .learnTab .learn_menu ul li {
    width: 108px;
    margin-right: 0;
  }

  .learnTab .learn_menu ul li h1 {
    margin-bottom: 15px;
  }

  .learnTab .learn_menu ul li h2 {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 40px;
  }

  .learnTab .learn_menu ul li h1 span,
  .learnTab .learn_menu ul li .learnOne h2,
  .learnTab .learn_menu ul li .learnOne h3,
  .learnTab .learn_menu ul li .learnOne p {
    padding: 0 10px;
  }

  .learnTab .learn_menu ul li .learnOne .learnTwo {
    height: 150px;
    top: 15px;
  }

  .learnTab .learn_menu .learnLine {
    top: 37px;
  }

  .partFour .partTitle {
    padding: 30px 0;
  }

  .partFour .partFourBox .leapMain {
    padding-bottom: 30px;
  }

  .partFour .partFourBox .leapMain h2 {
    font-size: 22px;
  }

  .partFour .partFourBox .leapMain {
    width: 360px;
  }

  .partFour .partFourBox .leapMain ul {
    margin-top: 30px;
  }

  .partFour .partFourBox .leapMain ul li {
    margin-left: 20px;
    width: 160px;
  }

  .partFour .partFourBox .leapBoxTwo .leapMain ul li {
    margin-left: 8px;
    margin-right: 12px;
  }

  .partFive .partFourBox .leapBoxTwo .leapMain {
    margin-right: 24px;
  }

  .partFive .partFourBox .leapMain ul li {
    margin-right: 0;
  }

  .scienceTop {
    margin-left: 0;
    width: auto;
    background: url(../images/ico11.png) 15px center no-repeat;
    background-size: 32px auto;
  }

  .scienceTop p {
    margin-right: 323px;
    margin-right: 10px;
  }

  .partSeven {
    background-size: 140%;
  }

  .scienceBox {
    margin-top: 50px;
  }

  .scienceBox ul li {
    margin-bottom: 30px;
  }

  .scienceBox ul li .scienceLeft .video-js {
    height: 264px !important;
    background-size: 100% 100%;
  }

  .scienceBox ul li .scienceLeft img {
    height: 264px;
  }

  .scienceBox ul li .scienceRight {
    padding-top: 30px;
  }

  .scienceBox ul li .scienceRight h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .scienceBox ul li .scienceRight h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .scienceBox ul li .scienceRight h5 {
    font-size: 14px;
    line-height: 30px;
  }

  .scienceBox ul li .scienceRight p {
    margin-bottom: 40px;
  }

  .scienceBox ul li .scienceRight h3 {
    font-size: 18px;
  }

  .scienceBox ul li .scienceRight h3 i {
    top: -4px;
    margin: 0 8px;
  }

  .basisList ul {
    margin: 50px 0 30px;
  }

  .basisList ul li {
    width: 23%;
    margin: 0 1%;
  }

  .basisList ul li a {
    font-size: 18px;
  }

  .link ul {
    margin-top: 50px;
  }

  .link ul li {
    width: 171px;
    margin-right: 25px;
  }

  .link ul li a img {
    height: 84px;
  }

  .partNight {
    padding-bottom: 40px;
  }

  .partNight .teachBox {
    background-size: 65%;
    padding-top: 178px;
  }

  /*LBS2*/
  .courseOneMain .courseOneLeft ul {
    padding-top: 30px;
    width: 330px;
  }

  .courseOneMain .courseOneLeft ul li p {
    font-size: 14px;
    line-height: 24px;
  }

  .courseOneMain .courseOneLeft ul li {
    margin-bottom: 25px;
  }

  .courseOne .courseOneDiv img,
  .courseOneMain .courseOneRight img {
    width: 130%;
  }

  .courseOne .courseOneBox .oneBoxTxt {
    width: 330px;
    margin-left: 50px;
  }

  .courseOne .courseOneBox .oneBoxTxt h2 {
    font-size: 26px;
    padding-top: 75px;
    background: url(../images/ico11.png) 0 30px no-repeat;
    background-size: 28px auto;
  }

  .courseOne .courseOneBox .oneBoxTxt p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
  }

  .themeList ul li {
    width: 22%;
    margin: 12px 1.5%;
  }

  .themeList ul li a {
    padding: 20px 20px 15px;
  }

  /*全国中心*/
  .nationalOne {
    padding-top: 130px;
  }

  .mapMain {
    margin-left: -380px;
  }

  .mapDiv {
    height: 600px;
  }

  .nationalOne .nationAddress {
    margin-top: 50px;
  }

  .nationalOne .nationAddress a {
    width: 11.5%;
  }

  /*短期课程*/
  .shortBann .bd img {
    width: 130%;
    margin-left: -15%;
  }

  .shortBann .lbs2BannTxtWrap {
    bottom: 90px;
  }

  .shortCourseOne {
    margin: 60px auto;
  }

  .shortLeft img {
    height: 292px;
  }

  .shortRight {
    width: 56%;
  }

  .shortRight h2 {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .shortRight h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .shortRight h4 {
    margin-top: 10px;
  }

  .shortRight p {
    font-size: 14px;
    line-height: 24px;
  }

  .shortCourseBox .shortRight,
  .shortCourseBox1 .shortRight {
    width: 58%;
    margin: 0 2%;
  }

  .shortLeft {
    margin: 0 2%;
    width: 32%;
  }

  .reviewBox ul li a {
    padding: 30px 15px;
  }

  .shortCourseTwo {
    background: url(../images/back6.jpg) center 90px no-repeat;
    background-size: 190%;
  }

  .shortCourseBox {
    margin-bottom: 50px;
  }

  .shortCourseBox .shortRight h4 {
    margin: 30px 0 20px;
  }

  .shortCourseBox .shortRight p {
    margin-bottom: 10px;
  }

  .shortCourseThree {
    padding-bottom: 50px;
    background: url(../images/back7.jpg) center 100px no-repeat;
  }

  .shortCourseThree .shortCourseBox .shortRight h4 {
    margin-top: 50px;
  }

  .Characteristics {
    margin-top: 0;
  }

  .Characteristics ul {
    margin-top: 50px;
  }

  .Characteristics ul li span {
    width: 70px;
  }

  .Characteristics ul li h2 {
    font-size: 22px;
    line-height: 32px;
    padding-top: 15px;
  }

  .Characteristics ul li span img {
    height: 68px;
  }

  /*师资页面*/
  .teacherOne {
    padding-top: 50px;
  }

  .teacherOne .teacherLeft h2 {
    font-size: 28px;
  }

  .teacherBann img {
    width: 100%;
    margin: 0;
  }

  .teacherOne .teacherLeft img {
    height: 346px;
  }

  .teacherOne .teacherRight ul li a h2 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .teacherOne .teacherRight ul li a {
    padding: 12px 20px 15px;
  }

  .systemTab i {
    margin: 0 32px;
  }

  .teachDynaDiv .teachDynaLeft img {
    height: 240px;
  }

  .teachDynaDiv .teachDynaLeft p {
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachTxt a {
    font-size: 18px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachImg a img {
    height: 110px;
  }

  .teachDynaDiv .teachDynaRight ul li .teachTxt p {
    height: 44px;
    overflow: hidden;
    margin-top: 8px;
    line-height: 22px;
  }

  .guardDiv {
    margin-top: 50px;
  }

  .guardDiv ul li img {
    width: 110px;
    height: 66px;
  }

  .guardDiv ul li h2 {
    height: 66px;
    line-height: 66px;
  }

  .guardDiv .guardTitle h2 {
    font-size: 28px;
  }

  .systemWrap {
    margin-top: 100px;
  }

  .systemTab span {
    font-size: 22px;
    height: 36px;
    line-height: 36px;
  }

  .systemTab i {
    margin: 8px 30px;
    height: 20px;
  }

  .teachDynaDiv {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1680px) {
  .bannerTxt .bannTxtBox h2,
  .title h2,
  .learnTab .learn_box .learnBox .learnTxt h2,
  .activeMain h2,
  .lbs2BannTxtWrap .bannTxtBox h2,
  .exerciseDiv h2,
  .synchronOne .synLeft h2,
  .courseOne .courseOneBox .oneBoxTxt h2,
  .shortRight h2,
  .teacherOne .teacherLeft h2,
  .guardDiv .guardTitle h2 {
    font-size: 28px;
  }

  .learnTab .learn_box .learnBox .learnTxt p,
  .activities h3,
  .latestDiv ul li .latesTxt h2,
  .honorsDiv ul li .honoLeft em,
  .teacherTwo .teachMainWrap .teachMain h2 {
    font-size: 26px;
  }

  .systemTab span {
    font-size: 22px;
  }

  .partOne ul li h2,
  .partOne ul li h3,
  .learnTab .learn_menu ul li h2,
  .partFour .partFourBox .leapMain h2,
  .partTwoList li a h5,
  .Characteristics ul li h2 {
    font-size: 24px;
  }

  .learnTab .learn_box .learnBox .learnTxt h1 {
    font-size: 46px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 36px;
  }

  .scienceBox ul li .scienceRight h2,
  .footer ul li h2,
  .footer ul li .fooInfor h4,
  .supperMain h2,
  .title p,
  .exerciseDiv h3,
  .synchronous h2 {
    font-size: 22px;
  }

  .scienceBox ul li .scienceRight h3,
  .scienceBox ul li .scienceRight h4 {
    font-size: 20px;
  }

  .latestDiv ul li .latesTxt h5 a,
  .latestDiv ul li .latesTxt p,
  .partTwoList li a p {
    font-size: 16px;
  }

  .aboutDiv .aboutMain h2,
  .honorsDiv ul li .honoLeft span {
    font-size: 36px;
  }

  .systemTab i {
    margin: 0 42px;
  }
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
  .bannerTxt .bannTxtBox h2,
  .title h2,
  .learnTab .learn_box .learnBox .learnTxt h2,
  .activeMain h2,
  .lbs2BannTxtWrap .bannTxtBox h2,
  .exerciseDiv h2,
  .synchronOne .synLeft h2,
  .courseOne .courseOneBox .oneBoxTxt h2,
  .shortRight h2,
  .teacherOne .teacherLeft h2,
  .guardDiv .guardTitle h2 {
    font-size: 24px;
  }

  .learnTab .learn_box .learnBox .learnTxt p,
  .activities h3,
  .latestDiv ul li .latesTxt h2,
  .honorsDiv ul li .honoLeft em,
  .teacherTwo .teachMainWrap .teachMain h2 {
    font-size: 22px;
  }

  .systemTab span {
    font-size: 19px;
  }

  .partOne ul li h2,
  .partOne ul li h3,
  .learnTab .learn_menu ul li h2,
  .partFour .partFourBox .leapMain h2,
  .partTwoList li a h5,
  .shortRight h3,
  .Characteristics ul li h2,
  .teacherOne .teacherRight ul li a h2 {
    font-size: 20px;
  }

  .learnTab .learn_box .learnBox .learnTxt h1 {
    font-size: 38px;
  }

  .learnTab .learn_menu ul li .learnOne {
    padding-bottom: 24px;
  }

  .scienceBox ul li .scienceRight h2,
  .footer ul li h2,
  .footer ul li .fooInfor h4,
  .supperMain h2,
  .title p,
  .exerciseDiv h3,
  .synchronous h2,
  .teachDynaDiv .teachDynaLeft a,
  .teachDynaDiv .teachDynaRight ul li .teachTxt a {
    font-size: 18px;
  }

  .scienceBox ul li .scienceRight h3,
  .scienceBox ul li .scienceRight h4,
  .bannerTxt p,
  .librayOne .libraryRight p,
  .magicBox p,
  .synchronOne .synLeft p,
  .themeList ul li a h2 {
    font-size: 16px;
  }

  .latestDiv ul li .latesTxt h5 a,
  .latestDiv ul li .latesTxt p,
  .partTwoList li a p,
  .processDiv ul li a p,
  .exerciseDiv p,
  .nationalOne .nationAddress a {
    font-size: 16px;
  }

  .supperMain p,
  .courseOne .courseOneBox .oneBoxTxt p {
    font-size: 14px;
  }

  .aboutDiv .aboutMain h2,
  .honorsDiv ul li .honoLeft span {
    font-size: 32px;
  }

  .Characteristics ul li span {
    width: 76px;
  }

  .Characteristics ul li span img {
    height: auto;
  }

  .systemTab i {
    margin: 0 52px;
  }
}

/*浮窗*/
.floating {
  width: 150px;
  padding: 10px;
  padding: 10px;
  background: #fff;
  position: fixed;
  right: 3%;
  top: 50%;
  margin-top: -98px;
  border-radius: 5px;
  box-shadow: 0 0 10px #ccc;
  z-index: 85;
}

.floating img {
  width: 100%;
}

.floating p {
  font-size: 12px;
  text-align: center;
  color: #333;
  margin: 8px 12px 0 12px;
}

.nationDiv {
  position: relative;
}

.nationDiv .cont {
  position: absolute;
  top: 55px;
  left: 10px;
}

.nationDiv ul li {
  margin-top: 60px;
}

.nationDiv ul li:first-child {
  margin-top: 0;
}

.nationDiv ul li h2 {
  font-size: 22px;
  color: #000038;
  font-weight: bold;
}

.nationDiv ul li h2 em {
  font-size: 50px;
  margin-right: 10px;
}

.nationDiv ul li h2 .lefttext {
  padding-left: 10px;
}

.nationDiv ul li p {
  font-size: 20px;
}

.distribution .disMap {
  position: relative;
}

.distribution .disMap .cont {
  position: absolute;
  top: 55px;
  right: 80px;
}

.distribution .disMap .cont ul li {
  margin-top: 62px;
}

.distribution .disMap .cont ul li:first-child {
  margin-top: 0;
}

.distribution .disMap .cont ul li h2 {
  font-size: 24px;
  color: #3b3b3b;
  font-weight: bold;
}

.distribution .disMap .cont ul li p {
  font-size: 18px;
  color: #3b3b3b;
  margin-top: 4px;
}

.newsCon {
  padding-top: 30px;
}

.newsCon .title {
  width: 100%;
  font-size: 14px;
  margin: 16px auto;
}

.newsCon .title a {
  display: inline-block;
  color: #666;
  line-height: 18px;
}

.newsCon .title a.marr,
.newsCon .title a:hover {
  color: #0280bb;
}

.newsCon .title b {
  display: inline-block;
  height: 12px;
  width: 1px;
  border-left: 1px solid #ccc;
  margin: 0 10px;
}

.newsWen {
  background: #fff;
  margin-bottom: 60px;
  border-radius: 3px;
  border: 1px solid #eee;
  padding: 45px;
  min-height: 530px;
}

.newsWen h2 {
  font-size: 28px;
  color: #555;
  text-align: center;
}

.newsWen h3 {
  font-size: 14px;
  border-bottom: 1px solid #eee;
  text-align: center;
  padding: 20px 0;
  color: #888;
  margin-bottom: 30px;
}

.newsWen img {
  display: block;
  margin: 8px auto;
}

.newsWen p {
  font-size: 14px;
  text-indent: 1em;
  line-height: 26px;
  /* margin-top: 12px;*/
  color: #666;
  text-indent: 28px;
}

.layerForm ul li .formBox {
  position: relative;
}

.layerForm ul li .formBox .test {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  line-height: 32px;
  color: #df4848;
  font-size: 12px;
  background: hsla(0, 0%, 100%, 0);
}

.layerForm ul li .formBxin {
  width: 355px;
  margin: 0 auto;
}

.layerForm ul li .formBxin .min {
  float: left;
  margin-left: 30px;
}

.layerForm ul li .formBxin .min label {
  border: none;
  display: block;
  width: 20px;
  height: 15px;
  background: url(../images/lastM1.png) no-repeat center;
  background-size: 11px auto;
  cursor: pointer;
}

.layerForm ul li .formBxin .min input[name="minr"] {
  display: none;
}

.layerForm ul li .formBxin .min input[name="minr"]:checked + label {
  background: url(../images/lastM4.png) no-repeat center;
  background-size: 11px auto;
}

.layerForm ul li .formBxin .min input[name="mine"] {
  display: none;
}

.layerForm ul li .formBxin .min input[name="mine"]:checked + label {
  background: url(../images/lastM4.png) no-repeat center;
  background-size: 11px auto;
}

.layerForm ul li .formBxin em {
  float: left;
  font-size: 12px;
  color: #5a5656;
  line-height: 15px;
  margin-left: 10px;
}

.layerForm ul li .formBxin a {
  float: left;
  font-size: 12px;
  color: #567beb;
  line-height: 15px;
}

.testUp {
  display: none;
  width: 356px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  margin-left: -178px;
  top: -80px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.34);
  z-index: 100;
}

.testUp .cont {
  padding: 22px;
  width: 311px;
}

.testUp .cont .list em {
  float: left;
  width: 200px;
}

.testUp .cont .list i {
  float: right;
  width: 100px;
}

.testUp .cont .list:first-child {
  margin-bottom: 20px;
}

.testUp .cont .list:first-child em {
  height: 50px;
  overflow: hidden;
}

.testUp .cont .list:first-child em img {
  width: 100%;
}

.testUp .cont .list:first-child i {
  height: 50px;
}

.testUp .cont .list:first-child i img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-top: 15px;
}

.testUp .cont .list:last-child em input {
  display: block;
  width: 178px;
  padding: 0 10px;
  height: 44px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  font-size: 14px;
}

.testUp .cont .list:last-child em input::placeholder {
  color: #cfcfcf;
}

.testUp .cont .list:last-child i input {
  display: block;
  width: 100%;
  height: 46px;
  background: #8f94a3;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}

.mentDiv {
  display: none;
  height: 600px;
  width: 600px;
  padding-bottom: 12px;
  position: fixed;
  left: 50%;
  top: 50% !important;
  margin-top: -300px;
  margin-left: -300px;
  z-index: 112;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.mentDiv .tit {
  height: 50px;
  background: #e8e8e8;
}

.mentDiv .tit h1 {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  margin-left: 32px;
}

.mentDiv .tit em {
  cursor: pointer;
  float: right;
  width: 22px;
  height: 22px;
  background: url(../images/lastM2.png) no-repeat center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: 14px;
  transition: all 0.5s;
}

.mentDiv .tit em:hover {
  transform: rotate(180deg);
}

.mentDiv .content {
  height: 525px;
  overflow-y: auto;
  margin: 15px 20px 50px 35px;
  padding-right: 15px;
}

.mentDiv .content h1,
.mentDiv .content h2,
.mentDiv .content p {
  font-size: 14px;
  color: #000;
  line-height: 30px;
}

.mentDiv .content h1,
.mentDiv .content h2 {
  font-weight: bold;
}

.mentDiv .content::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: #ccc;
  border-radius: 5px;
}

.mentDiv .content::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

.secretDiv {
  display: none;
  height: 600px;
  width: 600px;
  padding-bottom: 12px;
  position: fixed;
  left: 50%;
  top: 50% !important;
  margin-top: -300px;
  margin-left: -300px;
  z-index: 112;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.secretDiv .tit {
  height: 50px;
  background: #e8e8e8;
}

.secretDiv .tit h1 {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  margin-left: 32px;
}

.secretDiv .tit em {
  cursor: pointer;
  float: right;
  width: 22px;
  height: 22px;
  background: url(../images/lastM2.png) no-repeat center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-top: 14px;
  transition: all 0.5s;
}

.secretDiv .tit em:hover {
  transform: rotate(180deg);
}

.secretDiv .content {
  height: 525px;
  overflow-y: auto;
  margin: 15px 20px 50px 35px;
  padding-right: 15px;
}

.secretDiv .content h1,
.secretDiv .content h2,
.secretDiv .content p {
  font-size: 14px;
  color: #000;
  line-height: 30px;
}

.secretDiv .content h1,
.secretDiv .content h2 {
  font-weight: bold;
}

.secretDiv .content::-webkit-scrollbar {
  width: 10px;
  height: 100%;
  background: #ccc;
  border-radius: 5px;
}

.secretDiv .content::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

.footSer {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
  margin-top: 10px;
}

.footSer a {
  float: left;
  color: hsla(199, 59%, 55%, 0.8);
}

.footSer i {
  float: left;
  margin: 0 5px;
  color: #999;
}

/**/
.copyrightDiv {
  padding-top: 90px;
  margin-bottom: 30px;
}

.copyrightDiv h1 {
  font-size: 16px;
  color: #666;
  padding: 20px 0 15px 0;
}

.copyrightDiv .cont {
  padding: 25px;
  border: 1px solid #eee;
  min-height: 350px;
}

.copyrightDiv .cont h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}

.copyrightDiv .cont p {
  font-size: 16px;
  color: #666;
  padding: 0 20px;
  line-height: 30px;
  text-indent: 32px;
}

.copyrightDiv .photo {
  line-height: 50px;
  padding-left: 50px;
  font-size: 16px;
  background: url(../images/icon_10er.png) no-repeat left 20px center;
  background-size: 20px auto;
  margin-top: 30px;
}

.bierDiv {
  width: 40px;
  height: 40px;
  background: url(../images/close1.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: 15%;
  cursor: pointer;
}

.outTop {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3) url(../images/iconRQ.png) no-repeat center;
  background-size: 60% auto;
}

.outTop:hover {
  background: rgba(0, 0, 0, 0.6) url(../images/iconRQ.png) no-repeat center;
  background-size: 60% auto;
}

.publicity_head {
  background: #d5011f;
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

.publicity_content {
  padding-top: 20px;
  width: 1230px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.publicity_item {
  display: inline-block;
  width: 160px;
  margin: 20px;
  text-align: center;
  color: #333;
}

.publicity_item img {
  width: 160px;
  height: 242px;
  margin-bottom: 10px;
}