body{min-width: 1280px; background: #FFF;}
.dp-page {
  background: #fff;
}
*{box-sizing: border-box;margin: 0;}
body .main {color: #1C1D1F;}
.content-wrap {
  width: 1280px;
  margin: 0 auto;
}
.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}
.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}
.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.center{text-align: center;}
.bg-white{background-color: #FFF;}.bg-black{background-color: #2b2a2a;color: #FFF;}
.bold{font-weight: 600;}
.dp-page h1 {
  font-size: 48px;
  font-weight: bold;
}
h2.sub-title {
  font-size: 48px;
  line-height: 64px;
  font-weight: bold;
}
p.sub-info {
  line-height: 48px;
  margin-bottom: 60px;
}
p {
  margin: 0;
}
.more-btn {
  width: 178px;
  height: 50px;
  line-height: 48px;
  border-radius: 8px;
  color: #2B2C37;
  border: 1px solid #d5d5d7;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.zixun-btn {
  width: 178px;
  height: 50px;
  cursor: pointer;
  transition: .25s;
  background: url(../images/dpnew/zixun-btn-2.png) no-repeat;
}
.zixun-btn:hover {
  background: url(../images/dpnew/zixun-btn-1.png) no-repeat;
}
.top-zixun-btn.zixun-btn {
  background-image: url(../images/dpnew/zixun-btn-1.png);
}
.top-zixun-btn.zixun-btn:hover {
  background-image: url(../images/dpnew/zixun-btn-2.png);
}

/* 第一块 */
.top-bg {
  margin: 0 auto;
  max-width: 1920px;
  height: calc(100vh - 67px);
  background: url(../images/xman-peng/banner2.png) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top: 67px;
}
.top-bg video {
  width: 100%;
  height: calc(100vh - 67px);
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
}
.banner-mask {
 width: 100%;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.5);
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.banner-title {
 font-size: 44px;
 font-weight: bolder;
 color: #fff;
 margin-top: 160px;
 margin-left: calc(50% - 640px);
 background: linear-gradient(300deg, #DD54FF, #735FFF);
 letter-spacing: 4px;
 width: 480px;
 text-align: center;
 border-radius: 8px;
}
.banner-title2 {
 font-size: 72px;
 font-weight: bolder;
 width: 1280px;
 font-weight: bolder;
 color: #fff;
 margin: 10px auto 0;
}
.banner-title3 {
 font-size: 36px;
 width: 1280px;
 color: #fff;
 margin: 0 auto;
}
/* 第二块 */
.post-video {
  width: 1300px;
  margin: 0 auto;
  padding-top: 130px;
  padding-bottom: 130px;
}
.post-video-title {
  margin: 0 auto;
  width: 400px;
  height: 46px;
  line-height: 1;
  text-align: center;
  font-family: Source Han Sans CN;
  font-weight: 800;
  font-size: 40px;
  color: #030303;
  background: linear-gradient(to right, #29C0FB 0%, #5487F9 39.9658203125%, #BC4DF5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.post-video-subtitle {
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 17px;
  margin-top: 18px;
  line-height: 1;
  color: #3A4963;
}
.content-title-wrap {
  display: flex;
  justify-content: space-around;
  padding: 40px 78px;
}
.title-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 54px;
  color: #030303;
  font-size: 20px;
  border-radius: 30px;
  overflow: hidden;
  background: url(../images/xman-peng/post-title-bg.png) no-repeat;
  background-size: cover;
  background-position: 0 54px;
  transition: background-position 0.2s;

}
.title-item.active {
  background: url(../images/xman-peng/post-title-bg.png) no-repeat;
  color: #FFF;
  background-position: center;
}
.title-item.active .item-icon {
  display: block;
}
.title-item .item-icon {
  display: none;
  margin-right: 10px;
  width: 28px;
  height: 28px;
}
.title-item .item-icon-2 {
  width: 24px;
  height: 28px;
}
.title-item .item-icon-3 {
  width: 28px;
  height: 28px;
}
.content-wrap {
  display: flex;
  justify-content: space-between;
  height: 810px;
  background: url(../images/xman-peng/conten-bg-post.png) no-repeat;
  background-size: cover;
  padding: 83px 45px 0 56px;
  box-sizing: border-box;
}
.content-right {
  position: relative;
  width: 575px;
  height: 630px;
  overflow: hidden;
}
.content-right .content-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
}
.content-right .content-img.active {
  opacity: 1;
}
.content-left {
  display: flex;
  line-height: 1;
  padding-top: 80px;
}
.left-line {
  margin-right: 36px;
  height: 420px;
  width: 1px;
  background: url(../images/xman-peng/544.png) no-repeat;
  background-size: cover;
}
.left-title-wrap .left-title-item {
  margin-bottom: 36px;
  position: relative;
}
.left-title-item::after {
  position: absolute;
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d2dbfa;
  left: -41px;
  top: 8px;
}
.left-title-item.active::after {
  position: absolute;
  content: '';
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: url(../images/xman-peng/cirlle-dot.png) no-repeat;
  background-size: cover;
  left: -46px;
  top: 3px;
}
.left-title-item .item-main-title {
  margin-bottom: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 24px;
  color: #030303;
  opacity: 0.6;
  transition: all 0.3s;
}
.left-title-item .item-sub-title {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #030303;
  line-height: 30px;
  opacity: 0.4;
  transition: all 0.3s;
}
.left-title-item.active .item-main-title {
  color: #252525;
  opacity: 1;
}
.left-title-item.active .item-sub-title {
  opacity: 1;
}
.left-title-item.active .title-blue {
  color: #314EFB;
}
/* 第二块end */
/* 第三块 */
.dianping {
  height: 1000px;
  padding-top: 130px;
  box-sizing: border-box;
  background: url(../images/xman-peng/dianping-bg.png) no-repeat;
  background-size: cover;
}
.dianping .content-title-wrap{
  justify-content: center;
}
.dianping .content-title-wrap .title-item{
  margin: 0 40px;
}
.dianping .content-wrap {
  position: relative;
  background: none;
  height: 500px;
  width: 1300px;
  padding: 0;
} 
.dianping .swiper-container {
  width: 902px;
  height: 424px;
  /* overflow: hidden; */
}
.dianping .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
  opacity: 0.5;
}
.dianping .swiper-slide .slide-img {
  display: none;
}
.dianping .swiper-slide .color-blue {
  color: #030303;
}
.dianping .swiper-slide-active .slide-img {
  display: block;
}
.dianping .swiper-slide-active .color-blue {
  color: #314EFB;
}
.dianping .swiper-button-prev {
	width: 54px;
	height: 54px;
	background: url(../images/xman-peng/swiper-button-prev.png) no-repeat;
	background-size: 100%;
}


.dianping .swiper-button-next {
	width: 54px;
	height: 54px;
	background: url(../images/xman-peng/swiper-button-next.png) no-repeat;
	background-size: 100%;
}


.dianping .swiper-pagination {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);

}
.dianping .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #DDE2E5;
	width: 44px;
	height: 4px;
  border-radius: 2px;
}

.dianping .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: url(../images/xman-peng/swiper-pagination-bullet.png) no-repeat;
  background-size: cover;
}
.dianping .slide-content {
  position: relative;
  width: 704px;
  height: 272px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px rgba(148,148,148,0.1);
  border-radius: 15px;
  padding: 115px 60px;
  box-sizing: border-box;
  text-align: left;
}
.slide-img {
  position: absolute;
  display: block;
  top: -76px;
  right: 60px;
  width: 326px;
  height: 460px;
}
.slide-text {
  margin-bottom: 15px;
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 24px;
  color: #030303;
}
.color-blue {
  color: #314EFB;
}
.slide-desc {
  width: 200px;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #030303;
  line-height: 30px;
}
.dianping .swiper-slide-active, .dianping .swiper-slide-duplicate-active{
  transform: scale(1);
  opacity: 1;
}
/* 第三块end */
/* 第四块 */
.lingjuan {

}
.lingjuan-content {
  display: flex;
  justify-content: center;
}
.lingjuan-item {
  position: relative;
  margin: 68px 19px 130px;
  width: 550px;
  height: 160px;
  background: url(../images/xman-peng/lingjuan-bg.png) no-repeat;
  background-size: cover;
  padding: 50px 40px;
  box-sizing: border-box;
}
.lingjuan-item .item-title{
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 24px;
  color: #030303;
  line-height: 30px;
  margin-bottom: 10px;
}
.lingjuan-item .item-desc{
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #030303;
  line-height: 30px;
}
.lingjuan-item .item-img {
  position: absolute;
  top: -20px;
  right: 10px;
  width: 110px;
  height: 121px;
}
/* 第四块end */
/* 第五块 */
.tuangou {

}
.tuangou-content {
  margin: 74px auto 130px;
  width: 1300px;
  height: 920px;
  background: url(../images/xman-peng/tuangou-bg.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
.tuangou-content-title {
  margin-top: 69px;
  margin-bottom: 20px;
  text-align: center;
}
.tuangou-content-title .peng {
  margin-right: 12px;
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(83deg, #29C0FB, #5487F9, #7f65ee);
  border-radius: 20px;
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 24px;
  color: #FFFFFF;
}
.tuangou-content-title .gradient {
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 24px;
  color: #030303;
  line-height: 30px;
  background: linear-gradient(83deg, #F16EA2 0%, #000000 0%, #8427FC 0%, #EB94C1 0%, #EA7416 0%, #EA7416 0%, #EA7416 0%, #EA7416 0%, #872DFF 0%, #29C0FB 0%, #5487F9 39.9658203125%, #BC4DF5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tuangou-content-desc {
  margin-bottom: 61px;
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #030303;
  line-height: 30px;
}
.tuangou-img {
  display: block;
  width: 819px;
  height: 652px;
  margin: 0 auto;
}
/* 第五块end */
/* 第六块 */
.zhineng {
  margin-bottom: 152px;
}
.zhineng-content {
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
.zhineng-item {
  margin: 0 19px;
  display: flex;
  width: 550px;
  height: 160px;
  padding: 40px 45px;
  box-sizing: border-box;
  background: url(../images/xman-peng/lingjuan-bg.png) no-repeat;
  background-size: cover;
}
.zhineng-item .item-img {
  width: 80px;
  height: 70px;
  margin-right: 20px;
}
.zhineng-item .item-title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 24px;
  color: #030303;
  line-height: 30px;
  margin-bottom: 10px;
}
.zhineng-item .item-desc {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #030303;
  line-height: 30px;
}
/* 第六块end */
/* 第七块 */
.youshi {
  padding-top: 108px;
  box-sizing: border-box;
  background: url(../images/xman-peng/youshi-bg.png) no-repeat;
  background-size: cover;
}
.youshi-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1300px;
  margin: 70px auto 130px;
}
.youshi-item {
  position: relative;
  width: 420px;
  height: 520px;
  background: url(../images/xman-peng/youshi-bg-1.png) no-repeat;
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 65px;
}
.youshi-item-2 {
  background: url(../images/xman-peng/youshi-bg-2.png) no-repeat;
  background-size: cover;
}
.youshi-item-3 {
  background: url(../images/xman-peng/youshi-bg-3.png) no-repeat;
  background-size: cover;
}
.youshi-item-4 {
  background: url(../images/xman-peng/youshi-bg-4.png) no-repeat;
  background-size: cover;
}
.youshi-item-5 {
  background: url(../images/xman-peng/youshi-bg-5.png) no-repeat;
  background-size: cover;
}
.youshi-item-6 {
  background: url(../images/xman-peng/youshi-bg-6.png) no-repeat;
  background-size: cover;
}
.left-top-txt {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 36px;
  line-height: 36px;
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  background: url(../images/xman-peng/left-top-bg.png) no-repeat;
  background-size: cover;
  transition: all 0.3s ease-in-out;
}
.youshi-item:hover .left-top-txt  {
  opacity: 1;
}
.youshi-top-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 76px 40px;
  box-sizing: border-box;
}
.youshi-item .item-img {
}
.top-content-title {
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 24px;
  color: #030303;
  line-height: 1;
  margin-bottom: 22px;
}
.item-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(224, 234, 252, 0.4);
  transition: all 0.3s ease-in-out;
}
.youshi-item:hover .item-mask {
  background: none;
}
.youshi-item:hover .top-content-title {
  color: #252525;
  background: linear-gradient(83deg, #F16EA2 0%, #000000 0%, #8427FC 0%, #EB94C1 0%, #EA7416 0%, #EA7416 0%, #EA7416 0%, #EA7416 0%, #872DFF 0%, #29C0FB 0%, #5487F9 39.9658203125%, #BC4DF5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top-content-desc {
  margin-bottom: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #030303;
  line-height: 30px;
}
.consult {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #030303;
  line-height: 20px;
  opacity: 0.6;
  cursor: pointer;
}
.youshi-item:hover .consult {
  color: #4E6AFF;
  opacity: 1;
}
.consult span {
  display: inline-block;
  width: 12px;
  height: 10px;
  background: url(../images/xman-peng/right-arrow-unactive.png) no-repeat;
  background-size: cover;
}
.youshi-item:hover .consult span {
  background: url(../images/xman-peng/right-arrow.png) no-repeat;
  background-size: cover;
}
/* 第七块end */
/* 第八块 */
.hangye {}
.hangye-content-wrap {
  width: 1300px;
  margin: 70px auto 160px;
}
.hangye-content {
  display: flex;
  justify-content: space-between;
}
.hangye-item {
  position: relative;
  width: 170px;
  height: 98px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 56px;
}
.hangye-content.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hangye-content.flex-center .hangye-item {
  margin: 0 9px;
}
.hangye-img {
  display: block;
  width: 170px;
  height: 98px;
}
.hangye-item .item-mask {
  opacity: 0;
  text-align: center;
  line-height: 98px;
  color: #fff;
  background: rgba(0, 0, 0, .3);
  transition: all 0.3s ease-in-out;
}
.hangye-item:hover .item-mask {
  opacity: 1;
}
/* 第八块end */
.advisory img {
  display: block;
  width: 100%;
  cursor: pointer;
}

.zixun-model-wrap {
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0%;
  left: 0;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.canzan-wx-wrap {
  width: 574px;
  border-radius: 16px;
  padding: 58px 0 63px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-287px) translateY(-208px);
  background: url("/v2/images/zixun-model-bg.png") no-repeat;
  text-align: center;
  position: relative;
}
.zixun-model-wrap .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.zixun-model-wrap .cz-logo {
  width: 77px;
  height: 40px;
}
.zixun-model-wrap h3 {
  font-size: 24px;
  line-height: 24px;
  margin-top: 30px;
}
.zixun-model-wrap .center-tips {
  font-size: 16px;
  line-height: 26px;
  margin-top: 16px;
  color: #333;
}
.zixun-model-wrap .center-tips span {
  font-weight: bold;
}
.zixun-model-wrap .erwei-img {
  width: 192px;
  height: 192px;
  margin-top: 27px;
}
.zixun-model-wrap .bottom-tips {
  font-size: 12px;
  line-height: 20px;
  margin-top: 24px;
  color: #616368;
}