::-moz-selection {
  background: #246BFF;
}

::selection {
  background: #246BFF;
}

a {
  color: #246BFF;
}

a:hover {
  color: #2984c0;
}

/* --- button theme --- */
.btn-theme {
  background: #E6F0FF;
  *background-color: #E6F0FF;
}

.btn-theme:hover,
.btn-theme:active,
.btn-theme.active,
.btn-theme.disabled,
.btn-theme[disabled] {
  background: #2984c0;
  *background: #2984c0;
}

/* --- 解决方案 --- */
.szhBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/szh_bg.png");
  background-size: cover
}

.szhBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.szhBG img {
  width: 493px;
  height: 70px;
  margin-bottom: 46px;
}

.szhBG_content {
  width: 128px;
  height: 56px;
  text-align: center;
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 4px;
  text-align: center;
  line-height: 56px;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.40);
  border: 0.5px solid #FFFFFF;
  cursor: pointer;
}

.szhBG_content:hover {
  background: #FDA029;
}

.szhBodyContent {
  width: 100%;
  height: 1276px;
  box-sizing: border-box;
  text-align: center;
}

.szhBodyContent_box {
  width: 1200px;
  height: 1344px;
  background-color: #fff;
  margin: auto;
  position: relative;
  z-index: 99;
}

.szhBodyContent_box .title {
  font-family: PingFang-SC-Regular;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
  padding: 56px 0 24px;
}

.szhBodyContent img {
  width: 1136px;
  height: 536px;
}

.khgxBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/khgx_bg.png");
  background-size: cover
}

.khgxBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.khgxBG img {
  width: 750px;
  height: 70px;
  margin-bottom: 46px;
}

.qrqmBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/qrqm_bg.png");
  background-size: cover
}

.qrqmBG .qrqmImg {
  width: 704px;
  height: 70px;
  margin-bottom: 46px;
}

.qrqmBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.khgxBodyContent {
  width: 100%;
  height: 700px;
  box-sizing: border-box;
  text-align: center;
}

.khgxBodyContent_box {
  width: 1200px;
  height: 644px;
  background-color: #fff;
  margin: auto;
  position: relative;
  z-index: 99;
  padding: 56px 32px 52px;
  box-sizing: border-box;
}

.khgxBodyContent img {
  width: 1136px;
  height: 536px;
}

.khgxBodyContent .title {
  font-family: PingFang-SC-Regular;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 28px;
  font-weight: 400;
  padding: 56px 0 0 0;
}

.discribe {
  height: 1284px;
  width: 100%;
  background-image: url("../img/background/szh5.png");
  background-size: cover;
  position: relative;
  z-index: 1;
  /* transform: translateY(-66px); */
}

.discribe .discribe_box1 {
  margin-top: 54px;
  width: 1200px;
  height: 510px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 32px;
}

.discribe .discribe_box2 {
  width: 1200px;
  height: 510px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 32px;
}

.discribe_box1 .title,
.discribe_box2 .title {
  width: 342px;
  height: 42px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #000000;
  line-height: 26px;
  font-weight: 600;
  background-image: url("../img/background/szh7.png");
  background-size: cover;
  padding: 9px 0 9px 20px;
  box-sizing: border-box;
  margin-bottom: 32px;
}

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

.discribe_box1 p {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  padding-right: 32px;
}

.discribe_box1 img {
  width: 810px;
  height: 376px;
}

.discribe .discribe_box2 {
  width: 1200px;
  height: 470px;
  background-color: #fff;
}

.discribe_box2 .everyBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.everyBox .box {
  width: 260px;
  height: 332px;
  background: #F7FBFF;
  padding: 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.everyBox .box img {
  width: 64px;
  height: 64px;
}

.everyBox .box div {
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: #000000;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 16px;
}

.everyBox .box .tips {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
}

.footerBG {
  background-image: url("../img/background/rightNow.png");
  background-size: cover;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 86px 0;
  box-sizing: border-box;
}

.footerBG img {
  width: 432px;
  height: 32px;
  margin-bottom: 40px;
}

/* --- 关于我们 --- */
.aboutBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/aboutBG.png");
  background-size: cover
}

.aboutBG img {
  width: 322px;
  height: 102px;
}

.aboutBG .aboutBG_content {
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #D9E3FF;
  line-height: 24px;
  font-weight: 400;
  width: 800px;
  margin: 20px 0 0 20px;
}

.about_overView {
  position: relative;
  height: 456px;
}

.about4 {
  width: 520px;
  height: 400px;
}

.aboutUs {
  width: 760px;
  height: 400px;
  background-image: url("../img/background/about3.png");
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  padding: 64px 64px 0;
  box-sizing: border-box;
  text-align: justify;
}

.about_title {
  color: #fff;
  font-family: PingFangSC-Light;
  font-size: 40px;
  line-height: 48px;
  font-weight: 200;
  margin-bottom: 56px;
}

.about_twoBG {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 56px 0 80px 0;
}

.about_future {
  width: 572px;
  height: 304px;
  background-image: url("../img/background/about5.png");
  background-size: cover;
  padding: 64px 64px 0;
  box-sizing: border-box;
  color: #fff;
  font-family: PingFang-SC-Regular;
  text-align: justify;
}

.about_team {
  width: 572px;
  height: 304px;
  background-image: url("../img/background/about6.png");
  background-size: cover;
  padding: 64px 64px 0;
  box-sizing: border-box;
  color: #fff;
  font-family: PingFang-SC-Regular;
  text-align: justify;
}

.about_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  position: relative;
}

.about_box .content_box {
  width: 380px;
  height: 355px;
  /* opacity: 0.3; */
  /* background-image: linear-gradient(180deg, #CEE2FF 0%, rgba(206, 226, 255, 0.00) 100%); */
  margin-top: 16px;
  padding: 32px 20px 0 20px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.bgc {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: linear-gradient(180deg, #CEE2FF 0%, rgba(206, 226, 255, 0.00) 100%);
  left: 0;
  top: 0;
  opacity: 0.3;
}

.content_text {
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  font-weight: 400;
}

.content-titile {
  display: flex;
  justify-content: center;
  /* flex-direction: column;
  align-items: center; */
}

.aboutBoxTitle {
  font-family: PingFang-SC-Regular;
  font-size: 24px;
  color: #001D6B;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}

.aboutBoxTitle1 {
  display: inline-block;
  width: 240px;
  height: 12px;
  opacity: 0.2;
  background-image: linear-gradient(268deg, rgba(168, 188, 255, 0.70) 0%, #0060FF 100%);
  transform: translate(0, 0);
  transform: translateY(-9px);
}

.aboutBoxTitle2 {
  display: inline-block;
  width: 120px;
  height: 12px;
  opacity: 0.2;
  background-image: linear-gradient(268deg, rgba(168, 188, 255, 0.70) 0%, #0060FF 100%);
  transform: translate(0, 0);
  transform: translateY(-9px);
}

.aboutBoxTitle3 {
  display: inline-block;
  width: 144px;
  height: 12px;
  opacity: 0.2;
  background-image: linear-gradient(268deg, rgba(168, 188, 255, 0.70) 0%, #0060FF 100%);
  transform: translate(0, 0);
  transform: translateY(-9px);
}

.content_img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 380px;
  height: 248px;
}

/* --- slogan --- */

.content-box {
  width: 227px;
  height: 360px;
  position: relative;
}

.slogan {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 736px;
  margin-top: 64px;
  background-image: url("../img/background/bannerIndex.jpg");
  background-size: cover
}

.slogan img {
  width: 612px;
  height: 200px;
  display: block;
}

.product {
  display: flex;
  /* 主轴居中 */
  flex-direction: column;
  justify-content: space-evenly;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 588px;
  /* margin-top: 64px; */
  background-image: url("../img/background/home5.png");
  background-size: cover
}

.aptitude {
  width: 100%;
  height: 588px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}

.product .header {}

.product .content {
  width: 100%;
  height: 360px;
}

.product .titile {
  font-family: PingFangSC-Semibold;
  font-size: 26px;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-align: center;
  line-height: 34px;
  font-weight: 600;
}

.product .tips {
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
}

.tweet a {
  color: #246BFF;
}

.tweet .tweet_time a:hover i {
  color: #E6F0FF;
}



/* fontawesome icons */
.icon-square:hover,
.icon-rounded:hover,
.icon-circled:hover {
  background-color: #246BFF;
}

[class^="icon-"].active,
[class*=" icon-"].active {
  background-color: #246BFF;
}

.navbar .nav>li>a:hover {
  color: #246BFF;
}

.navbar .nav>li>a:hover+img {
  transform: rotate(180deg);
}

.navbar .nav>li>a.active {
  color: #246BFF;
  border-bottom: 4px solid #246BFF;
  ;
}
.navbar .nav>li>span{
  font-family: PingFang-SC-Regular;
  font-size: 18px;
  text-align: center;
  line-height: 45px;
  font-weight: 400;
  display: inline-block;
  color: #333333;
  cursor: pointer;
}
.navbar .nav>li>span:hover{
  color: #246BFF;
}
.navbar .nav>li>a {
  /* color: #246BFF; */
  border-bottom: 4px solid #fff;
  cursor: pointer;
}

ul.nav li.current {
  background: #E6F0FF;
  /* 菜单栏背景色 */
}

.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus {
  color: #246BFF;
  background: #E6F0FF;
}

.dropdown-submenu:hover>a {
  background: #E6F0FF;
  color: #246BFF;
  /* 子菜单背景色 */
}

input:focus,
textarea:focus {
  border: 1px solid #E6F0FF;
  border-width: 4px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #246BFF;
}

ul.contact-list li input.form_input:focus,
ul.contact-list li textarea.form_textarea:focus {
  border-color: #246BFF;
}


/* tab */

.nav-tabs>a {
  color: #246BFF;
}


/* accordion */
.accordion-heading a:hover {
  color: #246BFF;
}

.accordion-heading .active {
  color: #246BFF;
}

.accordion-inner {}


/* portfolio */

.thumb-wrapp {
  background: #246BFF;
}


.header-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.allTag {
  background-image: url("../img/background/foot.png");
  background-size: cover;
  color: #fff;
  height: 300px;
  display: flex;
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 400;

}

.allTag .banner {
  width: 300px;
  margin: 56px 0 0 0;
}
.banner-tips{
  margin-top: 24px;
}
.banner-tips span {
  opacity: 0.7;
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  font-weight: 400;
  display: block;
  margin-bottom: 8px;
  cursor: pointer;
}
.banner-tips span:hover{
  color: #246BFF;
}
.capsule {
  width: 64px;
  height: 160px;
  background: #FFFFFF;
  box-shadow: 4px 4px 24px 0 rgba(184, 205, 226, 0.50);
  border-radius: 32px;
  position: fixed;
  right: 32px;
  bottom: 260px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  z-index: 999;
  cursor: pointer;
}

.capsule .tel_hover,
.capsule .wechat_hover,
.capsule .message_hover {
  display: none;
}
.capsule .tel:hover+.tel_hover {
  display: block;
  position: fixed;
  right: 110px;
  bottom: 370px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 2px 30px 0 rgba(147, 163, 204, 0.20);
  border-radius: 4px;
  padding: 8px;
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
}

.capsule .wechat_hover img {
  width: 120px;
  height: 120px;
}

.capsule .wechat:hover+.wechat_hover {
  display: block;
  position: fixed;
  right: 110px;
  bottom: 262px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 2px 30px 0 rgba(147, 163, 204, 0.20);
  border-radius: 4px;
  padding: 8px 4px;
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}
.capsule .message:hover+.message_hover {
  display: block;
  position: fixed;
  right: 110px;
  bottom: 272px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 2px 30px 0 rgba(147, 163, 204, 0.20);
  border-radius: 4px;
  padding: 8px;
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
}
.floatForm {
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  /* 有时也需要这个来防止页面移动 */
  width: 100%;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  /* 确保蒙层在其它内容之上 */
  overflow: auto;
  /* 如果需要，蒙层内部内容可以滚动 */
}

/* 当蒙层显示时，允许鼠标事件 */
#overlay.visible {
  pointer-events: auto;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}

#modal {
  width: 1000px;
  height: 640px;
  display: flex;
  box-sizing: border-box;
  z-index: 999;
}

#modal .leftImg {
  width: 600px;
  height: 100%;
  margin: 0
}

#modal .form {
  width: 400px;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding: 20px 20px 80px;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.form .close {
  width: 20px;
  height: 20px;
}

.mainInfo {
  width: 100%;
  height: 480px;
  /* background-color: #8df; */
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}

.mainInfo .button {
  width: 304px;
  height: 40px;
  background: #246BFF;
  border-radius: 20px;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  border: none;
  margin: 0 0 0 8px;
}

.mainInfo p {
  display: block;
  height: 18px;
  font-family: PingFang-SC-Regular;
  font-size: 10px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  font-weight: 400;
  margin: 8px;
}

.form .title {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  font-weight: 600;
  margin: 35px 0 40px 0;
}

.everyInfo img {
  width: 20px;
  height: 20px;
  margin: 8px 8px 0 0;
}

.everyInfo {
  box-sizing: border-box;
  display: flex;
}

.everyInfo input {
  width: 284px;
  padding: 9px 0 9px 16px;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  border: none;
  background: #F0F3FB;
  border-radius: 4px;
  box-sizing: content-box;
}

.everyInfo .inputcode {
  width: 200px;
}

.star::before {
  content: '*';
  color: red;
  top: -8px;
}

.star_white::before {
  transform: translateY(-8px);
  content: '*';
  color: #fff;
}

#can {
  height: 70px;
  display: inline-block;
  cursor: pointer;
  margin-left: 8px;
}

.popupStyle_warnning {
  display: none;
  width: 380px;
  height: 38px;
  background-color: #fdf6ec;
  color: #e6a23c;
  text-align: center;
  line-height: 38px;
  border-radius: 6px;
  padding: 8px 0;
  position: fixed;
  z-index: 1;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
}

.popupStyle_success {
  display: none;
  width: 380px;
  height: 38px;
  background-color: #f0f9eb;
  color: #67c23a;
  text-align: center;
  line-height: 38px;
  border-radius: 6px;
  padding: 8px 0;
  position: fixed;
  z-index: 1;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
}

/* 产品 自动化营销*/
.yxzdhBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/yxzdh_bg.jpg");
  background-size: cover
}

.yxzdhBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.yxzdhBG .title .content {
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #D9E3FF;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0 56px 0;
}

.yxzdhBG img {
  width: 493px;
  height: 70px;
}

.fiveBox {
  width: 1200px;
  margin: 69px auto 0;
}

.fiveBox .everyBox {
  width: 100%;
  height: 431px;
  margin: 0 0 81px 0;
  box-sizing: border-box;
  position: relative;
}

.fiveBox .everyBox .title {
  font-family: PingFangSC-Semibold;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
}

.fiveBox .everyBox .content {
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  width: 440px;
  margin-top: 32px;
}

.fiveBox .everyBox .firstImg {
  width: 600px;
  height: 320px;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.fiveBox .everyBox .firstBox {
  width: 858px;
  height: 431px;
  background-image: url("../img/background/yxzdh1.png");
  background-size: cover;
  padding: 146px 80px 0px;
  box-sizing: border-box;
}

.fiveBox .everyBox .firstBox .content {
  color: #D9E3FF;
}

.fiveBox .everyBox .secondBox {
  width: 858px;
  height: 431px;
  background-image: url("../img/background/yxzdh2.png");
  background-size: cover;
  padding: 113px 80px 0px 0px;
  box-sizing: border-box;
  text-align: -webkit-right;
  position: absolute;
  right: 0;
}

.fiveBox .everyBox .secondBox .title {
  width: 440px;
  text-align: left;
}

.fiveBox .everyBox .secondBox .content {
  position: absolute;
  right: 80px;
}

.fiveBox .everyBox .secondImg {
  width: 600px;
  height: 204px;
  position: absolute;
  left: 30px;
  bottom: 98px;
  z-index: 99;
}

.fiveBox .everyBox .thirdBox {
  background-image: url("../img/background/yxzdh3.png");
  background-size: cover;
  width: 1105px;
  height: 431px;
  padding: 146px 80px 0px;
  box-sizing: border-box;
}

.fiveBox .everyBox .thirdBox .content {
  color: #D9E3FF;
}

.fiveBox .everyBox .thirdImg {
  width: 600px;
  height: 352px;
  position: absolute;
  right: 0;
  bottom: 20px;
}

.fiveBox .everyBox .fourBox {
  width: 1120px;
  height: 541px;
  background-image: url("../img/background/yxzdh4.png");
  background-size: cover;
  padding: 91px 80px 0px 0px;
  box-sizing: border-box;
  text-align: -webkit-right;
  position: absolute;
  right: 0;
}

.fiveBox .everyBox .fourBox .title {
  width: 520px;
  text-align: left;
}

.fiveBox .everyBox .fourBox .content {
  right: 80px;
  width: 520px;
}

.fiveBox .everyBox .fourImg {
  width: 520px;
  height: 430px;
  position: absolute;
  left: 30px;
  top: 98px;
  z-index: 99;
}

.fiveBox .everyBox .DfiveBox {
  background-image: url("../img/background/yxzdh5.png");
  background-size: cover;
  width: 1114px;
  height: 431px;
  padding: 146px 80px 0px;
  box-sizing: border-box;
  margin-top: 180px;
}

.fiveBox .everyBox .DfiveBox .content {
  color: #D9E3FF;
}

.fiveBox .everyBox .DfiveImg {
  width: 600px;
  height: 336px;
  position: absolute;
  right: 0;
  bottom: 20px;
}

.advantage {
  height: 632px;
  width: 100%;
  background-image: url("../img/background/yxzdh11.jpg");
  background-size: cover;
  z-index: 1;
}

.advantage_box {
  width: 1200px;
  display: flex;
  justify-content: center;
  margin-top: 75px;
}

.advantage_box .everyBox {
  width: 390px;
  height: 406px;
  box-sizing: border-box;
  background-color: #fff;
  margin-right: 15px;
  position: relative;
  padding: 24px;
}

.advantage_box .everyBox .star {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -27px;
  left: 8px;
}

.advantage_box .everyBox .log {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  right: 0;
}

.advantage_box .everyBox .title {
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #000000;
  line-height: 26px;
  font-weight: 600;
  transform: translateY(-34px);
  margin-left: 19px;
}

.advantage_box .everyBox .tips {
  width: 342px;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 24px;
}

.advantage_box .everyBox .content_img {
  width: 342px;
  height: 180px;
  margin: 0 24px 24px;
}

/* 企微产品 */
.qywxBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/qywx_BG.png");
  background-size: cover
}

.qywxBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qywxBG .title .content {
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #D9E3FF;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0 56px 0;
  width: 880px;
  text-align: center;
}

.qywxBG img {
  width: 704px;
  height: 70px;
}

.sevenBox {
  width: 1200px;
  margin: 69px auto 0;
}

.sevenBox .everyBox {
  width: 100%;
  height: 431px;
  margin: 0 0 81px 0;
  box-sizing: border-box;
  position: relative;
}

.sevenBox .everyBox .title {
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #D9E3FF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
  font-weight: 400;
  width: 440px;
}

.sevenBox .everyBox .content {
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #D9E3FF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 24px 16px 16px;
  opacity: 0.83;
  background: rgba(255, 255, 255, 0.20);
  border-radius: 8px;
  width: 484px;
  transform: translateX(-16px);
  margin-top: 16px;
  box-sizing: border-box;
}

.sevenBox .everyBox .img {
  width: 212px;
  height: 120px;
}

.sevenBox .everyBox .firstImg {
  width: 600px;
  height: 320px;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.sevenBox .everyBox .firstBox {
  width: 858px;
  height: 431px;
  background-image: url("../img/background/qywx1.png");
  background-size: cover;
  padding: 50px 0 0 80px;
  box-sizing: border-box;
}

.sevenBox .everyBox .firstBox .content {
  color: #D9E3FF;
}

.sevenBox .everyBox .secondBox {
  width: 858px;
  height: 431px;
  background-image: url("../img/background/qywx2.png");
  background-size: cover;
  padding: 46px 64px 0px 0px;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  right: 0;
}

.sevenBox .everyBox .secondBox .img {
  position: absolute;
  right: 320px;
  top: 46px;
}

.sevenBox .everyBox .secondBox .title {
  width: 440px;
  position: absolute;
  right: 92px;
  top: 166px;
}

.sevenBox .everyBox .secondBox .content {
  position: absolute;
  right: 64px;
  bottom: 38px;
}

.sevenBox .everyBox .secondImg {
  width: 600px;
  height: 336px;
  position: absolute;
  left: 10px;
  bottom: 20px;
  z-index: 99;
}

.sevenBox .everyBox .thirdBox {
  background-image: url("../img/background/qywx3.png");
  background-size: cover;
  width: 1105px;
  height: 431px;
  padding: 64px 0 0 80px;
  box-sizing: border-box;
}

.sevenBox .everyBox .thirdBox .content {
  color: #D9E3FF;
}

.sevenBox .everyBox .thirdImg {
  width: 600px;
  height: 320px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.sevenBox .everyBox .fourBox {
  width: 1120px;
  height: 431px;
  background-image: url("../img/background/qywx4.png");
  background-size: cover;
  padding: 46px 64px 0px 0px;
  box-sizing: border-box;
  text-align: -webkit-right;
  position: absolute;
  right: 0;
}

.sevenBox .everyBox .fourBox .img {
  position: absolute;
  right: 320px;
  top: 67px;
}

.sevenBox .everyBox .fourBox .title {
  width: 484px;
  position: absolute;
  right: 46px;
  top: 182px;
}

.sevenBox .everyBox .fourBox .content {
  position: absolute;
  right: 64px;
  bottom: 54px;
}

.sevenBox .everyBox .fourImg {
  width: 600px;
  height: 336px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 99;
}

.sevenBox .everyBox .fiveBox {
  background-image: url("../img/background/qywx5.png");
  background-size: cover;
  width: 1114px;
  height: 431px;
  padding: 110px 0 0 80px;
  box-sizing: border-box;
}

.sevenBox .everyBox .fiveImg {
  width: 600px;
  height: 320px;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.sevenBox .everyBox .sixBox {
  width: 858px;
  height: 431px;
  background-image: url("../img/background/qywx6.png");
  background-size: cover;
  padding: 85px 64px 0px 0px;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  right: 0;
}

.sevenBox .everyBox .sixBox .img {
  position: absolute;
  right: 320px;
  top: 85px;
}

.sevenBox .everyBox .sixBox .title {
  width: 440px;
  position: absolute;
  right: 92px;
  top: 200px;
}

.sevenBox .everyBox .sixBox .content {
  position: absolute;
  right: 64px;
  bottom: 83px;
}

.sevenBox .everyBox .sixImg {
  width: 600px;
  height: 264px;
  position: absolute;
  left: 10px;
  bottom: 50px;
  z-index: 99;
}

.sevenBox .everyBox .DsevenBox {
  background-image: url("../img/background/qywx7.png");
  background-size: cover;
  width: 1114px;
  height: 431px;
  padding: 110px 0 0 80px;
  box-sizing: border-box;
}

.sevenBox .everyBox .DsevenImg {
  width: 600px;
  height: 320px;
  position: absolute;
  right: 0;
  bottom: 30px;
}

.qywxProduct {
  height: 932px;
  width: 100%;
  background-image: url("../img/background/qywx.jpg");
  background-size: cover;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 标签画像 */
.bqhxBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/bqhx.png");
  background-size: cover
}

.bqhxBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bqhxBG .title .content {
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #D9E3FF;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0 56px 0;
  width: 880px;
}

.bqhxBG img {
  width: 423px;
  height: 70px;
}

.featureBody {
  width: 100%;
  margin-top: 68px;
}

.feature {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 56px;
}

.feature .img_title {
  width: 100%;
  height: 104px;
}

.feature_content {
  width: 1200px;
  height: 1976px;
  background-color: #fff;
  box-shadow: 0 4px 40px 0 rgba(100, 119, 176, 0.24);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature_content .title {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 600;
  padding: 40px 0;
  text-align: center;
}

.feature_content .content_box {
  width: 1040px;
  height: 400px;
  margin-bottom: 40px;
  padding: 40px;
  box-sizing: border-box;
  background-image: linear-gradient(135deg, #EAF0FF 0%, #FAFBFF 100%);
}

.feature_content .content_box .colorTitle {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #246BFF;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 600;
  border-left: 4px solid #246BFF;
  padding-left: 4px;
}

.feature_content .content_box p {
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  margin: 8px 0 40px 0;
}

.feature_content .content_box .img4 {
  width: 560px;
  height: 224px;
}

.feature_content .content_box .img5 {
  width: 360px;
  height: 200px;
}

.feature_content .content_box .imgbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.feature_content .box2 {
  height: 446px;
}

.feature_content .box2 .colorTitle {
  margin-bottom: 40px;
}

.bottomBox {
  display: flex;
}

.content_box .span_content {
  height: 304px;
  display: block;
  margin-left: 0;
}

.content_box .img_box2 {
  width: 503px;
  height: 304px;
  display: block;
  margin-left: 40px;
}

.twoNode {
  display: flex;
  box-sizing: border-box;
}

.span_content .tips {
  background-image: linear-gradient(-45deg, #0182D3 0%, #0031B5 100%);
  border-radius: 4px 0 4px 0;
  font-family: PingFang-SC-Regular;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 10px;
  font-weight: 400;
  padding: 4px;
  width: 48px;
  height: 18px;
  margin-top: 2px;
  line-height: 18px;
  text-align: center;
}

.span_content .discription {
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  padding-left: 12px;
  margin-bottom: 16px;
  width: 361px;
}

.content_box .flexImg {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.content_box .flexImg img {
  width: 310px;
  height: 238px;
}

.content_box .flexImg img {
  width: 310px;
  height: 238px;
}

.content_box .flexImg .img10 {
  width: 520px;
  height: 224px;
  margin-bottom: 8px;
}

.content_box .flexImg .img11 {
  width: 400px;
  height: 224px;
  margin-bottom: 8px;
}

.content_box .flexImg .bqcx {
  width: 400px;
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  font-weight: 600;
}

.content_box .flexImg .bqxq {
  width: 400px;
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  line-height: 22px;
  font-weight: 600;
}

.feature_content .box3,
.feature_content .box4 {
  height: 410px;
}

.feature_content2 {
  height: 566px;
}

.kqhxdcdy {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.content_box .flexImg .img12 {
  width: 460px;
  height: 304px;
  margin-bottom: 24px;
}

.feature_content3 {
  height: 368px;
  padding: 56px 80px;
  box-sizing: border-box;
}

.feature_content3 .flexImg .img14 {
  height: 256px;
  width: 336px;
  margin-right: 8px;
}

.advantage_bqhx {
  height: 1437px;
  width: 100%;
  background-image: url("../img/background/bqhx_footerBG.jpg");
  background-size: cover;
  z-index: 1;
  text-align: -webkit-center;
}

.advantage_bqhx .footerImg {
  width: 1200px;
  height: 1235px;
  display: block;
  margin-top: 20px;
}

/* 个性化 */
/* 标签画像 */
.gxhBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/gxh.png");
  background-size: cover
}

.gxhBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gxhBG .title .content {
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #D9E3FF;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0 56px 0;
  width: 880px;
}

.gxhBG img {
  width: 493px;
  height: 70px;
}

.gxh_title {
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  padding: 40px 80px 16px 80px;
  box-sizing: border-box;
  text-align: justify;
}

.gxh_feature_content {
  width: 1200px;
  height: 522px;
  background-color: #fff;
  box-shadow: 0 4px 40px 0 rgba(100, 119, 176, 0.24);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 56px;
}
.gxh_feature_content .gxh_content_box {
  width: 1040px;
  height: 92px;
  margin-bottom: 40px;
  padding: 16px;
  box-sizing: border-box;
  background-image: linear-gradient(135deg, #EAF0FF 0%, #FAFBFF 100%);
}

.gxh_feature_content .colorTitle {
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #246BFF;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 600;
  border-left: 4px solid #246BFF;
  padding-left: 4px;
  margin-bottom: 16px;
}
.gxh_span_content {
  display: flex;
  align-items: center;
  margin: 0 0 40px 0;
}
.gxh_span_content .twotips{
  margin-right: 60px;
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 22px;
}
.gxh_span_content .tips {
  background-image: linear-gradient(-45deg, #0182D3 0%, #0031B5 100%);
  border-radius: 4px 0 4px 0;
  font-family: PingFang-SC-Regular;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 10px;
  font-weight: 400;
  width: 40px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}

.gxh_span_content .discription {
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  padding-left: 12px;
  width: 252px;
}
.gxh_feature_content .flexImg{
  display: flex;
  width: 1040px;
  justify-content: space-between;
}
.flexImg .gxhImg5{
  width: 320px;
  height: 176px;
}
.gxh_feature_content .flexImg div{
width: 320px;
text-align: center;
margin-top: 8px;
}
.gxh_feature_content2{
height: 652px;
}
.gxhImg8{
  width: 1040px;
  height: 468px;
  margin-top: 24px;
}
.gxh_feature_content3{
  height: 622px;
}
.gxh_feature_content4{
  height: 1231px;
}
.gxhImg9{
  width: 1040px;
  height: 462px;
  margin-top: 24px;
}
.borderImg{
  display: flex;
  justify-content: space-between;
  width: 1040px;
  height: 340px;
  border-bottom: 1px solid #EEEEEE;;
}
.gxhImg10{
  width: 500px;
  height: 278px;
  margin-top: 24px;
}
.gxhImg11{
  width: 502px;
  height: 188px;
  position: absolute;
  right: -265px;
}
.gxh_bottomBox {
  width: 776px;
  height: 236px;
  display: flex;
  background-image: linear-gradient(135deg, #EAF0FF 0%, #FAFBFF 100%);
  position: relative;
  align-items: center;
  margin-left: -260px;
  margin-top: 24px;
}

.content_box .span_content {
  height: 304px;
  display: block;
  margin-left: 0;
}

.content_box .img_box2 {
  width: 503px;
  height: 304px;
  display: block;
  margin-left: 40px;
}

.twoNode {
  display: flex;
  box-sizing: border-box;
}

.span_content .gxh_tips {
  background-image: linear-gradient(-45deg, #0182D3 0%, #0031B5 100%);
  border-radius: 4px 0 4px 0;
  font-family: PingFang-SC-Regular;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: justify;
  line-height: 10px;
  font-weight: 400;
  padding: 2px;
  width: 58px;
  height: 18px;
  margin-top: 2px;
  line-height: 18px;
  text-align: center;
}

.span_content .gxh_discription {
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  padding-left: 12px;
  margin-bottom: 16px;
  width: 384px;
}
.floatImg{
  width: 1040px;
  height: 323px;
  position: relative;
  border-top: 1px solid #eee;
  margin-top: 40px;
  box-sizing: border-box;
}
.floatImg img{
  top: 58px;
  width: 500px;
  height: 252px;
  position: absolute;
  left: 0;
  z-index: 99;
}
.floatImg p{
  position: absolute;
  right: 0;
  top: 43px;
  background-image: linear-gradient(225deg, #EAF0FF 0%, #FAFBFF 100%);
  width: 732px;
  height: 280px;
padding: 44px 40px 44px 232px;
box-sizing: border-box;
font-family: PingFang-SC-Regular;
font-size: 16px;
color: #333333;
letter-spacing: 0;
text-align: justify;
line-height: 24px;
font-weight: 400;
box-sizing: border-box;
display: block;
}
.advantage_gxh {
  height: 632px;
  width: 100%;
  background-image: url("../img/background/gxh14.png");
  background-size: cover;
  z-index: 1;
  text-align: -webkit-center;
}

.yxnrBG {
  display: flex;
  /* 主轴居中 */
  justify-content: center;
  /* 交叉轴居中 */
  align-items: center;
  width: 100%;
  height: 560px;
  margin-top: 64px;
  background-image: url("../img/background/yxnr.png");
  background-size: cover
}

.yxnrBG .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.yxnrBG .title .content {
  font-family: PingFang-SC-Regular;
  font-size: 16px;
  color: #D9E3FF;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0 56px 0;
  width: 880px;
}

.yxnrBG img {
  width: 564px;
  height: 70px;
}
 .tabBody{
  width: 1200px;
  height: 888px;
  background-color: #fff;
  margin-top: 75px;
 }
 .advantage_yxnr{
  height: 632px;
  width: 100%;
  background-image: url("../img/background/yxnrFooter.png");
  background-size: cover;
  z-index: 1;
  text-align: -webkit-center;
 }