@charset "UTF-8";
.landing-page-box {
  min-width: 1240px;
  margin: 0 auto;
  font-size: 16px;
  color: #333;
}

[v-cloak] {
  display: none !important;
}

.landing-page {
  position: relative;
}

body {
  font-family: 'Microsoft YaHei';
}

.c7f {
  color: #808080;
}

.content-width {
  width: 1200px;
}

.header-width {
  width: 1280px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 74px;
  /*box-shadow: 0px 0px 5px rgba(127, 127, 127, 0.35);*/
  color: #fff;
  transition: all .3s;
  /*overflow-x: auto;*/
}

.header.scroll {
  background-color: #FFFFFF;
  color: #808080;
}


.header-filler {
  height: 74px;
  width: 100%;
}

.header-inner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.logo-img {
  /*width: 150px;*/
  height: 52px;
}

.header ul {
  display: flex;
  /*margin-left: 32px;*/
  /*margin-right: 103px;*/
  font-size: 20px;
}

.header ul li {
  /*margin-right: 57px;*/
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  margin-right: 12px;
}

.header ul li:nth-last-child(1) {
  margin-right: 0;
}

.header ul li.on {
  color: #fff;
  font-weight: bold;
  border-bottom: 3px solid #fff;
}

.header ul li:hover {
  color: #fff;
}

.hover-div {
  display: none;
  position: absolute;
  top: 99%;
  left: -30px;
  box-shadow: 0px 0px 5px rgba(127, 127, 127, 0.35);
  padding: 20px;
  flex-wrap: wrap;
  background-color: #FFFFFF;
}

.hover-div .line {
  margin-bottom: 20px;
}

.hover-div .line:nth-last-child(1) {
  margin-bottom: 0px;
}

.hover-div1 .line,
.hover-div4 .line,
.hover-div3 .line {
  display: flex;
}

.hover-div2 .line {
  display: flex;
  align-items: center;
}

.hover-div span {
  white-space: nowrap;
  color: #555555;
  font-weight: normal;
}

.hover-div .name:hover {
  color: #409eff;
}

.hover-div .name {
  font-size: 16px;
}

.hover-div .item {
  display: flex;
  align-items: center;
}

.hover-div .item1 {
}

.hover-div img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.header ul li:hover .hover-div {
  display: block;
}

.hover-div .suggest {
  color: #FFFFFF;
  background-color: rgba(245, 154, 35, 1);
  display: inline-block;
  padding: 2px 3px;
  font-size: 14px;
  border-radius: 5px;
  margin-left: 5px;
}

.hover-div3 {
  /*display: block;*/
}

.box h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.box {
  padding: 100px 0px;
}

.quanyw {
  width: 1400px;
  flex-wrap: wrap;
  display: flex;
  justify-content:space-between;
  margin-left: -8%;
}
.quanyw li img {
  border-radius: 10px;
}
.quanyw-li {
  position: relative;
}
.quanyw-d {
  position: absolute;
  color: #ffffff;
  left: 20px;
  bottom: 30px;
}

.index-box1 {
  height: 800px;
  /*background: url("../img/newImg/bg-top.png") no-repeat;*/
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0;
}
.box1-img {
  position: absolute;
  left: 0;
  top: 0;
  /* height: 100%; */
  width: 100%;
  height: 800px;
  object-fit: cover;
}
.box1-img-2 {
  position: absolute;
  right: 60px;
  top: 70px;
  height: 600px;
  object-fit: cover;
}
.other-page .box1 {
  height: 484px;
  background: url("../img/newImg/meal/bg.png") no-repeat;
  background-size: 100% 100%;
}
@keyframes ani1 {
  from {
    left: -250px;
  }
  to {
    left: 0px;
  }
}

@-webkit-keyframes ani1 /* Safari 与 Chrome */
{
  from {
    left: -250px;
  }
  to {
    left: 0px;
  }

}

@keyframes ani2 {
  from {
    right: -250px;
  }
  to {
    right: 0px;
  }
}

@-webkit-keyframes ani2 /* Safari 与 Chrome */
{
  from {
    right: -250px;
  }
  to {
    right: 0px;
  }

}
@keyframes ani3 {
  from {
    top: 250px;
  }
  to {
    top: 0px;
  }
}

@-webkit-keyframes ani3 /* Safari 与 Chrome */
{
  from {
    top: 250px;
  }
  to {
    top: 0px;
  }

}



.box1-inner {
  /*padding: 0 125px;*/
  margin: 0 auto;
  position: relative;
  z-index: 10;
  bottom: 150px;
}

.box1-inner-r {
  position: relative;
  -webkit-animation: ani2 .5s;
  -o-animation: ani2 .5s;
  animation: ani2 .5s;
}

.box1-inner-r img {
  width: 600px;
  height: 462px;
}

.box1-inner-l {
  /* margin-top: 180px; */
  top: 300px;
  /* right: 200px; */
  position: relative;
}

.box1-inner-l .text1 {
  font-weight: 700;
  color: #fff;
  font-size: 60px;
  margin-bottom: 30px;
  line-height: 48px;
  margin-top: 50px;
}

.box1-inner-l .text2 {
  font-weight: 400;
  color: #fff;
  text-align: left;
  /*letter-spacing: 5px;*/
  font-size: 48px;
  line-height: 55px;
  margin-bottom: 15px;
}

.box1-inner-l .text3 {
  width: 700px;
  /*font-weight: bold;*/
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  /*line-height: 37px;*/
  font-size: 18px;
  margin-bottom: 50px;
  letter-spacing: 4px;
  line-height: 30px;
}

.box3 .q2-r li > div:nth-child(2) {
  font-size: 18px !important;
}

.btn1 {
  /*padding: 16px 42px;*/
  width: 200px;
  height: 60px;
  border: none;
  outline: none;
}

.btn-box {
  margin-top: 50px;
}

.btn-box button.btn1 {
  font-size: 20px;
  border-radius: 200px;

}

.box2 {
  padding: 100px 0;
  background: linear-gradient(135.39deg, #F0F4FF 0%, #D6E7FF 47.65%, #FFFFFF 100%);
}

.box2-inner {
  margin: 0 auto;
}

.box2-inner .ul {
  width: 1140px;
  margin: 50px auto;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  border-radius: 10px;
  overflow: hidden;
  /*border: 1px solid #FFFFFF;*/
  box-shadow: 0px 0px 30px #ADB5BD;
}

.box2-inner .ul .desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 26.06px;
  margin-top: 10px;
  width: 320px;
}

.box2-inner .ul .msg-div {
  border-bottom: 6px solid #1890ff;
  width: 100%;
  height: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*position: relative;*/
  /*-webkit-animation: ani3 .5s;
  -o-animation: ani3 .5s;
  animation: ani3 .5s;*/
  /*transform: translateY(250px);*/
  /*opacity: 0;*/
}

.box2-inner .ul h2 {
  font-size: 28px;
  font-weight: bold;
}

.box2-inner .ul > div {
  width: 380px;
  height: 285px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.box2-li-item-inner {
  width: 380px;
  height: 200%;
  transition: 0.3s;
}
.box2-li-item-inner div:nth-child(1) {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box2-li-item:hover .box2-li-item-inner {
  margin-top: -285px;
}

.box2-inner .ul > div:nth-child(3n) {
  border-right: none;
}

.box2-inner .ul > div:nth-child(4) {
  border-bottom: none;
}

.box2-inner .ul > div:nth-child(5) {
  border-bottom: none;
}

.box2-inner .ul > div:nth-child(6) {
  border-bottom: none;
}

.box2-inner .ul > div:hover {
  /*top: -10px;*/
  /*box-shadow: 0px 0px 5px rgba(127, 127, 127, 0.35);*/
}


.box2-inner img {
  width: 150px;
  margin-bottom: 20px;

}

.box3 {
  padding: 100px 0px;
  background-color: #ffffff;
}

.box3 .q1 {
  width: 1200px;
  opacity: 1;
  border-radius: 10px;
  background: linear-gradient(129.87deg, #F5F8FF 0%, #D6E7FF 50.76%, #F2F6FF 100%);
  display: flex;
  align-items: flex-start;
  padding: 20px 20px 20px 20px;
  margin-bottom: 50px;
}

.q2 {
  padding: 50px 0;
}

.box3 .q2 {
  display: flex;
  justify-content: space-between;
}

.box3 .q2-r {
  width: 600px;
}

.box3 .q2-r li {
  margin-bottom: 30px;
  /*display: flex;*/
}

.box3 .q2-r li > div:nth-child(1) {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 34.75px;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.box3 .q2-r li > div:nth-child(2) {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 28.96px;
  color: rgba(97, 97, 97, 1);
  padding-left: 45px;
}

.box3 .q2-r li img {
  margin-right: 15px;
}

.box3 .item {
  width: 1200px;
  margin: 0 auto 50px;
}

.box3 .item .title span {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 52.13px;
  color: rgba(51, 51, 51, 1);

}

.box3 .item .title .num {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 52.13px;
  color: rgba(24, 144, 255, 1);
  margin-right: 10px;
}

.box3 .item .title {

  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D9D9D9;
}

.box3 .q1 > div > div {
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 40.54px;
  color: rgba(51, 51, 51, 1);
  margin: 0 20px;
}

.box4 {
  background: linear-gradient(129.87deg, #F5F8FF 0%, #D6E7FF 50.76%, #F2F6FF 100%);
  /*position: relative;*/
}

.box4-bg-img {
  position: absolute;
  right: 0;
  top: 0;
}

.box4-item {
  margin-top: 50px;
  /*position: relative;*/
}
.box4-img10-div {
  position: relative;
  /*background: url("../img/newImg/box4-img10.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  margin: 0 auto;
  height: 486px;
  width: 610px;
  bottom: -250px;
}
.box4-img10-div-d {
  position: relative;
  /*background: url("../img/newImg/box4-img10.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  margin: 0;
  height: 0;
  width:0;
  bottom: 0;
}
.kuang {
  position: absolute;
  font-size: 23px;
  font-weight: 700;
  color: rgba(51, 51, 51, 1);
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  padding: 40px;
  text-align: center;
  /*word-break: break-all;*/
}

.kuang .num {
  color: rgba(233, 66, 66, 1);
  margin-left: 10px;
}

.kuang1 {
  left: -272px;
  top: 100px;
  /*top: 350px;*/
  width: 384px;
  /*height: 111px;*/
  background: url("../img/newImg/box4-icons/kuang1.png") no-repeat;
  background-size: 100% 100%;
}

.kuang2 {
  left: 330px;
  top: 54px;
  width: 461px;
  /*height: 113px;*/
  background: url("../img/newImg/box4-icons/kuang2.png") no-repeat;
  background-size: 100% 100%;
}

.kuang3 {
  left: -138px;
  top: 308px;
  width: 398px;
  /*height: 111px;*/
  background: url("../img/newImg/box4-icons/kuang3.png") no-repeat;
  background-size: 100% 100%;
}

.kuang4 {
  left: 392px;
  top: 303px;
  width: 426px;
  /*height: 111px;*/
  background: url("../img/newImg/box4-icons/kuang4.png") no-repeat;
  background-size: 100% 100%;
}

.box4-item-wrap {
  margin-bottom: 170px;
}
.item2 {
  position: relative;
}
.item2-bgc {
  width: 200%;
  height: 100%;
  margin: 0 -50%;
  position: absolute;
  background-color: #ecf6ff;
  overflow: hidden;
}
.box4-item2 {
  height: 849px;
  box-sizing: border-box;
  padding: 80px 0 72px;
  background: url("../img/nt/bg.jpg") center center no-repeat;
  /*background: url("../img/nt/normal_u81.jpg") no-repeat;*/
  /*background-size: 100% 100%;*/
}
.box4-item2-logo {
  width: 113px;
  height: 112px;
  background: url("../img/nt/normal_u259.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  /*居中*/
  left: 49.5%;
  top: 44%;
  transform: translate(-50%, -50%);
}
.box4-item2-tip {
  width: 270px;
  padding: 10px 10px 19px 20px;
  /*height: 118px;*/
  background-color: #ffffff;
  border-radius: 18px;
  box-sizing: border-box;
  box-shadow: 5px 5px 20px 0px #c5d5e3;
  color: #333333;
  text-align: left;
  /*line-height: 34px;*/
  /*letter-spacing: 1px;*/
  position: absolute;
}
.box4-item2-tip > div:nth-child(1) {
  font-size: 16px;
  font-weight: 700;
}
.box4-item2-tip .desc {
  font-size: 14px;
  color: #333;
  margin-top: 8px;
}
.box4-item2-tip .name {
  font-size: 26px;
  color: #ff8400;
}
.box4-item2-tip .num {
  font-size: 26px;
  color: #e94242;
}
.box4-item2-tip-1 {
  top: 22px;
  left: -217px;
}
.box4-item2-tip-2 {
  top: 390px;
  left: 161px;
}
.box4-item2-tip-3 {
  top: 22px;
  left: 500px;

}
/*.box4-item2-tip-2 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box4-item2-tip-3 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}*/
.box4-item-1-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.box4-item-1-list .item {
  width: 277.5px;
  height: 332px;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 2px 20px #C5D5E3;
  /*padding: 30px 50px 30px 50px;*/
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
  box-sizing: border-box;
  margin-bottom: 30px;
  background-color: #fff;
}

.box4-item-1-list .item.item2 {
  height: 406px;
}

.box4-item-1-list .item.item3 {
  height: 188px;
  padding-top: 30px;
}

.box4-item-1-list .item h2 {
  font-size: 24px;
  margin-bottom: 20px;

}

.box4-item-1-list .item .line-wrap {
  width: 220px;
}

.box4-item-1-list .item .line {
  font-size: 18px;
  line-height: 26.06px;
  color: rgba(56, 56, 56, 1);
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box4-item-1-list .item .line span {
  white-space: nowrap;
}
.box4-item-1-list .item .line span:nth-child(1) {
  /*margin-right: 15px;*/
  min-width: 50%;

}
.box4-item-1-list .item .line span:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4bc101;
  margin-right: 5px;
  margin-bottom: 3px;
}

.box4-item-1-list .item .line .icon {
  margin-right: 10px;

}

.box4-item-1-list .item .img-logo {
  height: 136px;
  /*margin-bottom: 10px;*/
}

.box4 ul {
  margin: 71px auto;
  display: flex;
  flex-wrap: wrap;
  width: 1094px;
}

.box4 ul li {
  width: 547px;
  height: 229px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 58px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 1px solid #fff;
}

.box4 ul li:hover {
  box-shadow: 0px 0px 5px rgba(85, 85, 85, 0.35);
  border: 1px solid #d7d7d7;
}

.box4 ul .li1 {
  background-image: url("../img/normal_市场_u200.png");
  text-align: right;
}

.box4 ul .li2 {
  background-image: url("../img/normal_售前_u208.png");
  text-align: left;
}

.box4 ul .li3 {
  background-image: url("../img/normal_售后_u204.png");
  text-align: right;
}

.box4 ul .li4 {
  background-image: url("../img/normal_售中_u212.png");
  text-align: left;
}

.box4 ul .title {
  margin-bottom: 15px;
  line-height: 32px;
  font-size: 28px;
}

.box4 ul .li1 .desc, .box4 ul .li3 .desc {
  padding-left: 110px;
}

.box4 ul .li2 .desc, .box4 ul .li4 .desc {
  padding-right: 110px;
}

.box5 {
  background: url("../img/newImg/box5-img1.png") no-repeat;
  background-size: 100% 100%;
  padding: 90px 0;
}

.box5 .desc1 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 52.13px;
  color: rgba(255, 255, 255, 1);
}

.box5 .desc2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 34.75px;
  color: rgba(255, 255, 255, 1);
  width: 380px;
  margin-top: 30px;
}

.box5 .form-title {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 52.13px;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 30px;
}

.box5 .form-div {
  width: 720px;
}

.btn-box .button-primary2 {
  color: #FB971D !important;
  border: none !important;
  background-color: #fff !important;
}

.btn-box .button-primary2:focus {
  color: #FB971D !important;
  border: none !important;
  background-color: #fff !important;
}

.btn-box .button-primary2:hover {
  background-color: #F77206 !important;
}

.btn-box .button-primary2:active {
  background-color: #EC6504 !important;
}

.btn-box .button-primary3 {
  color: #55D3A3 !important;
  border: none !important;
  background-color: #fff !important;
}

.btn-box .button-primary3:focus {
  color: #55D3A3 !important;
  border: none !important;
  background-color: #fff !important;
}

.btn-box .button-primary3:hover {
  background-color: #4CCC9E !important;
}

.btn-box .button-primary3:active {
  background-color: #37BD8D !important;
}


.btn-box .button-primary4 {
  border: none;
}

.btn-box .button-primary4:hover {
  background-color: #6461FB !important;
}

.btn-box .button-primary4:active {
  background-color: #5754F2 !important;
}


.box5 .form-div .button-primary {
  background: #1890FF;
  color: #fff;
  border-radius: 30px;
  font-size: 20px;
}

.box5 .form-div .el-input__inner {
  height: 54px;
  font-size: 18px;
}

.box5 .form-div .el-input__prefix img {
  margin-top: 12px;
}

.box5 .form-div .el-input--prefix .el-input__inner {
  padding-left: 35px;
}

.box5 .form-div .code-div {
  font-size: 18px;
  color: #333;
  margin-top: 4px;
}

.box5 .box5-inner {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.swiper-container1 {
  height: 124px;
  width: 100%;
}

.swiper-container2 {
  /*height: 507px;*/
  height: 630px;
  width: 90%;
  margin: 0 auto;
}

.carousel2 {
  text-align: left;
  justify-content: center;
  width: 100%;
  margin: 50px auto;
}

.carousel2 img {
  width: 500px;
  height: 385px;
  margin-right: 50px;
}

.carousel2 .img2 {
  width: 400px;
  height: 400px;
  /*margin-right: 59px;*/
}

.carousel2 .img3 {
  width: 350px;
  height: 350px;
  /*margin-right: 108px;*/
}

.carousel2 .ct {
  padding-left: 51px;

}

.carousel2 li {
  margin-bottom: 50px;
  margin-right: 70px;
  width: 330px;
}

.carousel2 li p {
  font-size: 14px;
  color: #7F7F7F;
}

.carousel2 li:nth-child(2n) {
  margin-right: 0px;
}

.carousel2 ul {
  display: flex;
  flex-wrap: wrap;
  width: 730px;
}

.carousel2 .line {
  width: 100%;
  height: 6px;
  background-image: linear-gradient(90deg, #409eff 0%, #2ed1dd 100%);
}

.carousel2 .title-div {
  /*padding-right: 15px;*/
  display: inline-block;
}

.carousel2 .title-div .name {
  padding-right: 15px;

}

.swiper-pagination2 {
  bottom: 30px !important;
}

.swiper-pagination2 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.2);

}

.swiper-pagination2 .swiper-pagination-bullet-active {
  background: #7f7f7f;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 11px;
}

/*.carousel2 .title-div h2 {
   padding-right: 15px;

 }*/

.box6 {
  padding-top: 70px;

}

.box6-inner {
  /*padding: 0 125px;*/
  width: 1190px;
  margin: 0 auto;
}

.box6-inner .img1 {
  width: 580px;
  /*height: 600px;*/
  margin-top: 20px;
}

.box6 ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 80px;
  width: 484px;
}

.box6 li {
  margin-right: 100px;
  margin-bottom: 40px;
}

.box6 li:nth-child(2n) {
  margin-right: 0px;
}

.box6 .li-title {
  font-size: 28px;
  /*font-weight: bold;*/
  margin-bottom: 16px;
}

.box6 .li-li {
  color: #7f7f7f;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  margin-left: -12px;
}

.box6 .li-li i {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-right: 5px;
  background: #7f7f7f;
  border-radius: 50%;
}

.box7 {
}

.box7-inner {
  padding: 82px 43px;
  width: 1184px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 120px auto 0;

}

.form-name {
  font-size: 36px;
  line-height: 46px;
  font-weight: bold;
  margin-bottom: 5px;
}

.form-desc {
  font-size: 26px;
  line-height: 36px;
  width: 463px;
}

.box7-l img {
  width: 150px;
  height: 39px;
  margin-top: 110px;
}

.box7 .form-item {
  margin-right: 20px;
  margin-bottom: 20px;
}

.box7-r {
  width: 540px;
}

.box7-r .el-form-item__label {
  float: none;
}

.el-form-item-div {
  width: 250px;
}

.el-form-item-box {
  flex-wrap: wrap;
  justify-content: space-between;
}

.box7-r .el-form-item.is-required .el-form-item__label:before,
.dialog-div .el-form-item.is-required .el-form-item__label:before {
  display: none;
}

.box7-r .el-form-item.is-required .el-form-item__label:after,
.dialog-div .el-form-item.is-required .el-form-item__label:after {
  content: '*';
  color: #f56c6c;
  margin-left: 4px;
}

.dialog-div .el-dialog__body {
  padding: 10px 50px;
}

.dialog-div .el-form-item__label {
  text-align: left;
}

.dialog-div-title {
  font-size: 24px;
  margin-bottom: 10px;
}

.box7-r .btn {
  width: 100%;

}

.code-div {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #1890ff !important;
}

.code-div-sending {
  color: #cccccc !important;
}

.refresh-div {
  position: absolute;
  left: 96px;
  top: 0px;
}

.refresh-div i {
  padding: 5px;
  background-color: #1890ff;
  border-radius: 50%;
  color: #FFFFFF;
}

.captchaImg {
  width: 80px;
  height: 34px;
  margin-top: 1px;
}

.left-border {
  padding-left: 10px;
  border-left: 4px solid #1890ff;

}

.footer {
  /*margin-top: 50px;*/
  padding-top: 96px;
  padding-bottom: 31px;
  font-size: 14px;
  background-color: #333;
  color: #a1a8b7;
}

.footer-btm {
  font-size: 18px;
  color: #fff;
  /*border-top: 1px solid #3a4355;*/
}
.footer-btm a {
  color: #fff;
}

.footer-btm a:hover {
  text-decoration: underline;
}

.footer-inner {
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 26.06px;
  color: rgba(255, 255, 255, 0.6);
}
.footer-inner .line1 {
  /*justify-content: space-between;*/
}
.footer-inner .line2 {
  justify-content: space-around;
  margin-top: 44px;
  margin-bottom: 46px;
  border-radius: 10px;
  background: #505050;
  display: flex;
  align-items: center;
  padding: 20px 0;
  color: #fff;
  font-size: 20px;
}
.footer-inner .line2 > div {
  display: flex;
  align-items: center;
}
.footer-inner .line2 > div img {
  margin-right: 19px;
}
.footer-inner .line2 li {
  margin-bottom: 18px;
  font-size: 14px;
  white-space: nowrap;
}

.footer-inner .line2 .underline:hover {
  text-decoration: underline;
}

.footer-inner .line2 li:nth-last-child(1) {
  margin-bottom: 0;
}

.footer-inner .line2 .left-border {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 26px;
}
.footer-inner li {
  margin-bottom: 20px;
}

.footer-inner .title {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 32px;
  margin-bottom: 15px;
}

.kefu-div {
  position: fixed;
  right: 20px;
  bottom: 200px;
  border-radius: 50%;
  background-color: #fff;
  width: 55px;
  height: 55px;
  background-image: url("../img/normal_u282.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /*position: relative;*/
  text-align: center;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
}

.tel-div {
  /*width: 160px;*/
  height: 55px;
  padding: 0 15px 0 10px;
  background-image: url("../img/normal_kuang.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: -105px;
  /*right: 55px;*/
  top: 0;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  /*transition: all 3.3s ease;*/
  z-index: 999;
  transform: translateX(0);
  /* 移回也需要0.4s时间过渡 */
  transition: transform 0.4s;
}

.float-div {
  position: fixed;
  right: 20px;
  bottom: 200px;

  width: 65px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
  color: #FFFFFF;
  font-size: 12px;
}

.float-div > div {
  /*padding: 10px 0;*/
  width: 100%;
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #3378b7;
  position: relative;
  background-color: #409eff;
}

.float-div > div:nth-child(1) {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.float-div > div:nth-last-child(1) {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.float-div > div:hover {
  background-color: rgb(33, 111, 183);
}

.hover-ct {
  height: 65px;
  line-height: 65px;
  background-color: #FFFFFF;
  color: #555555;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  padding: 0 10px;
  box-shadow: 0px 0px 5px rgba(127, 127, 127, 0.35);

}

.hover-ct2 {
  padding: 10px;
  height: auto;
  line-height: 1;
  top: -128px;
}

.float-div > div:hover .hover-ct {
  display: block;
}

.float-div > div:nth-last-child(1) {
  border-bottom: none;
}

.float-div i {
  margin-bottom: 5px;
  font-size: 16px;
}

/*套餐介绍*/
.headerActive1-box {
  width: 1150px;
  margin: 0 auto;
  display: flex;
  color: #555555;
}

.headerActive1-box2 {
  width: 1150px;
  margin: 0 auto;
  color: #d27201;
  background-color: rgba(250, 182, 29, 0.1);
  padding: 29px 23px;
  font-size: 14px;
  margin-bottom: 36px;
}

.headerActive1-box2 ul {
  padding-left: 20px;
}

.headerActive1-box2 li {
  list-style: initial;
}

.headerActive1-box .p1 {
  width: 150px;
}

.headerActive1-box .dark-line {
  background: rgb(245, 249, 255);
}

.headerActive1-box .p1 li {
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.headerActive1-box .p1 span {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
}

.headerActive1-box .p2 {
  /*flex: 1;*/
  width: 250px;
  height: 1068px;
  padding: 34px 0;
  text-align: center;
  position: relative;
}

.headerActive1-box .suggest {
  width: 65px;
  height: 65px;
  background-image: url("../img/推荐角标.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

.headerActive1-box .p2 .check-pic {
  width: 36px;
  height: 36px;
  background-image: url("../img/normal_u43.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-right: 15px;
}

.headerActive1-box .p2 .li-p {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  /*justify-content: center;*/
  padding-left: 65px;
  box-sizing: border-box;
}

.headerActive1-box .p2 .title {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 13px;
}

.headerActive1-box .p2 .desc {
  font-size: 14px;
  font-weight: normal;
  color: #7f7f7f;
  margin-bottom: 53px;
}

.headerActive1-box .p2 .price-div {
  margin-bottom: 5px;
  color: #1890ff;
}

.price-div-btn {
  background-color: #1890ff;
  border-color: #1890ff;
}

.main-color-btn-plain {
  color: #1890ff;
  border-color: #1890ff;
}

.headerActive1-box .p2 .price {
  font-size: 36px;
}

.headerActive1-box .p2 i {
  font-size: 14px;
}

.headerActive1-box .p2 .unit {
  font-size: 14px;
  color: #7f7f7f;
  margin-bottom: 32px;
}

.headerActive1-box .p2 .ul1 {
  margin-top: 34px;
  margin-bottom: 24px;
}

.headerActive1-box .p2 .li1 {
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.headerActive1-box .p2 .min-line {
  margin-bottom: 34px;
  color: #7f7f7f;
  font-size: 14px;
}

/*z-index 防止被覆盖*/
.headerActive1-box .p2:hover {
  box-shadow: 0px 0px 5px rgba(85, 85, 85, 0.35);
  z-index: 10;
}

.headerActive1-box .p2.focus {
  box-shadow: 0px 0px 5px rgba(85, 85, 85, 0.35);
  z-index: 10;
}

/*下载中心*/
.headerActive2-box {
  display: flex;
  text-align: center;
  width: 1110px;
  margin: 0 auto;
}

.headerActive2-box .box {
  box-shadow: 0px 0px 5px rgba(85, 85, 85, 0.35);
  width: 350px;
  height: 525px;
  padding: 36px 30px 0;
  background-color: #FFFFFF;
}

.headerActive3-box {
  display: flex;
  flex-wrap: wrap;
  width: 1110px;
  margin: 0 auto;
  justify-content: space-around;
}

.headerActive3-box .box {
  box-shadow: 0px 5px 5px rgba(127, 127, 127, 0.35);
  width: 352px;
  height: 152px;
  padding: 38px 17px 0 25px;
  display: flex;
  margin-bottom: 20px;
  background-color: #FFFFFF;
}

.headerActive3-box .box .icon {
  min-width: 50px;
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.headerActive3-box .box .name {
  font-weight: bold;
  color: #333333;
  font-size: 24px;
  margin-bottom: 10px;
}

.headerActive3-box .box .desc {
  color: #7f7f7f;
  font-size: 14px;
}

.headerActive3-box .box .helpBoxListIcon1 {
  background-image: url("../img/帮助.png");
}

.headerActive3-box .box .helpBoxListIcon2 {
  background-image: url("../img/问题反馈.png");
}

.headerActive3-box .box .helpBoxListIcon3 {
  background-image: url("../img/视频.png");
}

.headerActive3-box .box .helpBoxListIcon4 {
  background-image: url("../img/执行反馈.png");
}

.headerActive3-box .box .helpBoxListIcon5 {
  background-image: url("../img/社区论坛.png");
}

.headerActive3-box .box .helpBoxListIcon6 {
  background-image: url("../img/历史.png");
}

.headerActive4-box {
  width: 1110px;
  margin: 0 auto;
}

.headerActive4-box .ul-box {
  display: flex;
  justify-content: center;

}

.headerActive4-box ul {
  display: flex;
}

.headerActive4-box ul li {
  margin-right: 99px;
  height: 48px;
  cursor: pointer;
  position: relative;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}

.headerActive4-box ul li:nth-last-child(1) {
  margin-right: 0;
}

.headerActive4-box ul li.on {
  color: #409eff;
  border-bottom: 3px solid #409eff;
}

.headerActive4-box .box2-list {
  display: flex;
  margin-bottom: 71px;
}

.headerActive4-box .box2-list img {
  width: 350px;
  height: 161px;
  margin-right: 30px;
}

.headerActive4-box .box2-list .title {
  font-weight: 700;
  color: #333333;
  font-size: 18px;
  margin-bottom: 15px;
}

.headerActive4-box .box2-list .desc {

}

.headerActive4-box .box2-list .data {
  color: #999999;
  font-size: 14px;
  margin-top: 60px;
}

.headerActive4-box {
  width: 1110px;
  margin: 0 auto;
}

.headerActive4-box .ul-box2 {
  display: flex;
  justify-content: space-around;
}

.headerActive4-box .ul-box2 img {
  margin-bottom: 26px;

}

.headerActive4-box .ul-box2 li {
  line-height: 1.2;
  font-size: 22px;
  color: #333333;
  cursor: default;
}

.headerActive4-box .ul-box2 li .label {
  font-size: 22px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 5px;
}

.headerActive3-detail-box {
  width: 1037px;
  margin: 0px auto;
  background-color: #FFFFFF;
  padding: 30px;
  font-size: 16px;
  color: #555555;
  display: flex;
}

.headerActive3-detail-box-l {
  border-right: 1px solid #f5f9ff;
  padding-right: 17px;
  /*width: 210px;*/
}

.headerActive3-detail-box-r {
  flex: 1;
}

.page-div {
  margin-top: 15px;
}

.headerActive3-detail-box-r-list {
  overflow-y: auto;
}

.headerActive3-detail-box-r-list2 {
  height: 100%;
  display: flex;
  flex-wrap: wrap;

}

.headerActive3-detail-box-r-list2 li {
  width: 250px;
  margin-bottom: 20px;
  position: relative;
  flex-shrink: 0;
}

.headerActive3-detail-box-r-list2 .title {
  padding: 0 12px;
  font-size: 14px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: initial;
}

.headerActive3-detail-box-r-list2 img {
  width: 250px;
  height: 131px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.headerActive3-detail-box-r-list2 .video-length {
  position: absolute;
  top: 110px;
  right: 10px;
  font-size: 12px;
  color: #fff;
}

.headerActive3-detail-box-r-list1 {
  height: 480px;
}

.headerActive3-detail-box-r-list1 li {
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #ebeef5;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  color: #1890ff;
}

.headerActive3-detail-box-l .title {
  width: 165px;
  height: 50px;
  line-height: 50px;
  padding: 0px 0px 0px 10px;
  border-left: 4px solid #fab61d;
  background-color: #f5f9ff;
  box-sizing: border-box;
  font-weight: 700;
  color: #555555;
  text-align: left;
}

.headerActive3-detail-box-l .ct {
  width: 165px;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(530px - 50px);
}

.kefu-icon {
  width: 24px;
  height: 24px;
  background-image: url("../img/normal_u283.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0px auto 0;
  position: relative;
}

.kefu-div:hover .tel-div {
  /*right: 55px;*/
  display: block;
  transform: translateX(-160px);
  /* 0.4s完成transform移动效果*/
  transition: transform 0.4s
}

.swiper-button-prev {
  left: 30px;
}

.swiper-button-next {
  right: 30px;
}

.swiper-button-next, .swiper-button-prev {
  width: 34px;
  height: 48px;
  background-size: 20px 30px;
  border-radius: 3px;
}

.swiper-button-prev.swiper-button-black:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-color: rgb(185, 185, 187);

}

.swiper-button-next.swiper-button-black:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  background-color: rgb(185, 185, 187);
}

.m-style a {
  padding: 0 4px;
  background: #fff;
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  border: none;
  color: #333333;
}

.m-style a:hover {
  color: #409eff;
  background: #fff;
}

.m-style .active {
  border: none;
  padding: 0 4px;
  background: #fff;
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  color: #409eff;
  cursor: default;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 135px;
  height: 135px;
  line-height: 135px;
  text-align: center;
}

.avatar {
  width: 178px;
  height: 178px;
  display: block;
}


.headerActive3-detail-box-r .el-timeline-item__content {
  font-size: 18px;
  color: #555;
  padding-left: 67px;
}

.headerActive3-detail-box-r .el-timeline-item__timestamp {
  font-size: 12px;
  color: #7f7f7f;
  padding-left: 67px;
  display: flex;
  flex-wrap: wrap;
}

.headerActive3-detail-box-r .date-div {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
}

.headerActive3-detail-box-r .year {
  font-size: 34px;
  color: #555;
  font-weight: bold;
}

.headerActive3-detail-box-r .el-timeline-item__timestamp .timeline-item {
  margin-right: 40px;
}

.headerActive3-detail-box-r .el-timeline-item__timestamp .timeline-item:nth-child(2n) {
  margin-right: 0;
}

.el-timeline-item {
  padding-bottom: 30px;
}

.timeline-item {
  width: 275px;
  word-break: break-all;
  margin-bottom: 8px;
  line-height: 18px;
  display: flex;
  /*float: left;*/
}

.timeline-item i {
  font-size: 18px;
}

.timeline-item div {
  flex: 1;
}

@media (max-width: 1440px) {
  .carousel2 li {
    margin-right: 25px;
    width: 312px;
  }
}

.video-player {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #0005;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.video-player video {
  box-shadow: 2px 0px 10px 10px rgb(60 60 60 / 50%)
}

.title-cls {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}

.btn-box button {
  border-radius: 30px;
  background: none;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
}

.btn-box .button-primary {
  background: #fff;
  color: #1890FF;
}

.header.scroll .title-cls {
  color: #1890FF;
}

.header.scroll .btn-box button {
  background: #fff;
  color: #1890FF;
}

.header.scroll .btn-box .button-primary {
  /* background: #1890FF; */
  color: #fff;
}
.header.scroll .btn-box .el-button--default {
  border: 1px solid #1890FF;
}

.header.scroll ul li.on {
  color: #1890FF;
  border-bottom: 3px solid #1890FF;
}
.header.scroll ul li:hover {
  color: #1890FF;
}

.button-primary:focus, .button-primary:hover {
  background: #66b1ff!important;
  /* border-color: #66b1ff!important; */
  color: #FFF!important;
}

.button-primary.is-active, .button-primary:active {
  background: #3a8ee6!important;
  /* border-color: #3a8ee6!important; */
  color: #FFF!important;
}

.button-primary:active {
  outline: 0!important;
}
.ani-cls, .ani-cls4 {
  -webkit-transform: translateY(250px);
  -o-transform: translateY(250px);
  transform: translateY(250px);
  opacity: 0;
}
.ani-cls2 {
  bottom: -200px;
  opacity: 0;
}
.fangan {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.fangan-text{
  width: 420px;
  height: 300px;
  padding: 0 !important;
  color: #fff;
  position: absolute;
  bottom: 5px;
  overflow: hidden;
  transition: background-color 0.5s ease-in-out;
}
.fangan-text-i {
  position: absolute;
  bottom: 20px;
  left: 20px;
  transform: translateY(78%);
  transition: transform 0.5s;
}

.fangan-text-i span {
  font-size: 16px !important;
}

.fangan:hover .fangan-text-i {
  transform: translateY(-5%);
  border-radius: 10px;
}
.fangan:hover .fangan-text {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.fangan-text span,h3 {
  color: #fff;
}
.fangan-text span {
  font-size: 12px;
}

.overflotSpan div span {
  font-size: 14px !important;
}

.yewu {
  width: 1340px;
  margin-left: 35px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item2 {
  width: 1400px !important;
}

.item1 {
  width: 1400px !important;
}

.fangan img {
  border-radius: 10px;
}

.btn-box .special {
  color: #fff !important;
  background-color: #3C85FF;
}

.special {
  color: #3C85FF !important;
}

.box3 {
  padding-bottom: 0px !important;
}

.item {
  margin-bottom: 0px !important;
}

.fangan .tickicon {
  margin: 5px !important;
}

.company {
  text-align: center;
  margin: 0 10px;
}

.company img{
  width: 340px;
  height: 220px !important;
  border-radius: 5px;
}

@keyframes showEle {
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes hideEle {
  to {
    opacity: 0;
    transform: translateY(250px);
  }
}
@keyframes showElePositioned {
  to {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes hideElePositioned {
  to {
    opacity: 0;
    bottom: -250px;
  }
}
@keyframes showBox4Item2Kuang1 {
  to {
    opacity: 1;
    top: 100px;
  }
}
@keyframes hideBox4Item2Kuang1 {
  to {
    opacity: 0;
    top: 350px;
  }
}