* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

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

li {
  list-style: none;
}

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

b,
strong {
  font-weight: normal;
}

i,
em {
  font-style: normal;
}

div,
p,
span,
h1,
h2,
h3,
h4 {
  line-height: 1;
}

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

.clearfix {
  zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}
.mt-100 {
  margin-top: 100px !important;
}

input {
  outline: none;
  border: none;
  background: none;
}

body {
  /* font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; */
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial,
    sans-serif;
  overflow-x: hidden;
  background-color: #eef9ff;
}
html,
body {
  min-width: 1200px;
}

.index {
}

.w {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.banner {
  position: relative;
  height: auto;
  min-width: 1200px;
}
.banner a img {
  display: block;
  width: 100%;
}

/* box1 */

.box1 {
  position: relative;
  top: 70px;
}
/* 标题 */
.tit {
  margin: 0 auto;
  width: 1200px;
  height: 110px;
  text-align: center;
  /* background: url(../img/bg-1.png) no-repeat; */
}
.tit .b-bj {
  position: relative;
  /* bottom: -50px; */
  font-size: 100px;
  color: #e2e9f1;
  font-weight: 900;
}
.tit .zhong {
  position: relative;
  bottom: 85px;
  z-index: 2;
  letter-spacing: 2px;
  margin: 0px 40px;
  margin-top: -8px;
}
.tit .zhong h4 {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
}
.tit .zhong h4 span {
  color: #fff720;
}
.tit .zhong p {
  margin: 10px 0;
  color: #a0b5ff;
  font-size: 16px;
}

.box1 .box1_con {
  position: relative;
  top: -10px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 35px rgb(125 160 243 / 50%);
  width: 1200px;
  height: 800px;
  margin: 0 auto 0;
}
.box1 .box1_con li {
  display: inline-block;
  background-color: #eef9ff;
  border-radius: 20px;
  width: 260px;
  height: 268px;
  margin-top: 100px;
  margin-right: 20px;
}
.box1 .box1_con li .li-box {
  position: relative;
  display: inline-block;
  width: 230px;
  height: 240px;
  margin-top: 8px;
}
.box1 .box1_con li .li-box .kecheng {
  position: relative;
  top: -60px;
}

.box1 .box1_con li .li-box:hover::after {
  transition: 0.4s;
  width: 170px;
}
.box1 .box1_con li .li-box .box1_con-img {
  position: relative;
  top: -40px;
}
.box1 .box1_con li .li-box .tit-h3 {
  margin: 0 auto;
  width: 200px;
  height: 40px;
  /* border-bottom:2px solid #0142dc; */
}
.box1 .box1_con li .li-box .tit-h3 h3 {
  margin-top: -40px;
  font-size: 24px;
  font-weight: 900;
  color: #165cfb;
}
.box1 .box1_con li .li-box .text-p {
  display: flex;
  margin: 0 auto;
  width: 220px;
  height: 40px;
}

.box1 .box1_con li .li-box .text-p p {
  font-size: 16px;
  color: #666;
  padding-top: 10px;
  line-height: 24px;
  text-align: justify;
}
.box1 .box1_con li .li-box .btn {
  position: relative;
  top: 55px;
  left: 22px;
  width: 188px;
  height: 45px;
  border-radius: 45px;
  line-height: 45px;
  background-color: #ffa200;
}
.box1 .box1_con li .li-box .btn:hover {
  background-color: #e99400;
}

/*  box2 */
.box2 {
  position: relative;
  top: 150px;
}
.box2 .box2_con {
  position: relative;
  top: -10px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 35px rgb(125 160 243 / 50%);
  width: 1200px;
  height: 565px;
  margin: 0 auto 0;
}
.box2 .box2_con ul {
  padding-top: 20px;
}
.box2 .box2_con li {
  display: inline-block;
  border-radius: 185px;
  border: 1px #114bfb solid;
  width: 530px;
  height: 185px;
  margin: 40px 10px 0;
}
.box2 .box2_con li .li-box {
  position: relative;
  display: inline-block;
  margin: 11px 0 0 15px;
}
.box2 .box2_con li .li-box .tit-h3 {
  position: relative;
  margin: 20px 0 0 20px;
  width: 250px;
  height: 40px;
}
.box2 .box2_con li .li-box .tit-h3 h3 {
  text-align: left;
  margin-left: 10px;
  font-size: 24px;
  font-weight: 900;
  color: #165cfb;
}
.box2 .box2_con li .li-box .tit-h3 h3::after {
  position: absolute;
  content: '';
  left: 15px;
  bottom: 0;
  background: #165cfb;
  width: 50px;
  height: 2px;
  right: 0;
  transition: 0.4s;
}

.box2 .box2_con li .li-box .text-p {
  display: flex;
  margin: 0 auto;
  margin-left: 30px;
  width: 295px;
  height: 40px;
}

.box2 .box2_con li .li-box .text-p p {
  font-size: 16px;
  color: #666;
  padding-top: 10px;
  line-height: 24px;
  text-align: justify;
}

.box2 .box2_con .btn {
  position: relative;
  top: 50px;
  left: 0;
  margin: 0 auto;
  border-radius: 45px;
  line-height: 75px;
  width: 375px;
  height: 75px;
  background-color: #ffa200;
}
.box2 .box2_con .btn a {
  display: inline-block;
  width: 375px;
  height: 75px;
  font-size: 28px;
  font-weight: 700;
}

/* box3 */
.box3 {
  position: relative;
  top: 260px;
}
.box3 .btn {
  position: relative;
  bottom: 700px;
  /* left: 700px; */
  margin: 0 auto;
  border-radius: 45px;
  line-height: 75px;
  width: 375px;
  height: 75px;
  background-color: #ffa200;
}
.box3 .btn a {
  display: inline-block;
  text-align: center;
  width: 375px;
  height: 75px;
  font-size: 28px;
  font-weight: 700;
}

/* box4 */
.box4 {
  position: relative;
  top: -79px;
}
.box4 .box4_con {
  position: relative;
  top: -10px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 35px rgb(125 160 243 / 50%);
  width: 1200px;
  height: 600px;
  margin: 0 auto 0;
}
.box4 .box4_con ul {
  position: relative;
  left: 45px;
}
.box4 .box4_con li {
  /* display: inline-block; */
  float: left;
  background: url(../image/box4-bj.png);
  border-radius: 20px;
  text-align: center;
  margin: 0 auto;
  width: 260px;
  height: 450px;
  /* margin-right: 20px; */
  margin: 50px 10px;
  margin-top: 50px;
}
.box4 .box4_con li .li-box {
  position: relative;
  display: inline-block;
  width: 230px;
  height: 240px;
  margin-top: 150px;
}
.box4 .box4_con li .li-box .tit-h3 {
  margin: 0 auto;
  width: 200px;
  height: 40px;
  /* border-bottom:2px solid #0142dc; */
}
.box4 .box4_con li .li-box .tit-h3 h3 {
  margin-top: -40px;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
}
.box4 .box4_con li .li-box .text-p {
  display: flex;
  margin: 0 auto;
  margin-top: 60px;
  width: 220px;
  height: 40px;
}

.box4 .box4_con li .li-box .text-p p {
  font-size: 16px;
  color: #666;
  padding-top: 10px;
  margin-left: 30px;
  line-height: 24px;
  text-align: center;
}
.box4 .box4_con li .li-box .btn {
  position: relative;
  top: 70px;
  left: 22px;
  width: 188px;
  height: 45px;
  border-radius: 10px;
  line-height: 45px;
  background-color: #ffa200;
}
.box4 .box4_con li .li-box .btn:hover {
  background-color: #e99400;
}

/* box5 */
.box5 {
  position: relative;
  top: -200px;
}
.box5 .box5_con {
  position: relative;
  top: -10px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 35px rgb(125 160 243 / 50%);
  width: 1200px;
  height: 420px;
  margin: 0 auto 0;
}
.box5 .box5_con .box5_con_1 {
  padding-top: 50px;
}

/* bonx6 */

.box6 {
  /* position: relative;
    top: -200px; */
  margin-top: -250px;
}

/* footer */
.footer {
  height: 30px;
  background-color: #fff;
}

.footer .bottom {
  height: 30px;
  line-height: 30px;
  background: #fff;
}
.footer .bottom p {
  height: 35px;
  font-size: 12px;
  line-height: 35px;
  text-align: center;
  color: #515b64;
}

.p10 {
  width: 100%;
  height: 1280px;
  background: url(../picture/p10.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -70px;
  position: relative;
}

.title10 {
  width: 910px;
  height: 79px;
  background: url(../picture/title10.png) no-repeat;
  background-size: 64%;
  margin: 0 auto 0;
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 52px;
  font-weight: bold;
  padding-top: 17px;
  background-position-x: 177px;
}
.title10 span {
  color: #ff5352;
}

.p10-index {
  width: 1200px;
  height: 540px;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../picture/p10-index1.png) no-repeat;
  background-size: 100% 100%;
}
.p10-top {
  position: relative;
}
.p10-top p {
  float: left;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-top: 41px;
  line-height: 34px;
}

.p10-top p:nth-child(1) {
  /* margin-left: 230px; */
  position: absolute;
  top: 0px;
  left: 230px;
}
.p10-top p:nth-child(2) {
  /* margin-left: 208px; */
  position: absolute;
  top: 0px;
  left: 494px;
}
.p10-top p:nth-child(3) {
  /* margin-left: 205px; */
  position: absolute;
  top: 0px;
  left: 755px;
}
.p10-top p:nth-child(4) {
  /* margin-left: 201px; */
  position: absolute;
  top: 0px;
  left: 1020px;
}
.p10-bottom {
  position: relative;
}
.p10-bottom p {
  float: left;
  color: #333333;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  margin-top: 79px;
}

.p10-bottom p:nth-child(1) {
  /* margin-left: 187px; */
  position: absolute;
  top: 110px;
  left: 186px;
}
.p10-bottom p:nth-child(2) {
  /* margin-left: 102px; */
  position: absolute;
  top: 110px;
  left: 450px;
}
.p10-bottom p:nth-child(3) {
  /* margin-left: 119px; */
  position: absolute;
  top: 110px;
  left: 711px;
}
.p10-bottom p:nth-child(4) {
  /* margin-left: 119px; */
  position: absolute;
  top: 110px;
  left: 975px;
}
.p10-top2 {
  position: relative;
}
.p10-top2 p {
  float: left;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-top: 92px;
  line-height: 34px;
}

.p10-top2 p:nth-child(1) {
  /* margin-left: 69px; */
  position: absolute;
  top: 234px;
  left: 71px;
}
.p10-top2 p:nth-child(2) {
  /* margin-left: 208px; */
  position: absolute;
  top: 234px;
  left: 332px;
}
.p10-top2 p:nth-child(3) {
  /* margin-left: 205px; */
  position: absolute;
  top: 234px;
  left: 594px;
}
.p10-top2 p:nth-child(4) {
  /* margin-left: 201px; */
  position: absolute;
  top: 234px;
  left: 857px;
}

.p10-bottom2 {
  width: 1100px;
}
.p10-bottom2 {
  position: relative;
}
.p10-bottom2 p {
  float: left;
  color: #333333;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  margin-top: 79px;
}

.p10-bottom2 p:nth-child(1) {
  /* margin-left: 28px; */
  position: absolute;
  top: 400px;
  left: 24px;
}
.p10-bottom2 p:nth-child(2) {
  /* margin-left: 101px; */
  position: absolute;
  top: 400px;
  left: 280px;
}
.p10-bottom2 p:nth-child(3) {
  /* margin-left: 118px; */
  position: absolute;
  top: 400px;
  left: 546px;
}
.p10-bottom2 p:nth-child(4) {
  /* margin-left: 115px; */
  position: absolute;
  top: 400px;
  left: 812px;
}

.p10-bottom3 {
  width: 1105px;
  height: 125px;
  background: url(../image/zuihou.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 600px;
  position: relative;
}
.p10-bottom3 div {
  float: left;
  color: #fff;
}
.p10-bottom3 div p:nth-child(1) {
  font-size: 36px;
  font-weight: bold;
  /* margin-top: 31px; */
  position: absolute;
  top: 0px;
  left: 0px;
}
.p10-bottom3 div p:nth-child(2) {
  font-size: 20px;
  position: absolute;
  top: 41px;
  left: 17px;
}
.p10-bottom3 div:nth-child(1) {
  /* margin-left: 20px; */
  position: absolute;
  top: 32px;
  left: 20px;
  width: 180px;
}
.p10-bottom3 div:nth-child(2) {
  /* margin-left: 55px; */
  position: absolute;
  top: 32px;
  left: 214px;
  width: 180px;
}
.p10-bottom3 div:nth-child(3) {
  /* margin-left: 49px; */
  position: absolute;
  top: 32px;
  left: 401px;
  width: 180px;
}
.p10-bottom3 div:nth-child(4) {
  /* margin-left: 55px; */
  position: absolute;
  top: 32px;
  left: 592px;
  width: 180px;
}
.p10-bottom3 div:nth-child(5) {
  /* margin-left: 87px; */
  position: absolute;
  top: 32px;
  left: 787px;
  width: 180px;
}
.p10-bottom3 div:nth-child(6) {
  /* margin-left: 93px; */
  position: absolute;
  top: 32px;
  left: 985px;
  width: 180px;
}
.button {
  width: 360px;
  height: 70px;
  color: #fff;
  font-size: 24px;
  line-height: 70px;
  /* background: #df524f; */
  background-color: rgb(255, 162, 0);
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 60px;
  text-align: center;
}
.tab {
  width: 810px;
  height: 1004px;
  /* margin-top: 51px; */
  margin: 51px auto 0;
}

.tab ul li {
  width: 810px;
  height: 320px;
  /* float: left; */
  text-align: left;
}

.tab ul .tab-li1 {
  background: url('../picture/31_p1.png') no-repeat center;
}

.tab ul .tab-li2 {
  background: url('../picture/31_p2.png') no-repeat center;
  margin-top: 22px;
}

.tab ul .tab-li3 {
  background: url('../picture/31_p3.png') no-repeat center;
  margin-top: 22px;
}

.tab ul li h2 {
  font-size: 30px;
  font-family: OPPOSans;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
  padding-top: 22px;
  margin-left: 50px;
}

.tab ul li p {
  font-size: 20px;
  font-family: OPPOSans;
  font-weight: 400;
  color: #2b1a05;
  line-height: 48px;
  margin-left: 50px;
}

.tab ul .tab-li1 p {
  width: 440px;
  border-top: 1px dashed #5eaaf7;
}

.tab ul .tab-li2 p {
  width: 520px;
  border-top: 1px dashed #fe876d;
}

.tab ul .tab-li3 p {
  width: 510px;
  border-top: 1px dashed #5eaaf7;
}

.tab ul li .te-p {
  margin-top: 24px;
  border: none;
}

.tab ul li a {
  display: block;
  width: 181px;
  height: 46px;
  font-size: 17px;
  font-family: OPPOSans;
  font-weight: bold;
  color: #ffffff;
  line-height: 34px;
  text-shadow: 0px 3px 5px rgba(43, 18, 104, 0.28);
  text-align: center;
  margin-top: 10px;
  margin-left: 40px;
}

.tab ul .tab-li1 a {
  width: 200px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 30px;
  background-image: linear-gradient(to right, #6f99ff, #4e7ff8);
}

.tab ul .tab-li2 a {
  width: 200px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 30px;
  background-image: linear-gradient(to right, #ff8e5d, #ff6c5d);
}

.tab ul .tab-li3 a {
  width: 200px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 30px;
  background-image: linear-gradient(to right, #49d3cd, #19b9b2);
}

.tab ul li span {
  font-size: 12px;
  font-family: OPPOSans;
  font-weight: 400;
  color: #949494;
  line-height: 12px;
  opacity: 0.5;
  margin-top: 8px;
  margin-left: 20px;
}