body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

ol,
ul {
  list-style: none;
}

button,
input,
select,
textarea {
  font-size: 100%;
  font: inherit;
  border: 0;
  outline: 0;
}

a {
  color: #333;
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font: 14px/1.5 "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, "STHeiTi", sans-serif;
  color: #333;
}

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

.nav-box {
  width: 100%;
  padding: 15px 0;
  position: fixed;
  z-index: 11;
  top: 0;
}

.nav-box.fixed {
  position: fixed;
  background: #fbfcff;
  -webkit-box-shadow: 0 0 15px #dfe9f3;
          box-shadow: 0 0 15px #dfe9f3;
}

.nav-box .logo, .nav-box .nav, .nav-box .login {
  display: inline-block;
  vertical-align: middle;
}

.nav-box .login {
  line-height: 1;
  padding: 5px 15px;
  border-radius: 4px;
  background: #449bff;
  color: #fff;
  font-size: 14px;
  float: right;
  margin-top: 10px;
}

.nav-box .logo {
  /* width: 132px;
  height: 50px; */
  width: 198px;
  height: 30px;
  background: url("../images/logo.png") no-repeat;
  background-size: 100% 100%;
}

.nav-box .nav {
  margin-left: 40px;
}

.nav-box .nav a {
  font-size: 16px;
  color: #449bff;
  margin: 0 30px;
}

.nav-box .nav a:hover, .nav-box .nav a.current {
  font-weight: bold;
  border-bottom: 3px solid #449bff;
}

.section {
  padding: 80px 0;
}

.section.section-1 {
  padding: 150px 0;
}

.section-1 {
  background: #e2efff;
  background: -webkit-gradient(linear, left top, right top, from(#fbfcff), to(#e2efff));
  background: linear-gradient(to right, #fbfcff 0%, #e2efff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcff', endColorstr='#e2efff',GradientType=0 );
  font-size: 0;
  letter-spacing: 0;
}

.section-1 .text, .section-1 .img-box {
  display: inline-block;
  vertical-align: middle;
}

.section-1 .text {
  width: calc(100% - 640px);
  color: #449bff;
  padding-left: 30px;
}

.section-1 .text h1, .section-1 .text p, .section-1 .text span {
  display: block;
  line-height: 1;
  font-weight: bold;
}

.section-1 .text h1 {
  font-size: 60px;
}

.section-1 .text p {
  font-size: 40px;
  padding: 20px 0 30px;
}

.section-1 .text span {
  font-size: 16px;
  color: #fff;
  background: #449bff;
  padding: 3px 6px;
  display: inline-block;
  font-weight: normal;
}

.section-1 .img-box {
  width: 640px;
  height: 367px;
  display: inline-block;
}

.section-1 .img-box .img {
  width: 640px;
  height: 367px;
  position: relative;
}

.section-1 .img-box .img::after {
  width: 640px;
  height: 367px;
  content: '';
  background: url("../images/section-1-img.png") no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 10;
}

.section-1 .img-box .img::before {
  width: 848px;
  height: 334px;
  content: '';
  background: url("../images/section-1-bg.png") no-repeat;
  display: inline-block;
  position: absolute;
  bottom: -70px;
  right: -130px;
  z-index: 1;
}

:root .section-1 {
  -webkit-filter: none;
          filter: none;
}

.section-2 {
  background: #f2f6fa;
}

.section-2 .box-1, .section-2 .box-2 {
  height: 167px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px #ececec;
          box-shadow: 0 0 6px #ececec;
  font-size: 0;
  letter-spacing: 0;
  position: relative;
}

.section-2 .box-1 .text, .section-2 .box-1 .img, .section-2 .box-2 .text, .section-2 .box-2 .img {
  display: inline-block;
  vertical-align: middle;
}

.section-2 .box-1 .text, .section-2 .box-2 .text {
  width: calc(100% - 500px);
  position: absolute;
  top: 36px;
}

.section-2 .box-1 .text b, .section-2 .box-1 .text p, .section-2 .box-2 .text b, .section-2 .box-2 .text p {
  font-size: 30px;
  display: block;
}

.section-2 .box-1 .text p, .section-2 .box-2 .text p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.section-2 .box-1 .img, .section-2 .box-2 .img {
  width: 392px;
  height: 233px;
  position: absolute;
  top: -30px;
}

.section-2 .box-1 {
  background: url("../images/section-2-bg1.png") top left no-repeat #fff;
}

.section-2 .box-1 .text {
  right: 50px;
}

.section-2 .box-1 .img {
  background: url("../images/section-2-book1.png") no-repeat;
  background-size: 100%;
  left: 20px;
}

.section-2 .box-1 b {
  color: #159479;
}

.section-2 .box-2 {
  background: url("../images/section-2-bg2.png") top right no-repeat #fff;
  margin-top: 100px;
}

.section-2 .box-2 .text {
  left: 50px;
}

.section-2 .box-2 .img {
  background: url("../images/section-2-book2.png") no-repeat;
  background-size: 100%;
  right: 20px;
}

.section-2 .box-2 b {
  color: #449bff;
}

.section-3 {
  position: relative;
  background: #469dff;
}

.section-3::before, .section-3::after {
  width: 629px;
  height: 400px;
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
}

.section-3::before {
  background: url("../images/section-3-bg-left.png") no-repeat;
  background-size: 100%;
  top: 0;
  left: 0;
}

.section-3::after {
  background: url("../images/section-3-bg-right.png") no-repeat;
  background-size: 100%;
  bottom: 0;
  right: 0;
}

.section-3 .text {
  text-align: center;
  color: #fff;
  line-height: 1;
  position: relative;
  z-index: 10;
}

.section-3 .text p {
  display: block;
  padding: 30px 0;
}

.section-3 .img {
  position: relative;
  z-index: 10;
  text-align: center;
  padding-top: 40px;
  font-size: 0;
  letter-spacing: 0;
}

.section-3 .img .img-1 {
  background: url("../images/section-3-1.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.section-3 .img .img-2 {
  background: url("../images/section-3-2.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.section-3 .img .img-3 {
  background: url("../images/section-3-3.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}

.section-3 .img .img-1 {
  width: 482px;
  height: 180px;
}

.section-3 .img .img-2 {
  width: 160px;
  height: 150px;
  position: relative;
}

.section-3 .img .img-2 .img-2-on {
  width: 331px;
  height: 150px;
  content: '';
  position: absolute;
  background: #449bff;
  top: 0;
  left: 0;
}

.section-3 .img .img-3 {
  width: 160px;
  height: 140px;
  position: relative;
}

.section-3 .img .img-3 .img-3-on {
  width: 329px;
  height: 140px;
  content: '';
  position: absolute;
  background: #449bff;
  top: 0;
  left: 0;
}

.section-4 {
  background: url("../images/section-4-bg.png") no-repeat center center #f2f6fa;
  background-size: 100%;
}

.section-4 .text {
  text-align: center;
  padding-bottom: 50px;
}

.section-4 .text h3 {
  color: #000;
  font-size: 30px;
  display: block;
  text-shadow: 3px 0 0 #fff;
}

.section-4 .img {
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
}

.section-4 .img span {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  background: #fff;
  display: inline-block;
  text-align: center;
  padding: 35px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}

.section-4 .img span b {
  color: #ff899c;
  font-size: 55px;
  text-shadow: 5px 0 0 #449bff;
}

.section-4 .img span b i {
  font-size: 20px;
  font-style: normal;
  text-shadow: 2px 0 0 #449bff;
}

.section-4 .img span em {
  font-size: 16px;
  color: #666;
  display: block;
  font-style: normal;
}

.section-4 .img span + span {
  margin: 0 33px;
}

.section-5 .text {
  text-align: center;
  padding-bottom: 50px;
}

.section-5 .text h3 {
  color: #000;
  font-size: 30px;
  display: block;
  text-shadow: 3px 0 0 #fff;
}

.section-5 .img .title-1 {
  width: 134px;
  height: 30px;
  background: url("../images/section-5-1-title.png") no-repeat;
  background-size: 100%;
  margin: 0 auto;
}

.section-5 .img .title-2 {
  width: 134px;
  height: 30px;
  background: url("../images/section-5-2-title.png") no-repeat;
  background-size: 100%;
  margin: 0 auto;
}

.section-5 .img ul {
  text-align: center;
  margin: 30px 0;
}

.section-5 .img ul.img-1 li.icon-1 {
  background: url("../images/section-5-1-icon-1.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-1 li.icon-2 {
  background: url("../images/section-5-1-icon-2.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-1 li.icon-3 {
  background: url("../images/section-5-1-icon-3.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-1 li.icon-4 {
  background: url("../images/section-5-1-icon-4.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-1 li.icon-5 {
  background: url("../images/section-5-1-icon-5.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-1 {
  background: url("../images/section-5-2-icon-1.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-2 {
  background: url("../images/section-5-2-icon-2.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-3 {
  background: url("../images/section-5-2-icon-3.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-4 {
  background: url("../images/section-5-2-icon-4.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-5 {
  background: url("../images/section-5-2-icon-5.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-6 {
  background: url("../images/section-5-2-icon-6.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-7 {
  background: url("../images/section-5-2-icon-7.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-8 {
  background: url("../images/section-5-2-icon-8.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-9 {
  background: url("../images/section-5-2-icon-9.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul.img-2 li.icon-10 {
  background: url("../images/section-5-2-icon-10.png") no-repeat;
  background-size: 100%;
}

.section-5 .img ul li {
  width: 178px;
  height: 60px;
  display: inline-block;
  margin: 25px;
}

.section-5 p {
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 100px 0;
}

.introduce-1 {
  background: url("../images/introduce-bg-1.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.introduce-2 {
  background: url("../images/introduce-bg-2.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.introduce-3 {
  background: url("../images/introduce-bg-3.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.introduce-4 {
  background: url("../images/introduce-bg-4.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.introduce-1 .text, .introduce-1 .img {
  display: inline-block;
  vertical-align: middle;
}

.introduce-1 .text {
  width: calc(100% - 535px);
}

.introduce-1 .text h3 {
  font-size: 30px;
  color: #449bff;
}

.introduce-1 .text h3 em {
  font-size: 18px;
  font-style: normal;
}

.introduce-1 .text p {
  font-size: 14px;
  color: #333;
  padding-right: 160px;
  margin-top: 25px;
}

.introduce-1 .img {
  width: 530px;
  height: 280px;
  background: url("../images/introduce-1-img.png") no-repeat;
}

.introduce-2, .introduce-3 {
  padding: 80px 0;
}

.introduce-2 .text, .introduce-2 .img, .introduce-3 .text, .introduce-3 .img {
  display: inline-block;
  vertical-align: middle;
}

.introduce-2 .text, .introduce-3 .text {
  width: calc(100% - 680px);
}

.introduce-2 .text h3, .introduce-3 .text h3 {
  font-size: 30px;
  color: #fff;
  padding-left: 140px;
}

.introduce-2 .text h3 em, .introduce-3 .text h3 em {
  font-size: 18px;
  font-style: normal;
}

.introduce-2 .text p, .introduce-3 .text p {
  font-size: 14px;
  color: #fff;
  padding-left: 140px;
  margin-top: 25px;
}

.introduce-2 .img, .introduce-3 .img {
  font-size: 0;
  letter-spacing: 0;
}

.introduce-2 .img .img-1 span.icon-1, .introduce-3 .img .img-1 span.icon-1 {
  top: 20px;
  left: 75px;
}

.introduce-2 .img .img-1 span.icon-2, .introduce-3 .img .img-1 span.icon-2 {
  bottom: 50px;
  left: 110px;
}

.introduce-2 .img .img-2 span.icon-1, .introduce-3 .img .img-2 span.icon-1 {
  top: 70px;
  left: 40px;
}

.introduce-2 .img .img-2 span.icon-2, .introduce-3 .img .img-2 span.icon-2 {
  bottom: 30px;
  left: 30px;
}

.introduce-2 .img .img-3 span.icon-1, .introduce-3 .img .img-3 span.icon-1 {
  top: 30px;
  left: 130px;
}

.introduce-2 .img .img-3 span.icon-2, .introduce-3 .img .img-3 span.icon-2 {
  top: 110px;
  left: 30px;
}

.introduce-2 .img .img-3 span.icon-3, .introduce-3 .img .img-3 span.icon-3 {
  top: 180px;
  left: 0px;
}

.introduce-2 .img .img-3 span.icon-4, .introduce-3 .img .img-3 span.icon-4 {
  bottom: 10px;
  right: -30px;
}

.introduce-2 .img .img-1, .introduce-3 .img .img-1 {
  width: 224px;
  height: 308px;
  background: url("../images/introduce-2-img-1.png") no-repeat;
  background-size: 100%;
  position: relative;
  display: inline-block;
}

.introduce-2 .img .img-1 span, .introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-1 span.icon-1, .introduce-3 .img .img-1 span.icon-1 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-1-icon-1.png") no-repeat;
}

.introduce-2 .img .img-1 span, .introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-1 span.icon-2, .introduce-3 .img .img-1 span.icon-2 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-1-icon-2.png") no-repeat;
}

.introduce-2 .img .img-1 span, .introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-1 span.icon-3, .introduce-3 .img .img-1 span.icon-3 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-1-icon-3.png") no-repeat;
}

.introduce-2 .img .img-1 span, .introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-1 span.icon-4, .introduce-3 .img .img-1 span.icon-4 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-1-icon-4.png") no-repeat;
}

.introduce-2 .img .img-2, .introduce-3 .img .img-2 {
  width: 224px;
  height: 308px;
  background: url("../images/introduce-2-img-2.png") no-repeat;
  background-size: 100%;
  position: relative;
  display: inline-block;
}

.introduce-2 .img .img-2 span, .introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-2 span.icon-1, .introduce-3 .img .img-2 span.icon-1 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-2-icon-1.png") no-repeat;
}

.introduce-2 .img .img-2 span, .introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-2 span.icon-2, .introduce-3 .img .img-2 span.icon-2 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-2-icon-2.png") no-repeat;
}

.introduce-2 .img .img-2 span, .introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-2 span.icon-3, .introduce-3 .img .img-2 span.icon-3 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-2-icon-3.png") no-repeat;
}

.introduce-2 .img .img-2 span, .introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-2 span.icon-4, .introduce-3 .img .img-2 span.icon-4 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-2-icon-4.png") no-repeat;
}

.introduce-2 .img .img-3, .introduce-3 .img .img-3 {
  width: 224px;
  height: 308px;
  background: url("../images/introduce-2-img-3.png") no-repeat;
  background-size: 100%;
  position: relative;
  display: inline-block;
}

.introduce-2 .img .img-3 span, .introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-3 span.icon-1, .introduce-3 .img .img-3 span.icon-1 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-3-icon-1.png") no-repeat;
}

.introduce-2 .img .img-3 span, .introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-3 span.icon-2, .introduce-3 .img .img-3 span.icon-2 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-3-icon-2.png") no-repeat;
}

.introduce-2 .img .img-3 span, .introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-3 span.icon-3, .introduce-3 .img .img-3 span.icon-3 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-3-icon-3.png") no-repeat;
}

.introduce-2 .img .img-3 span, .introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-2 .img .img-3 span.icon-4, .introduce-3 .img .img-3 span.icon-4 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-2-img-3-icon-4.png") no-repeat;
}

.introduce-3 .text {
  width: calc(100% - 680px);
}

.introduce-3 .text h3 {
  color: #449bff;
  padding-right: 140px;
  padding-left: 0;
}

.introduce-3 .text p {
  color: #333;
  padding-right: 140px;
  padding-left: 0;
}

.introduce-3 .img .img-1 span.icon-1 {
  top: 40px;
  left: -75px;
}

.introduce-3 .img .img-1 span.icon-2 {
  bottom: 30px;
  left: -50px;
}

.introduce-3 .img .img-2 span.icon-1 {
  top: 20px;
  left: -60px;
}

.introduce-3 .img .img-2 span.icon-2 {
  bottom: 100px;
  left: -20px;
}

.introduce-3 .img .img-3 span.icon-1 {
  top: 10px;
  left: 100px;
}

.introduce-3 .img .img-3 span.icon-2 {
  top: 110px;
  left: 130px;
}

.introduce-3 .img .img-3 span.icon-3 {
  top: 180px;
  left: 100px;
}

.introduce-3 .img .img-1 {
  width: 224px;
  height: 308px;
  background: url("../images/introduce-3-img-1.png") no-repeat;
  background-size: 100%;
  position: relative;
  display: inline-block;
}

.introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-1 span.icon-1 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-1-icon-1.png") no-repeat;
}

.introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-1 span.icon-2 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-1-icon-2.png") no-repeat;
}

.introduce-3 .img .img-1 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-1 span.icon-3 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-1-icon-3.png") no-repeat;
}

.introduce-3 .img .img-2 {
  width: 224px;
  height: 308px;
  background: url("../images/introduce-3-img-2.png") no-repeat;
  background-size: 100%;
  position: relative;
  display: inline-block;
}

.introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-2 span.icon-1 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-2-icon-1.png") no-repeat;
}

.introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-2 span.icon-2 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-2-icon-2.png") no-repeat;
}

.introduce-3 .img .img-2 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-2 span.icon-3 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-2-icon-3.png") no-repeat;
}

.introduce-3 .img .img-3 {
  width: 224px;
  height: 308px;
  background: url("../images/introduce-3-img-3.png") no-repeat;
  background-size: 100%;
  position: relative;
  display: inline-block;
}

.introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-3 span.icon-1 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-3-icon-1.png") no-repeat;
}

.introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-3 span.icon-2 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-3-icon-2.png") no-repeat;
}

.introduce-3 .img .img-3 span {
  position: absolute;
  content: '';
  display: inline-block;
}

.introduce-3 .img .img-3 span.icon-3 {
  width: 149px;
  height: 62px;
  background: url("../images/introduce-3-img-3-icon-3.png") no-repeat;
}

.introduce-4 {
  padding-bottom: 60px;
}

.introduce-4 .text h3 {
  font-size: 40px;
  color: #fff;
  text-align: center;
}

.introduce-4 ul {
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  margin: 50px 0;
}

.introduce-4 ul li {
  width: 248px;
  height: 267px;
  border-radius: 10px;
  display: inline-block;
  margin: 0 7px;
  position: relative;
}

.introduce-4 ul li.box-bg-1 {
  background: url("../images/introduce-4-img-1.png") no-repeat center top #fff;
  background-size: 100%;
}

.introduce-4 ul li.box-bg-2 {
  background: url("../images/introduce-4-img-2.png") no-repeat center top #fff;
  background-size: 100%;
}

.introduce-4 ul li.box-bg-3 {
  background: url("../images/introduce-4-img-3.png") no-repeat center top #fff;
  background-size: 100%;
}

.introduce-4 ul li.box-bg-4 {
  background: url("../images/introduce-4-img-4.png") no-repeat center top #fff;
  background-size: 100%;
}

.introduce-4 ul li span, .introduce-4 ul li p {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: 16px;
  color: #333;
  position: absolute;
}

.introduce-4 ul li span {
  top: 155px;
  text-align: center;
}

.introduce-4 ul li p {
  font-size: 14px;
  color: #666;
  top: 175px;
  padding: 10px 20px;
  text-align: left;
}

.cooperation-1 {
  background: url("../images/cooperation-bg-1.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.cooperation-2 {
  background: url("../images/cooperation-bg-2.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.cooperation-3 {
  background: url("../images/cooperation-bg-3.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: 80px;
}

.cooperation-1 {
  padding: 150px 0 60px;
}

.cooperation-1 .text h3 {
  font-size: 64px;
  color: #449bff;
  line-height: 84px;
}

.cooperation-1 .text b {
  padding: 0 20px;
  font-size: 34px;
  color: #449bff;
  padding-left: 80px;
  display: inline-block;
  position: relative;
  margin-top: 30px;
}

.cooperation-1 .text b::before {
  width: 50px;
  height: 50px;
  content: '';
  position: absolute;
  background: url("../images/phone.png") no-repeat;
  top: 23px;
  left: 30px;
}

.cooperation-1 .apply {
  display: block;
  padding: 0 15px;
  margin: 20px 700px 0 170px;
  width: 250px;
  font-size: 34px;
  border-radius: 50px;
  background-color: #449bff;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 60px;
  transition: all .2s;
  cursor: pointer;
}

.cooperation-1 .apply:hover {
  box-shadow: 0px 2px 9px 4px rgba(51, 51, 51, 0.15);
}

.cooperation-2 {
  padding-bottom: 80px;
}

.cooperation-2 .text {
  text-align: center;
}

.cooperation-2 .text p, .cooperation-2 .text b {
  display: block;
  font-size: 32px;
  color: #fff;
}

.cooperation-2 .text b {
  color: #ffcb4e;
}

.cooperation-2 .img {
  width: 547px;
  height: 227px;
  background: url("../images/cooperation-2-img.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  margin: 20px 0;
  -webkit-animation: pulse;
          animation: pulse;
  /* referring directly to the animation's @keyframe declaration */
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  /* don't forget to set a duration! */
}

.cooperation-3 {
  padding-bottom: 80px;
}

.cooperation-3 .text h3 {
  font-size: 40px;
  color: #449bff;
  text-align: center;
}

.cooperation-3 ul {
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  margin: 50px 0;
}

.cooperation-3 ul li {
  width: 248px;
  height: 237px;
  border-radius: 10px;
  display: inline-block;
  -webkit-box-shadow: 0 0 10px #cfd8e4;
          box-shadow: 0 0 10px #cfd8e4;
  margin: 0 30px;
  position: relative;
}

.cooperation-3 ul li.box-bg-1 {
  background: url("../images/cooperation-3-img-1.png") no-repeat center top #fff;
  background-size: 100%;
}

.cooperation-3 ul li.box-bg-2 {
  background: url("../images/cooperation-3-img-2.png") no-repeat center top #fff;
  background-size: 100%;
}

.cooperation-3 ul li.box-bg-3 {
  background: url("../images/cooperation-3-img-3.png") no-repeat center top #fff;
  background-size: 100%;
}

.cooperation-3 ul li.box-bg-4 {
  background: url("../images/cooperation-3-img-4.png") no-repeat center top #fff;
  background-size: 100%;
}

.cooperation-3 ul li span, .cooperation-3 ul li p {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: 16px;
  color: #333;
  position: absolute;
}

.cooperation-3 ul li span {
  top: 155px;
  text-align: center;
}

.cooperation-3 ul li p {
  font-size: 14px;
  color: #666;
  top: 175px;
  padding: 10px 20px;
  text-align: left;
}

.aboutUs-1 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #eff6ff;
}

.aboutUs-1 .img, .aboutUs-1 .text {
  display: inline-block;
  vertical-align: top;
  margin-top: 60px;
}

.aboutUs-1 .img {
  width: 330px;
  height: 330px;
  background: url("../images/aboutUs-1-img.png") no-repeat;
  background-size: 100%;
}

.aboutUs-1 .text {
  width: calc(100% - 340px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 30px;
}

.aboutUs-1 .text::before, .aboutUs-1 .text::after {
  width: 56px;
  height: 49px;
  content: '';
  display: inline-block;
  position: absolute;
}

.aboutUs-1 .text::before {
  background: url("../images/icon-1-1.png") no-repeat;
  top: -20px;
  left: 30px;
}

.aboutUs-1 .text::after {
  background: url("../images/icon-1-2.png") no-repeat;
  bottom: 0px;
  right: -60px;
}

.aboutUs-1 .text h3 {
  font-size: 30px;
  padding-left: 60px;
}

.aboutUs-1 .text p {
  text-indent: 2em;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  padding-left: 30px;
}

.aboutUs-2 {
  min-width: 1200px;
  height: 307px;
  background: url("../images/aboutUs-bg-2.png") no-repeat center bottom;
  background-size: 100% 100%;
}

.aboutUs-3 {
  background: url("../images/footer-bg.png") no-repeat center bottom #469dff;
  background-size: 100% 100%;
  padding-top: 80px;
  padding-bottom: 180px;
}

.aboutUs-3 .text, .aboutUs-3 .img {
  display: inline-block;
  vertical-align: middle;
}

.aboutUs-3 .text h3 {
  font-size: 40px;
  color: #fff;
}

.aboutUs-3 .text ul li {
  position: relative;
  color: #f2f6fa;
  padding-left: 20px;
  margin: 10px 0;
}

.aboutUs-3 .text ul li.icon-1::before {
  width: 11px;
  height: 18px;
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  background: url("../images/icon-1.png") no-repeat;
  background-size: 100%;
}

.aboutUs-3 .text ul li.icon-2::before {
  width: 11px;
  height: 18px;
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  background: url("../images/icon-2.png") no-repeat;
  background-size: 100%;
}

.aboutUs-3 .text ul li.icon-3::before {
  width: 11px;
  height: 18px;
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  background: url("../images/icon-3.png") no-repeat;
  background-size: 100%;
}

.aboutUs-3 .img {
  width: 636px;
  height: 162px;
  background: url("../images/map.png") no-repeat;
  background-size: 100%;
  margin-left: 220px;
}

.aboutUs-3 p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding: 80px 0 30px;
  text-align: center;
}

.footer {
  background: #fff;
  padding: 30px 0;
  text-align: center;
}

.footer p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.footer-blue {
  padding: 30px 0 165px;
  text-align: center;
  background: url("../images/section-5-bg.png") no-repeat center bottom #2558a8;
  background-size: 100% 100%;
}

.footer-blue p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
/*# sourceMappingURL=ai-css.css.map */