@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  font-size: 14px
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: none
}

li {
  list-style: none
}

fieldset,
img {
  border: 0
}

img {
  vertical-align: top
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal
}

ol,
ul {
  list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

abbr,
acronym {
  border: 0
}

em,
i {
  font-style: normal
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: "";
  display: block;
  clear: both
}

a {
  text-decoration: none;
  cursor: pointer
}

a:hover {
  text-decoration: none;
  cursor: pointer
}

a:focus {
  outline-style: none
}

body {
  min-width: 1200px;
  background: #fff
}

.base {
  width: 1100px;
  margin: 0 auto
}

.fl {
  float: left
}

.fr {
  float: right
}

.banner-swiper .swiper-slide {
  height: 480px;
  background-size: 1920px 480px;
  background-position: center
}

.base {
  width: 1200px;
  margin: 0 auto
}

.tit {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: bold;
  color: #333333
}

.tit.white {
  color: #fdfdfd
}

.tit::before {
  width: 33px;
  height: 34px;
  background: url(http://www.mobiletrain.org/images/xueli/tit_icon1.jpg) no-repeat;
  background-size: 33px 34px;
  content: "";
  margin-right: 2px
}

.tit.white::before {
  background: url(http://www.mobiletrain.org/images/xueli/tit_icon3.png) no-repeat;
  background-size: 33px 34px
}

.tit::after {
  width: 34px;
  height: 34px;
  background: url(http://www.mobiletrain.org/images/xueli/tit_icon2.jpg) no-repeat;
  background-size: 34px;
  content: ""
}

.tit.white::after {
  background: url(http://www.mobiletrain.org/images/xueli/tit_icon4.png) no-repeat;
  background-size: 34px
}

.des {
  font-size: 18px;
  color: #407ef6;
  text-align: center;
  margin-top: 10px
}

.des.white {
  color: #ffffff;
  opacity: .5
}

.module-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 398px;
  height: 60px;
  background: linear-gradient(0deg, #ffae00 0%, #ffcc44 100%), linear-gradient(#ffffff, #ffffff);
  border-radius: 30px;
  font-size: 30px;
  font-weight: bold;
  line-height: 60px;
  color: #e93323;
  margin: 0 auto
}

.module-btn::after {
  content: "";
  width: 31px;
  height: 31px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_btn.jpg) no-repeat;
  background-size: 31px;
  border-radius: 50%;
  margin-left: 5px
}

.module1 {
  width: 100%;
  height: 145px;
  background: url(http://www.mobiletrain.org/images/xueli/module1_bg.png) no-repeat;
  background-size: 1924px 145px;
  background-position: center
}

.module1 .base {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 145px;
  text-align: center
}

.module1 .base div p {
  font-size: 24px;
  font-weight: bold;
  margin-top: 4px;
  color: #ffffff
}

.module2 {
  width: 100%;
  height: 485px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_bg.jpg) no-repeat;
  background-size: 2086px 626px;
  background-position: center;
  padding-top: 60px
}

.module2 .module2-con {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px
}

.module2 .module2-con .module2-item {
  width: 386px;
  height: 160px;
  background-color: #f4f8fe;
  box-shadow: 0 1px 8px 0 #b1b1b1;
  border-radius: 10px;
  margin-bottom: 20px
}

.module2 .module2-con .module2-item:nth-child(2) {
  background-color: #fef8f3
}

.module2 .module2-con .module2-item:nth-child(3) {
  background-color: #f4fbf8
}

.module2 .module2-con .module2-item:nth-child(4) {
  background-color: #faf6ff
}

.module2 .module2-con .module2-item:nth-child(5) {
  background-color: #f1f8fb
}

.module2 .module2-con .module2-item:nth-child(6) {
  background-color: #fbf5f4
}

.module2 .module2-con .module2-item .module2-item-top {
  display: flex;
  align-items: center;
  padding-top: 12px
}

.module2 .module2-con .module2-item .module2-item-top img {
  height: 70px;
  margin-left: 20px;
  margin-right: 16px
}

.module2 .module2-con .module2-item .module2-item-top div div {
  font-size: 18px;
  font-weight: bold;
  color: #333333
}

.module2 .module2-con .module2-item .module2-item-top div p {
  width: 252px;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  margin-top: 8px
}

.module2 .module2-con .module2-item .module2-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 36px;
  background: linear-gradient(0deg, #ffae00 0%, #ffcc44 100%), linear-gradient(#ffffff, #ffffff);
  border-radius: 18px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  color: #e93323;
  font-weight: bold;
  margin: 10px auto 0 auto;
  box-sizing: border-box
}

.module2 .module2-con .module2-item .module2-btn:hover {
  background: #ffffff;
  border: solid 1px #eba001;
  color: #eba001
}

.module2 .module2-con .module2-item .module2-btn::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_btn.jpg) no-repeat;
  background-size: 20px;
  border-radius: 50%;
  margin-left: 4px
}

.module3 {
  background: #f7f8fa;
  padding: 50px 0
}

.module3 .base {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 30px
}

.module3 .base .module3-item {
  width: 285px;
  height: 285px;
  background-color: #ffffff;
  box-shadow: 0 1px 8px 0 #b1b1b1;
  border-radius: 10px
}

.module3 .base .module3-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 36px;
  background: linear-gradient(0deg, #ffae00 0%, #ffcc44 100%), linear-gradient(#ffffff, #ffffff);
  border-radius: 18px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
  color: #e93323;
  margin: -20px auto 0 auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box
}

.module3 .base .module3-item a::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_btn.jpg) no-repeat;
  background-size: 20px;
  border-radius: 50%;
  margin-left: 3px
}

.module3 .base .module3-item a:hover {
  background: #ffffff;
  border: solid 1px #eba001;
  color: #eba001
}

.module3 .base .module3-item div {
  text-align: center;
  font-size: 18px;
  color: #333333;
  padding: 22px 0 6px 0;
  font-weight: bold
}

.module3 .base .module3-item p {
  padding: 0 16px;
  font-size: 14px;
  line-height: 16px;
  color: #666666
}

.module4 {
  width: 100%;
  height: 430px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_bg.jpg) no-repeat;
  background-size: 2086px 626px;
  background-position: center;
  padding-top: 40px
}

.module4 .base {
  display: flex;
  justify-content: space-between;
  margin-top: 50px
}

.module4 .base .module4-item {
  position: relative;
  width: 286px;
  height: 263px;
  background: url(http://www.mobiletrain.org/images/xueli/module4_icon1.png) no-repeat;
  background-size: 286px 263px
}

.module4 .base .module4-item:nth-child(2) {
  background: url(http://www.mobiletrain.org/images/xueli/module4_icon2.png) no-repeat;
  background-size: 286px 263px
}

.module4 .base .module4-item:nth-child(3) {
  background: url(http://www.mobiletrain.org/images/xueli/module4_icon3.png) no-repeat;
  background-size: 286px 263px
}

.module4 .base .module4-item:nth-child(4) {
  background: url(http://www.mobiletrain.org/images/xueli/module4_icon4.png) no-repeat;
  background-size: 286px 263px
}

.module4 .base .module4-item a {
  position: absolute;
  top: 200px;
  left: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 36px;
  background-image: linear-gradient(0deg, #ffae00 0%, #ffcc44 100%), linear-gradient(#ffffff, #ffffff);
  border-radius: 18px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
  color: #e93323
}

.module4 .base .module4-item a::after {
  content: "";
  width: 19px;
  height: 19px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_btn.jpg) no-repeat;
  background-size: 19px;
  border-radius: 50%;
  margin-left: 3px
}

.module5 {
  width: 100%;
  height: 830px;
  background: url(http://www.mobiletrain.org/images/xueli/module5_bg.jpg) no-repeat;
  background-size: 1920px 880px;
  background-position: center;
  padding-top: 50px
}

.module5 .base {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 38px;
  margin-bottom: 10px
}

.module5 .base .module5-item {
  width: 183px;
  height: 171px;
  background: #ffffff;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 12px
}

.module5 .base .module5-item img {
  height: 113px
}

.module5 .base .module5-item p {
  font-size: 18px;
  margin-top: 6px;
  color: #333333
}

.module5 .base .module5-item:hover {
  background: #7faaff
}

.module5 .base .module5-item:hover p {
  color: #ffffff
}

.module6 {
  padding-top: 80px;
  background: #f7f8fa
}

.module6 .base {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px
}

.module6 .base .module6-left {
  width: 588px;
  height: 335px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(188, 188, 188, 0.35);
  border-radius: 10px
}

.module6 .base .module6-right {
  width: 588px;
  height: 335px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(188, 188, 188, 0.35);
  border-radius: 10px
}

.module6 .base .module6-tit {
  width: 217px;
  height: 34px;
  background: url(http://www.mobiletrain.org/images/xueli/module6_icon1.png) no-repeat;
  background-size: 217px 34px;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  margin: -4px auto 0 187px
}

.module6 .base .module6-item {
  display: flex;
  margin-top: 18px
}

.module6 .base .module6-item img {
  width: 160px;
  height: 267px;
  border-radius: 10px;
  margin-left: 15px;
  margin-right: 15px
}

.module6 .base .module6-item ul {
  height: 230px
}

.module6 .base .module6-item ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  line-height: 32px
}

.module6 .base .module6-item ul li:hover {
  color: #0081ff
}

.module6 .base .module6-item ul li span {
  color: #0081ff
}

.module6 .base .module6-item ul li::before {
  content: "";
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #5e92f9;
  margin-right: 10px
}

.module6 .base .module6-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 36px;
  background: linear-gradient(0deg, #ffae00 0%, #ffcc44 100%), linear-gradient(#ffffff, #ffffff);
  border-radius: 18px;
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  color: #e93323;
  margin-left: 238px
}

.module6 .base .module6-item a::after {
  content: "";
  width: 19px;
  height: 19px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_btn.jpg) no-repeat;
  background-size: 19px;
  border-radius: 50%;
  margin-left: 3px
}

.module7 {
  background: #f7f8fa;
  padding-top: 80px;
  padding-bottom: 48px
}

.module7 .module7-con {
  width: 1200px;
  height: 408px;
  background: url(http://www.mobiletrain.org/images/xueli/module7_bg.png) no-repeat;
  background-size: 1200px 408px;
  margin-top: 30px
}

.module7 .module7-con .module7-con-top {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.module7 .module7-con .module7-con-top span {
  width: 33.33333%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-top: 46px;
  color: #333333;
  margin-bottom: 280px
}

.module7 .module7-con p {
  font-size: 16px;
  text-align: center;
  color: #585858
}

.module8 {
  width: 100%;
  height: 955px;
  background: #f7f8fa url(http://www.mobiletrain.org/images/xueli/module8_bg.png) no-repeat;
  background-size: 1920px 1105px;
  padding-top: 150px;
  background-position: center bottom
}

.module8 .module8-top {
  width: 1066px;
  height: 100px;
  background: url(http://www.mobiletrain.org/images/xueli/module8_icon1.png) no-repeat;
  background-size: 1066px 71px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background-position: center top;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px
}

.module8 .module8-top span {
  width: 72px;
  font-size: 18px;
  color: #ffffff;
  padding-top: 80px
}

.module8 .module8-bot {
  display: flex;
  align-items: center
}

.module8 .module8-bot .module8-bot-left {
  width: 402px;
  height: 407px
}

.module8 .module8-bot .module8-bot-right {
  display: flex;
  flex-wrap: wrap
}

.module8 .module8-bot .module8-bot-right li {
  display: flex;
  align-items: center;
  width: 356px;
  height: 50px;
  background: linear-gradient(270deg, #e9f1ff 0%, #e3edff 50%, #dce8fe 100%), linear-gradient(#286cef, #286cef);
  box-shadow: 0 1px 8px 0 #afbfdd;
  border-radius: 25px;
  margin: 10px 15px
}

.module8 .module8-bot .module8-bot-right li span {
  width: 40px;
  height: 40px;
  background: linear-gradient(270deg, #5e92f9 0%, #3f7df6 100%), linear-gradient(#286cef, #286cef);
  box-shadow: 5px 0 6px 0 #adc6fa;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 16px
}

.module8 .module8-bot .module8-bot-right li p {
  width: 197px;
  font-size: 15px;
  color: #333333;
  white-space: nowrap
}

.module8 .module8-bot .module8-bot-right li:nth-child(9) {
  margin-bottom: 10px
}

.module8 .module8-bot .module8-bot-right li a {
  display: none;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 36px;
  background: linear-gradient(0deg, #ffae00 0%, #ffcc44 100%), linear-gradient(#ffffff, #ffffff);
  border-radius: 18px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  color: #e93323;
  margin-right: -20px;
  font-weight: bold
}

.module8 .module8-bot .module8-bot-right li a::after {
  content: "";
  width: 19px;
  height: 19px;
  background: url(http://www.mobiletrain.org/images/xueli/module2_btn.jpg) no-repeat;
  background-size: 19px;
  border-radius: 50%;
  margin-left: 3px
}

.module8 .module8-bot .module8-bot-right li:hover a {
  display: flex
}

.module8 .module8-bot .module8-bot-right li:hover p {
  color: #0081ff
}