/* .header {
  width: 100%;
  height: 60px;
  position: fixed;
  z-index: 9999;
} */
@font-face {
  font-family: 'dsfontMedium';
  src: url('../font/dsfont-Medium.otf');
 }
.header .heard-main {
  /* cursor: pointer; */
}

.header .navbar {
  width: 1200px;
  margin: 0 auto;
}

.header .container-fluid {
  padding: 0;
}

.container-fluid > .navbar-header {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 243px;
}
.header .navbar .navbar-brand {
  height: 60px;
  line-height: 60px;
  padding: 21px 15px;
}

.header .navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0;
  height: 60px;
  line-height: 60px;
  font-size: 15px;
}

.header .navbar-nav > li {
  position: relative;
}

.header .navbar-nav > li .pop {
  position: absolute;
  left: 10px;
  padding: 24px 30px;
  background: #fff;
  font-size: 14px;
  border-radius: 2px;
  display: none;
  box-shadow: 0px 8px 20px 0px rgba(136, 136, 136, 0.2),
    0px -1px 0px 0px #ececec;
}
.header .navbar-nav > li .pro-pop {
  padding: 24px 30px 55px 30px;
}

.header .navbar-nav > li .pop .pop-main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header .navbar-nav > li .pop dl {
  width: 120px;
  text-align: left;
  margin-bottom: 0;
}

.header .navbar-nav > li .pop dl:nth-child(2) {
  width: 112px;
}

.header .navbar-nav > li .pop dl dt {
  font-size: 12px;
  color: #8d8d8d;
  padding-bottom: 10px;
  border-bottom: 1px solid #dce8ff;
  font-weight: 400;
}

.header .navbar-nav > li .pop dl dd {
  font-size: 13px;
  margin-top: 16px;
  color: #333333;
  cursor: pointer;
}

.header .navbar-nav > li .pop dl dd:nth-child(1) {
  margin-top: 0;
}

.header .navbar-nav > li .pop dl dd:hover {
  color: #1869ff;
}

.header .navbar-nav > li .pop dl dd.active {
  color: #1869ff;
}

.header .navbar-nav > li .pop dl:nth-child(2) {
  margin-left: 75px;
  margin-right: 75px;
}

.header .navbar-nav > li .pop ul {
  width: 60px;
}

.header .navbar-nav > li .pop ul li {
  font-size: 13px;
  margin-top: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}

.header .navbar-nav > li .pop ul li:hover {
  color: #1869ff;
}

.header .navbar-nav > li .pop ul li.active {
  color: #1869ff;
}

.header .navbar-nav > li .pop ul li:first-child {
  margin: 0;
}

.header .navbar-nav > li .pop ul li:last-child {
  margin: 0;
}

.header .navbar-nav > li .pop:after {
  position: absolute;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  top: -8px;
  left: 20px;
}

.navbar-nav > li > a {
  color: #ffffff;
}
.navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
#skip > li > a:hover {
  color: #1869ff !important;
  background-color: transparent;
}

.navbar-nav > li > a#logins:hover,
.navbar-nav > li > a#logins:focus {
  color: #fff;
  opacity: 0.8;
}

.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-nav a {
  font-size: 14px;
  color: #ffffff;
}
.navbar-right .btn {
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  font-size: 14px !important;
  height: 30px !important;
  line-height: 30px !important;
  background: #1869ff !important;
  border-radius: 2px;
  background: rgba(24, 105, 255, 1);
  border: 0;
}
.navbar-right .btn:hover{
  color: #ffffff;
  background: #557FE3 !important;
}
.navbar-right .login-btns .txt-fill-color:hover{
  color: #1869ff !important;
  opacity: 1;
}
.navbar-right .logins {
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  font-size: 14px !important;
  height: 30px !important;
  line-height: 30px !important;
  background: transparent;
  border-radius: 2px;
  border: 1px solid #fff;
}
.navbar-right .logins {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar-right .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
#freeTrial {
  display: none;
}
.header .navbar-nav > li > a#logins {
  font-size: 14px;
  margin-right: 9px;
}

/* 轮播图 */
.slide .carousel-indicators {
  position: absolute;
  bottom: 108px;
  text-align: left;
  width:1200px;
  margin-left:-600px;
}

.slide .carousel-indicators {
  margin-bottom: 0;
}

.slide .carousel-caption-item.flex {
  width: 1200px;
  padding: 0 12px;
  min-height: 648px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.slide .carousel-caption-item.flex .left-info {
  padding-top: 235px;
  text-align: center;
}

.slide .carousel-caption-item.flex .right-info {
  padding-top: 235px;
  text-align: center;
}

.slide .carousel-caption-item.flex .index01-title {
  font-size: 32px;
  color: #222;
  font-weight: 600;
  line-height: 66px;
  margin-bottom: 0;
}

.slide .carousel-caption-item.flex .desc-item {
  font-size: 24px;
  color: #555;
  line-height: 33px;
  margin-bottom: 0;
}

.slide .carousel-caption-item.flex .bg-imgs-btn {
  width: 156px;
  height: 48px;
  margin: 32px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(270deg, #165BFE 0%, #2E7AFF 100%);
  box-shadow: 0px 6px 16px 0px rgba(26,99,255,0.2);
  border-radius: 24px;
}

.slide .carousel-caption-item.flex .bg-imgs-btn a {
  color: #fff;
  font-size: 18px;
  /*font-weight: 500;*/
  line-height: 24px;
}

.slide .carousel-caption-item.flex .bg-imgs-btn a p {
  margin: 0;
}

/* .carousel-indicators li {
  border: 1px solid #1a2746;
}
.carousel-indicators li
.carousel-indicators li.active {
  border: 1px solid #666f83;
} */

.slide .carousel-indicators .active {
  /* background: #666F83; */
  /* opacity: 0.4; */
  background: linear-gradient(270deg, #165BFE 0%, #2E7AFF 100%);
  box-shadow: 0px 6px 16px 0px rgba(26, 99, 255, 0.2);
  border-radius: 2px;
  }

.slide .carousel-indicators li {
  width: 32px;
  height: 4px;
  margin: 0;
  background: #C3E0FF;
  border-radius: 1px;
  border:none!important;
  opacity: .7!important;
  cursor: pointer;
  /* border-radius: 0 !important; */
}

.slide .carousel-caption {
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -500px;
  text-align: left;
  text-shadow: none;
  padding-top:0;
}
.slide .carousel-caption .title{
  font-size: 48px;
  font-weight: 500;
  color: #222222;
  line-height: 67px;
  margin:0;
  padding-bottom:16px;
}
.slide .carousel-caption .desc{
  font-weight: 400;
  color: #555555;
  line-height: 33px;
  font-size: 24px;
  margin:0 auto 44px;
}
.wh4{
  width: 136px!important;
}
.wh5{
  width: 154px!important;
}
.wh6{
  width: 172px!important;
}
.wh7{
  width: 190px!important;
}
.slide .carousel-caption .bg-imgs-btn{
  display: flex;
}
.slide .carousel-caption  .homePageBtm{
  width: 136px;
  height: 48px;
  background: linear-gradient(270deg, #165BFE 0%, #2E7AFF 100%);
  box-shadow: 0px 6px 16px 0px rgba(26, 99, 255, 0.2);
  border-radius: 24px;
  text-align: center;
  line-height: 48px;
  color:#fff;
  font-size: 18px;
  margin-right:24px;
  position: relative;
  --x: 0px;
  --y: 0px;
  overflow: hidden;
  cursor: pointer;
}
.slide .carousel-caption  .homePageBtm p{
  position: relative;
  color:#fff;
}
.slide .carousel-caption  .homePageBtm:hover:before {
  width:160px;
  height: 160px;
}
.slide .carousel-caption  .homePageBtm:before {
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  background: radial-gradient(circle closest-side,rgba(0,247,239,.4),transparent);
  background: radial-gradient(circle closest-side,var(--button_cover_bg,rgba(0,247,239,.3)),transparent);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
.slide .carousel-caption  .detail-btn{
  width: 136px;
  height: 48px;
  background: rgba(255, 255, 255, .6);
  border-radius: 24px;
  border: 1px solid #D2DBE8;
  color: #2B60DD;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  position: relative;
  --x: 0px;
  --y: 0px;
  overflow: hidden;
  cursor: pointer;
  box-sizing: content-box;
}
.slide .carousel-caption  .detail-btn:hover:before {
  width: 160px;
  height: 160px;
}
.slide .carousel-caption  .detail-btn p{
  position: relative;
}
.slide .carousel-caption  .detail-btn::before {
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  background: radial-gradient(circle closest-side,#F4F7FF,transparent);
  background: radial-gradient(circle closest-side,var(--button_cover_bg,#F4F7FF),transparent);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
.slide .carousel-caption  .bg-title-img{
 height: 28px;
 margin-bottom:16px;
}
.bg-title-img1{
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.slide .bg-title-img2{
  width:448px;height:28px;
}
.slide .bg-title-img2 img{
  width: 100%;
  height:100%;
  image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
/* .slide .carousel-caption  .detail-btn:hover,.slide .carousel-caption  .detail-btn:focus{
  background: #F4F7FF;
} */
.slide .carousel-inner .tips-main {
  height: 60px;
  width: 100%;
  position: absolute;
  z-index: 999;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
}

.slide .carousel-inner .tips-main .tips {
  height: 60px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}

.slide .carousel-inner .tips-main .tips a {
  text-decoration: none;
  color: #ffffff;
}

.slide .carousel-inner .tips-main .tips a:hover {
  color: #1869ff;
}


.main{
  overflow: hidden;
}
/* 中间内容区 */
.main .column_1 {
  width: 1200px;
  /* height: 600px; */
  padding-top: 100px;
  margin: 0 auto 120px auto;
}

.main .column_1 .column_1-main {
  width: 1200px;
  height: 480px;
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: url("../image/index/Img_1.png") no-repeat center center;
  background-size: 80% 100%;
}

.main .column_1 .info_top {
  padding: 20px 56px 0 95px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.main .column_1 .info_top span,
.info_bottom span {
  font-size: 16px;
  color: #1869ff;
  font-weight: 400;
}

.main .column_1 .info_top p,
.info_bottom p {
  font-size: 13px;
  color: #999;
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: 400;
}

.main .column_1 .info_top .top-left {
  width: 331px;
  text-align: right;
  padding-right: 110px;
}

.main .column_1 .info_top .top-right {
  width: 254px;
  text-align: left;
  padding-left: 20px;
}

.main .column_1 .info_bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.main .column_1 .info_bottom .top-left {
  width: 331px;
  text-align: right;
  padding-right: 110px;
  padding-top: 50px;
}

.main .column_1 .info_bottom .top-middle {
  width: 306px;
  text-align: center;
  padding-right: 85px;
  padding-bottom: 48px;
  position: relative;
  bottom: 45px;
}

.main .column_1 .info_bottom .top-right {
  width: 254px;
  text-align: left;
  padding-left: 28px;
  padding-top: 50px;
}

.main h6 {
  font-size: 32px;
  color: #000000;
  margin: 0;
  font-weight: 400;
}

.main .column_2 .nav {
  width: 1200px;
  margin: 0 auto;
}

.main .column_2 .nav {
  height: 54px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.main .column_2 .nav .ls {
  width: 140px;
  height: 54px;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
}

.main .column_2 .nav .ico {
  width: 1px;
  height: 24px;
  background: #ececec;
}

.main .column_2 .nav .ls {
  position: relative;
}

.main .column_2 .nav .ls.active {
  color: #1869ff;
  border-bottom: 4px solid #1869ff;
}

/* .main .column_2 .nav .ls.active:after {
  position: absolute;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #1869FF;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
} */

.main .column_2 .column_2-main {
  /* height: 630px; */
  padding-bottom: 60px;
  background: #f8f9fb;
}

.main .column_2 .column_2-main .column_2-tab {
  margin-bottom: 69px;
}

.main .column_2-box {
  display: none;
}

.main .column_2-box.active {
  display: block;
}

.main .main_right img {
  width: 100%;
  object-fit: contain;
}

.main .pic_1 .main_right {
  display: none;
}

.main .pic_1 .main_right.active {
  display: block;
}

.main .pic_2 .main_right {
  display: none;
}

.main .pic_2 .main_right.active {
  display: block;
}

.main .pic_3 .main_right {
  display: none;
}

.main .pic_3 .main_right.active {
  display: block;
}

.main .pic_4 .main_right {
  display: none;
}

.main .pic_4 .main_right.active {
  display: block;
}

.main .pic_5 .main_right {
  display: none;
}

.main .pic_5 .main_right.active {
  display: block;
}

.main .column_2-content {
  width: 1200px;
  /* padding: 58px 30px 0 30px; */
  padding: 58px 18px 0 25px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.main .column_2-content .main_left {
  /* height: 500px; */
}

.main .column_2-content .main_left ul {
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.main .column_2-content .main_left ul li {
  padding: 26px 20px;
  text-align: left;
}

.main .column_2-content .main_left ul li.active {
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(217, 217, 217, 0.4);
  border-radius: 4px;
}

.main .column_2-content .main_left ul li a {
  display: inline-block;
  text-decoration: none;
}

.main .column_2-content .main_left ul li h6 {
  font-size: 15px;
  margin: 0 0 6px 0;
  font-weight: 600;
  line-height: 21px;
  font-weight: 400;
  color: #000000;
}

.main .column_2-content .main_left ul li p {
  height: 20px;
  line-height: 20px;
  color: #999999;
  font-size: 14px;
  margin-bottom: 0;
}

.main .column_2-content .main_right {
  width: 750px;
}

.main .column_2 .btns {
  text-align: center;
}

.main .column_2 .btns a {
  border: 1px solid #1869ff;
  color: #1869ff;
  display: inline-block;
  width: 140px;
  height: 44px;
  line-height: 44px;
  background: transparent;
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px;
}
.main .column_2 .btns a:hover,
.main .column_4 .column_4-main .btns a:hover {
  background-color: #1869ff;
  color: #fff;
}
.main .column_3 {
  padding-top: 100px;
  padding-bottom: 120px;
}

.main .column_3 h6 {
  font-weight: 400;
  color: #000000;
  line-height: 45px;
}

.main .column_3 .column_3-main {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

.main .column_3 .column_3-main .info {
  position: relative;
  height: 360px;
}

.main .column_3 .column_3-main .info-right {
  position: absolute;
  right: 0;
  width: 707px;
  height: 360px;
  background: url("../image/index/Img_bg.png") no-repeat center center;
}

.main .column_3 .column_3-main .info-right {
  padding: 64px 90px 48px 170px;
  text-align: left;
}

.main .column_3 .column_3-main .info-right h6 {
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
  line-height: 45px;
  padding-left: 45px;
}

.main .column_3 .column_3-main .info-right p {
  padding-left: 50px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  margin-top: 16px;
}

.main .column_3 .column_3-main .info-right .tit {
  padding-left: 50px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}

.main .column_3 .info .item {
  display: none;
  height: 100%;
}

.main .column_3 .info .item-main {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main .column_3 .info .active {
  display: block;
}

.main .column_3 .info img {
  width: 630px;
}

.main .column_3 .other {
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main .column_3 .other .clum_1 {
  /* display: none; */
  width: 300px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ececec;
  margin: 0;
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.main .column_3 .other .clum_1 img {
  display: none;
}

.main .column_3 .other .clum_1 .isXians {
  display: inline-block;
}
.main .column_3 .column_3-main .more:hover {
  color: #4A89FF;
}
.main .column_3 .column_3-main a.more {
  width: 120px;
  margin: 0 auto;
  font-size: 14px;
  margin-top: 60px;
  color: #1869ff;
  text-decoration: none;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.main .column_3 .column_3-main a > img {
  margin-left: 5px;
}

.main .column_4 {
  background: #f8f9fb;
  padding: 80px 0 100px 0;
}

.main .column_4 .column_4-main {
  width: 1200px;
  margin: 0 auto;
}

.main .column_4 .column_4-main .infos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 113px;
  margin-bottom: 0;
}

.main .column_4 .column_4-main .infos li {
  width: 203px;
}

.main .column_4 .column_4-main .infos h6 {
  font-size: 18px;
  line-height: 38px;
  color: #000000;
}

.main .column_4 .column_4-main .infos p {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
}

.main .column_4 .column_4-main .btns {
  text-align: center;
  margin-top: 110px;
}

.main .column_4 .column_4-main .btns a {
  display: inline-block;
  width: 140px;
  height: 44px;
  color: #1869ff;
  line-height: 44px;
  background: transparent;
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px;
  border: 1px solid #1869ff;
}

.main .column_5 {
  background: #ffffff;
  padding: 100px 0 120px 0;
}

.main .column_5-main {
  width: 1200px;
  margin: 0 auto;
}

.main .column_5 .main-content {
  padding: 60px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/************ 图片换轮播图 2021-12-24 start**************/
.main .column_5 .main-content .content-left {
  width: 810px;
  height: 436px;
  cursor: pointer;
}
.main .column_5 .main-content .content-left .play_btn3 {
  position: absolute;
  width: 77px;
  height: 77px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../image/index/icon_playLarge.png") no-repeat center / 100%
    100%;
  z-index: 100;
}

.main .column_5 .main-content .content-left .slide .carousel-inner {
 min-width: 810px;
}

.main .column_5 .main-content .content-left .slide .carousel-indicators {
  bottom: 75px;
}
/* .main .column_5 .main-content .content-left .slide .carousel-indicators .active {
  background: #1869ff;
  opacity: 1;
} */
.main .column_5 .main-content .content-left .slide .carousel-indicators li {
  border: 0;
}
.main .column_5 .main-content .content-left .slide .carousel-indicators li:nth-child(1) {
  margin-right: 10px;
}
/************ 图片换轮播图 2021-12-24  end**************/
.main .column_5 .main-content .content-left img {
  width: 100%;
  height: 100%;
}

.main .column_5 .main-content .content-left a {
  width: 100%;
  height: 60px;
  line-height: 60px;
  position: absolute;
  bottom: 15px;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  text-align: left;
  padding-left: 30px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 4px 4px;
}

.main .column_5 .main-content .content-right li {
  width: 370px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 10px;
  cursor: pointer;
}

.main .column_5 .main-content .content-right ul {
  margin-bottom: 0;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 436px;
}

.main .column_5 .main-content .content-right li > div {
  margin-left: 10px;
  flex: 1;
}

.main .column_5 .main-content .content-right li h5 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.main .column_5 .main-content .content-right li h5 a {
  line-height: 25px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin: 0;
  text-decoration: none;
}

.main .column_5 .main-content .content-right li img {
  width: 132px;
  height: 132px;
  border-radius: 6px;
}

.main .column_5 .main-content .content-right li p {
  font-size: 14px;
  color: #888888;
  line-height: 20px;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 0;
}

.main .column_5-main a.more {
  width: 120px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
  color: #1869ff;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.main .column_5-main a > img {
  margin-left: 5px;
}
.main .column_5-main .more:hover {
  color: #4A89FF;
}
.column_6{
  padding-bottom:120px;
  background: linear-gradient(180deg, #FAFAFF 0%, #EDF3FF 100%);
}

.main .column_6 .column_6-main .main-content {
  width: 1200px;
  margin: 0 auto;
}

.main .column_6 .column_6-main .main-content img {
  width: 100%;
}

.main .column_6 .column_6-main .upload {
  margin-top: 120px;
  padding: 32px 40px;
  background: #f8f9fb;
  text-align: left;
}

.main .column_6 .column_6-main .upload .title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.main .column_6 .upload .title h6 {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
}

.main .column_6 .upload .msg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.main .column_6 .upload .msg p.bq {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500;
  color: #000000;
  font-weight: 500;
  margin-right: 10px;
}

.main .column_6 .upload .msg span {
  font-size: 14px;
  color: #999999;
}

.main .column_6 .upload .fnt {
  font-size: 14px;
  text-align: left;
  color: #000000;
  line-height: 20px;
  margin-bottom: 20px;
}

.main .column_6 .upload .detail-page {
  margin-bottom: 30px;
}

.main .column_6 .upload .detail-page > p {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  color: #555555;
  line-height: 20px;
}

.main .column_6 .upload .detail-page ul {
  margin-bottom: 0;
}

.main .column_6 .upload .detail-page ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.main .column_6 .upload .detail-page ul li .disc {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  border-radius: 100%;
  background: #cbddff;
  margin-top: 8px;
}

.main .column_6 .upload .detail-page ul li > p {
  width: calc(100% - 15px);
  margin-bottom: 0;
  text-align: left;
  font-weight: 400;
  color: #555555;
  line-height: 24px;
  font-size: 14px;
}

.main .column_6 .upload .skip {
  color: #999999;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.main .column_6 .btns {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 120px;
  border-top: 1px solid #dbdbdb;
}
.main .column_6 .btns a:hover {
  background: #557FE3;
  color: #ffffff;
}
.main .column_6 .btns a {
  display: inline-block;
  width: 260px;
  height: 60px;
  font-size: 20px;
  line-height: 60px;
  background: #1869ff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 400;
  color: #ffffff;
}

/* 关注我们 */
.anchor {
  position: fixed;
  bottom: 32px;
  right:24px;
  z-index: 9999;
}
.anchor-kf{
  margin-bottom:16px;
  cursor: pointer;
  position: relative;
  width: 66px;
  margin:0 auto;
}
.anchor-kf-avatar{
  width: 66px;
  height: 66px;
  border-radius: 50%;
}
.anchor-kf-avatar-img{
  width: 100%;
  height: 100%;
  -webkit-animation: anchor-img-data 1s linear infinite;
  animation: anchor-img-data  1s linear infinite;
  object-fit: cover;
  border-radius: 50%;
}
@keyframes anchor-img-data{
  0% {
    transform: scale(1);
  }
  25% {
      transform: scale(.95);
  }
  50% {
      transform: scale(.9);
  }
  75% {
      transform: scale(.95);
  }
  100% {
      transform: scale(1);
  }
}
.anchor-kf::after{
  top: 0;
  left:0;
  z-index: -1;
  content: "";
  border-radius: 50%;
  border: 2px solid #0053FF;
  background-color: #f2f2f2;
}
.anchor-kf::after, .anchor-kf-border {
  position: absolute;
  width: 66px;
  height: 66px;
}
.anchor-kf-border{
  top: 0;
  left: 0;
  border-radius: 50%;
  background-image: url(../image/new/border.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-animation: avatar-border 1s linear infinite;
  animation: avatar-border 1s linear infinite;
}
@keyframes avatar-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
      transform: scale(1.1);
      opacity: .8;
  }
  50% {
      transform: scale(1.2);
      opacity: .1;
  }
  75% {
      opacity: 0;
  }

  100% {
      opacity: 0;
  }
}
.anchor-kf-text{
  position: relative;
  width: 66px;
  height: 21px;
  border-radius: 11px;
  line-height: 21px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #3977FF;
  margin:0 auto;
  top:-9px;
}
 .skips-nav {
  margin: 0 auto;
  width:68px;
  background: linear-gradient(216deg, #DEF0FF 0%, #F7FBFF 100%);
  box-shadow: 0px 4px 24px 0px rgba(231,239,245,.2), inset 0px 3px 6px 0px rgba(255, 255, 255,.2);
  border-radius: 8px;
  border: 1px solid #FFFFFF;
  position: relative;
}
/* .skips-nav li:hover{
  width: 68px;
  background: rgba(57, 119, 255, .1);
}   */
.anchor-line{
  width: 22px;
  height: 1px;
  background: #DCE5F1;
  opacity: 0.4;
  margin:0 auto;

}
.skips-nav .anchor-li {
  width: 68px;
  height: 76px;
  cursor: pointer;
  position: relative;
  --x: 0px;
  --y: 0px;
  overflow: hidden;
  cursor: pointer;
}
.skips-nav .anchor-li:hover:before {
  width: 160px;
  height: 160px;
}
.skips-nav .anchor-li::before{
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  background: radial-gradient(circle closest-side,#a9d9ff5e,transparent);
  background: radial-gradient(circle closest-side,var(--button_cover_bg,#a9d9ff5e),transparent);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
.skips-nav .anchor-li img.ico {
  width: 28px;
  height: 28px;
  margin-top:12px;
  position: relative;
}
.anchor img.tp {
  width: 148px;
  height: 148px;
}
.skips-nav .anchor-li p {
  margin-bottom: 0;
  font-size: 12px;
  margin-top: 6px;
  color: #6A8096;
  position: relative;
}

.anchor-try{
  margin:16px auto 0;
  width: 68px;
  background: linear-gradient(270deg, #165BFE 0%, #2E7AFF 100%);
  box-shadow: 0px 6px 16px 0px rgba(26, 99, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
}
.checkEvaluate{
  height: 76px;
  border-radius: 8px 8px 0 0;
}
.anchor-toTop{
  height: 44px;
  border-radius: 0 0 8px 8px ;
}
.checkEvaluate,.anchor-toTop{
  width: 68px;
  position: relative;
  --x: 0px;
  --y: 0px;
  overflow: hidden;
  cursor: pointer;
}
.checkEvaluate:hover:before,.anchor-toTop:hover:before{
  width: 160px;
  height: 160px;
}
.checkEvaluate::before,.anchor-toTop::before {
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  background: radial-gradient(circle closest-side,rgba(17,211,255,.4),transparent);
  background: radial-gradient(circle closest-side,var(--button_cover_bg,rgba(0,247,239,.4)),transparent);
  border-radius: 100%;
  transform: translate(-50%, -50%);
}
/* .checkEvaluate:hover{
  background: rgba(0, 0, 0, .1);
  border-radius: 8px 8px 0px 0px;
}  */
.anchor-try-line{
  width: 52px;
  height: 1px;
  background: rgba(0, 0, 0, 0.37);
  opacity: 0.2;
  margin:0 auto;

}
/* .anchor-toTop:hover{
  background: rgba(0, 0, 0, .1);
  border-radius:  0px 0px 8px 8px;
} */
.anchor-try-check{
 width: 28px;
 height: 28px;
 margin:12px auto 6px;
 position: relative;
}
.anchor-try-copy{
  width: 28px;
  height: 28px;
  margin:8px auto;
 }
.anchor-try-text{
  font-weight: 500;
  color:#fff;
  font-size: 12px;
  line-height: 17px;
  margin:0;
  position: relative;
}

.anchor-phone-tit{
 margin:24px auto 8px;
 color: #7D7D7D;
 font-size: 14px;
 line-height: 20px;
}
.anchor-phone-num{
  font-weight: bold;
  color: #3D3D3D;
  line-height: 32px;
  font-size: 28px;
  margin:0;
  font-family: 'dsfontMedium';
}
.anchor-phone{
  position: absolute;
  right: 100px;
  width: 233px;
  height: 108px;
  background: linear-gradient(215deg, #F3F7FF 0%, #FFFFFF 100%);
  box-shadow: 0px 4px 24px 0px rgba(231, 239, 245, 0.2);
  border: 1px solid #DCE5F1;
  top:94px;
  border-radius: 8px;
  display: none;
}
.anchor .gzwm {
  position: absolute;
  right: 84px;
  top:0;
  width: 206px;
  background: linear-gradient(215deg, #F3F7FF 0%, #FFFFFF 100%);
  box-shadow: 0px 4px 24px 0px rgba(231, 239, 245, 0.2);
  border: 1px solid #DCE5F1;
  border-radius: 8px;
  display: none;
}
.anchor .gzwm-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 24px 24px 8px;
}
.gzwm-title{
  color:#3D3D3D;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin:0;
  width: 158px;
  text-align: left;
}
.gzwm-phone{
  width: 204px;
  height: 48px;
  background: linear-gradient(270deg, #E8F5FF 0%, #F7FBFF 100%);
  border-radius: 0px 0px 7px 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gzwm-phone-img{
  width: 20px;
  height:20px;
}
.gzwm-phone-num{
  font-size: 16px;
  color: #4B6177;
  line-height: 20px;
  font-family: 'dsfontMedium';
  margin:0;
  padding-left:6px;
}
.gzwm-desc{
  color:#7D7D7D;
  font-size: 12px;
  line-height: 17px;
  margin:0;
  padding:4px 0 16px;
  width: 158px;
  text-align: left;
}
.gzwn-code{
  width: 158px;
  height: 158px;
  background: url('../image/new/code-bg.png') no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gzwm-close{
  width: 28px;
  height: 28px;
  position: absolute;
  top:8px;
  right: 8px;
  cursor: pointer;
}

.bg-imgs {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url(../image/index/icon_bannerBg1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}

.bg-imgs-1 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/index/bg_3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}
.bg-imgs-2 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/index/bg_614.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}
.bg-imgs-0922 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/new/banner-0922.jpg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}
.bg-imgs-0816 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/new/0816.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}
.bg-imgs-0818 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/new/0818.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}
/*20220221--- banner start bg-imgs-new----*/
.bg-imgs-new {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background: #04043E;
  background-image: url(../image/index/icon_bannerBg0221.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* banner start bg-imgs-5*/
.bg-imgs-5 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/index/bg_7.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
  /* background: url("../image/index/bg_7.png") no-repeat center / contain #040424; */
}

/********* 1224 start bg-imgs-6********** */
.bg-imgs-6 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/index/bg_1224.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}

/********* 1224 end********** */
/********* 0124 start********** */
.bg-imgs-7 {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/index/bg_0124.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}

.slide .carousel-inner {
  min-width: 1200px;
  height: 648px;
  background-color: #E9F2FF;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background: transparent;
}
.main .column_3 .info .info-icon {
  position: absolute;
  font-size: 100px;
  color: #fff;
  top: 62px;
  left: 175px;
  width: 21px;
  height: 18px;
}
.column_4-main > .infos > li > img {
  width: 100px;
  height: 100px;
}
.upload-pro-img {
  width: 50px;
  height: 20px;
  margin-left: 10px;
}
.main .column_3 .other .clum_1 img {
  width: 220px;
  height: 60px;
}
.anchor .skips-nav li:nth-child(1) {
  border-radius: 4px 4px 0 0;
}
.anchor .skips-nav li:nth-child(2) {
  border-radius: 0 0 4px 4px;
}
.slide .carousel-inner .item .title-tenlent {
  width: 252px;
  height: 28px;
}
.hr-content {
  margin: 30px 0 20px 0;
}
.main .column_3 .info .icon-more-img {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: -12px;
}

.cx_videoBox,.cx_videoBox1,.cx_videoBox2,.cx_videoBox3, .common-paly-video-box{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.cx_videoBox .mask,.cx_videoBox1 .mask,.cx_videoBox2 .mask,.cx_videoBox3 .mask,.common-paly-video-box .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.cx_videoBox .video,.cx_videoBox1 .video,.cx_videoBox2 .video,.cx_videoBox3 .video, .common-paly-video-box .video {
  position: absolute;
  width: 960px;
  height: 540px;
  left: 50%;
  top: 50%;
  margin-left: -480px;
  margin-top: -270px;
  z-index: 9999;
  outline: none;
}
.cx_videoBox .video .video-js,.cx_videoBox1 .video .video-js,.cx_videoBox2 .video .video-js,.cx_videoBox3 .video .video-js,.common-paly-video-box .video .video-js{
  width: 100%;
  height: 100%;
  outline: none;
}

.cx_videoBox .video video,.cx_videoBox1 .video video,.cx_videoBox2 .video video,.cx_videoBox3 .video video, .common-paly-video-box .video video{
  outline: none;
}
.overflow_hidden {
  overflow: hidden;
}
.main .column_5 .main-content .content-left .play_btn,
.main .column_5 .main-content .content-left .play_btn {
  position: absolute;
  width: 77px;
  height: 77px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../image/index/icon_playLarge.png") no-repeat center / 100%
    100%;
  z-index: 100;
}
.main .column_5 .main-content .content-left .play_btn2 {
  position: absolute;
  width: 77px;
  height: 77px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../image/index/icon_playLarge.png") no-repeat center / 100%
    100%;
  z-index: 100;
}

.isScroll {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(21, 21, 21, 0.09);
  -moz-box-shadow: 0 2px 8px 0 rgba(21, 21, 21, 0.09);
  box-shadow: 0 2px 8px 0 rgba(21, 21, 21, 0.09);
}
.textBox .watch_btn {
  width: 165px;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(270deg, #165BFE 0%, #2E7AFF 100%);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 40px;
  cursor: pointer;
  box-shadow: 0px 6px 16px 0px rgba(26, 99, 255, 0.2);
}

.main .column_2-content .main_left ul {
  height: 396px;
}
.crm-title {
  position: relative;
}
.crm-img-icon {
  width: 34px;
  height: 18px;
  position: absolute;
  z-index: 3;
  right: -25px;
  bottom: 1px;
}
.column_3-main .item .info-left {
  overflow: hidden;
}

.column_3-main .tab_imgs,
.column_3-main .animate-item {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.column_2-main .pic_2 .main_right {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*照片墙滚动*/
@-webkit-keyframes scrollToRight-data-v-6a32e916 {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
  }
  to {
      -webkit-transform: translate3d(0%, 0, 0);
              transform: translate3d(0%, 0, 0);
  }
  }
  @keyframes scrollToRight-data-v-6a32e916 {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
  }
  to {
      -webkit-transform: translate3d(0%, 0, 0);
              transform: translate3d(0%, 0, 0);
  }
  }
  @keyframes scrollToRight-data-v-6a32e916 {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
  }
  to {
      -webkit-transform: translate3d(0%, 0, 0);
  }
  }
.logo_wrap{
  position: relative;
  /* height: 644px; */
  overflow: hidden;
  margin: 0 auto;
  font-size: 0;
}
.logo_wrap .left_mask{
  position: absolute;
  z-index: 10;
  left: 0;
  width: 200px;
  height: 677px;
}
.logo_wrap .right_mask{
  position: absolute;
  z-index: 10;
  right: 0;
  width: 200px;
  height: 677px;
}
.line-odd{
  width: 7900px;
  -webkit-animation: scrollToRight-data-v-6a32e916 110s linear infinite;
  animation: scrollToRight-data-v-6a32e916 110s linear infinite;
  margin-bottom:20px;
}
.logo_wrap .line_even {
  width: 7900px;
  -webkit-animation: scrollToRight-data-v-6a32e916 110s linear infinite;
  animation: scrollToRight-data-v-6a32e916 110s linear infinite;
  margin-bottom:20px;
}
.logo_img{
  width: 50%;
  height: 81px;
  display: inline-block;
}
.menu-new{
  position: relative;
}
.menu-new-icon{
  position: absolute;
  width: 32px;
  height: 16px;
  margin-left: 4px;
  /* right: 0; */
}
/*--------- 咨询弹窗样式---------- */
.pop_service {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.pop_service .dialog {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  opacity: 0;
}
.pop_service1 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.pop_service1 .dialog {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  opacity: 0;
}
.wrapper_box {
  display: flex;
  width: 696px;
  height: 435px;
  border-radius: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapper_box1 {
  width: 408px!important;
}

.wrapper_box .left {
  width: 288px;
}
.wrapper_box .left img{
  width: 288px;
  height: 435px;
}
.wrapper_box .right {
  flex: 1;
  padding-top: 18px;
}
.wrapper_box .right .right_close {
  padding-right: 18px;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.wrapper_box .right .right_close img{
  width: 25px;
  height: 25px;
}
.wrapper_box .right .right_serve{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
}
.wrapper_box .right .right_serve img{
  width: 31px;
  height: 31px;
}
.wrapper_box .right .right_serve .right_serve-txt{
  height: 31px;
  font-size: 20px;
  font-weight: 500;
  color: #3E464F;
  line-height: 31px;
  margin-left: 9px;
}
.wrapper_box .right .right_tip{
  font-size: 12px;
  font-weight: 400;
  color: #7D8998;
  line-height: 17px;
  margin: 20px 0 30px;
  position: relative;
}
.wrapper_box .right .right_tip::after{
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  left: 95px;
  bottom: 0;
  width: 218px;
  height: 1px;
  background: linear-gradient(270deg, #E0ECFF 0%, rgba(224, 236, 255, 0) 35%, rgba(224, 236, 255, 0) 64%, #E0ECFF 100%);
  opacity: 0.51;
}
.wrapper_box .right .right_code{
  position: relative;
}
.right_bg{
  background: url(../image/new/code-bg.png) no-repeat;
  background-size: contain;
  width:170px;
  height:170px;
  margin:0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper_box .right .right_code::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 100px;
  bottom: 0;
  height: 10px;
  width: 207px;
  background-image: url(../image/shadow.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 1;
}
.wrapper_box .right .scan::after{
  /* opacity: 1; */
  animation: move 2s linear infinite;
}
@keyframes move {
  0%{
    top:10px;
    opacity: 1;
  }
  80%{
    top:130px;
    opacity:1;
  }
  100%{
    top:150px;
    opacity: 0;
  }
}
.wrapper_box .right .right_code img{
  width: 165px;
  height: 165px;
}
.wrapper_box .right .right_tel{
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper_box .right .right_tel span{
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #798695;
  line-height: 22px;
}
.wrapper_box .right .right_tel .tel{
  height: 37px;
  font-size: 26px;
  font-weight: 500;
  color: #3E464F;
  line-height: 37px;
}
.carouse-img{
  width: 173px;
  height: 25px;
  margin-bottom:16px;
}

/* .toTop{
  display: none!important;
} */
.toShowTop{
  padding-top:22px;
  width: 72px;
  height: 72px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

/* 2022腾讯全球数字生态大会 */
.digitalEcology {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-image: url("../image/digitalEcology/banner-bg-code.jpg%EF%B9%96v=2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}
.digitalEcology .title,
.digitalEcology .desc {
  color: #001155 !important;
}
.slide .carousel-inner .banner-item  {
  width: 100%;
  min-width: 1200px;
  min-height: 648px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}

.video-module {}
.video-module .content-box {
  position: relative;
  padding: 140px 0;
  background: linear-gradient(180deg, #F0F7FF 0%, #DDEBFD 100%);
}
.video-module .content-box:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 397px;
  height: 505px;
  background: url('../image/index/videoModule/bg-up.png') no-repeat left top / contain;
  z-index: 1;
}
.video-module .content-box:before {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  width: 397px;
  height: 505px;
  background: url('../image/index/videoModule/bg-down.png') no-repeat left top / contain;
  z-index: 1;
}
.video-module .content-box .title {
  color: #2A2A2A;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
}
.video-module .content-box .video-list {
  position: relative;
  z-index: 2;
  margin: 60px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.video-module .content-box .video-list .video-item { 
  position: relative;
  margin-left: 24px;
  width: 282px;
  height: 480px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 282px auto;
  border-radius: 12px;
  overflow: hidden;
  transition: all .3s;
  cursor: pointer;
}

.video-module .content-box .video-list .video-item:first-child {
  margin-left: 0;
}
.video-module .content-box .video-list .video-item:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(11,27,54,0) 0%, #020913 100%);
}
.video-module .content-box .video-list .video-item .tag { 
  position: absolute;
  left: 0;
  bottom: 93px;
  padding: 0 16px 0 18px;
  line-height: 44px;
  color: rgba(255, 255, 255, .67);
  font-size: 14px;
  border-radius: 0 12px 0 0;
  background: rgba(1, 19, 45, .67);
  font-weight: normal;
}
.video-module .content-box .video-list .video-item .tag .em { 
  font-size: 16px;
  font-weight: 500;
  margin-right: 8px;
  color: #fff;
}
.video-module .content-box .video-list .video-item .play-btn {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -28px;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: url('../image/index/videoModule/icon-play.png') no-repeat center/contain;
 }
.video-module .content-box .video-list .video-item .intr { 
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 93px;
  padding-top: 19px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  font-size: 18px;
  background: url('../image/index/videoModule/bg05.png') no-repeat center/contain;
}
.video-module .content-box .video-list .video-item:hover {
  transform: translateY(-20px);
}
.video-module .content-box .video-list .video-item:hover .play-btn {
  transform: scale(1.2);
}