body {
  font-family: PingFang SC;
  font-style: normal;
  min-width: 1200px;
}
@font-face {
  font-family: 'barlow';
  src: url('../fonts/Barlow-Medium.otf'), url('../fonts/Barlow-SemiBold.otf');
}
.fg-header .entry {
  background: none;
  width: 1200px;
  max-width: unset;
  margin: auto;
}
.fg-header,
.fg-header .entry {
  background: none;
}
.fg-header-sy, .fg-header .entry {
  background: rgba(255, 255, 255, 0.9);
}
.fg-header.headerScroll .entry{
  background:none;
}
.fg-header.headerScroll{
  background: rgba(255, 255, 255, 0.9)!important;
  backdrop-filter: blur(12px);
  box-shadow:none;
}
.fg-header .logo {
  float: left;
  margin-top: 20px;
}
.fg-header .logo a {
  display: block;
  width: 180px;
  height: 50px;
  margin-right: 18px;
  padding-top: 0;
}
.fg-header .logo img{
  width: 180px;
  height: 50px;
}
.fg-header .logo a::before,
.fg-header.headerScroll .logo a::before  {
  display:none;
}
.fg-header .header-nav li{
  padding:32px 14px;
  float:left;
}
.fg-header .header-nav a{
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
.fg-header .header-nav a.active {
  color:#52C41A !important;
}
.fg-header .header-nav a:hover,
.fg-header .header-nav a.active,
.fg-header .header-nav a:active{
  color:#52C41A !important;
}
.fg-container .btn {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 10px 16px;
  font-size: 14px;
  border-radius: 4px;
}
.fg-container .btn:active {
  opacity: 0.8;
}
.fg-container .btns-version {
  background: #EEF9E8;
  border: 1px solid #BAE7A3;
  border-radius: 76px;
  color: #52C41A !important;
  margin-left:32px;
  width: 176px;
  height: 66px;
  line-height:66px;
  display:inline-block;
  font-weight: 600;
  font-size: 24px;
}
.fg-container .btns-version:hover {
  background: rgba(186, 231, 163, 0.6);
  color: #fff;
}
.fg-container .btn.btn-primary {
  background:  rgba(82, 196, 26, 1);
  border:none;
  color: #fff !important;
}
.fg-container .btn.btn-primary:hover {
  background: rgba(82, 196, 26, 0.6);
  border-color: rgba(82, 196, 26, 0.6);
  color: #fff;
}
.fg-container .btn.round {
  border-radius: 99px;
}
.fg-container .btn.btn-primary.empty {
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 99px;
  color: #666 !important;
  padding: 14px 24px;
  box-sizing:border-box;
}
.fg-container .btn.btn-primary.plain {
  background: #fff;
  color: #666;
  border-color: #EAEAEA;
}
.fg-container .btn.btn-primary.empty:hover {
  border: 1px solid #52C41A;
  color: #52C41A !important;
}
.fg-header .header-btn{
  float:right;
  margin-top:26px;
}
.fg-header .user-info-wrap{
  display: flex;
  align-items: center;
}
.fg-header .user-info-base{
  display: flex;
  align-items: center;
  position: relative;
}
.fg-header .user-info-base .iconpark-icon{
  width: 16px;
  height: 16px;
  color: #D9D9D9;
  margin-left: 8px;
}
.fg-header .user-info-base:hover .iconpark-icon{
  transform: rotate(180deg);
  transition: all 0.2s;
}
.fg-header .user-info-base .user-info-opt-btns{
  display: none;
}
.fg-header .user-info-base .user-info-opt-btns::before{
  content: '';
  position: absolute;
  width: 120px;
  height: 50px;
  top: -44px;
}
.fg-header .user-info-base .user-info-opt-btns{
  position: absolute;
  top: 44px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.fg-header .user-info-base:hover .user-info-opt-btns{
  display: block;
}
.fg-header .user-info-base li {
  padding: 10px 0px;
  width: 120px;
  height: 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 0;
}
.fg-header .user-info-base li a{
  margin-left: 0;
  height: auto;
  border-radius: 0;
  display: inline-block;
  padding:0;
}
.fg-header .user-info-base li a:hover{
  color: #52C41A;
}
.fg-header .user-name{
  margin-left: 8px;
  max-width: 82px;
  display:-webkit-box;
  -webkit-box-orient:vertical;/*设置方向*/
  -webkit-line-clamp:1;/*设置超过为省略号的行数*/
  overflow:hidden;
  color: #000;
}
.fg-header .user-avatar{
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
 .fg-header .header-btn .workbenchBtn{
  padding: 9px 16px;
  width: 90px;
  height: 32px;
  background: #52C41A;
  border-radius: 4px;
  display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
 }
 .fg-header .header-btn .workbenchBtn:hover{
  background: #52c41a!important;
  border-color: #52c41a!important;
  color: #fff!important;
  opacity: 0.85;
 }
 .fg-header .header-btn a{
   margin-left:16px;
   height: 32px;
   border-radius: 99px;
   display:inline-block;
   padding: 9px 16px;
 }
 .fg-header .btn-apply{background: #52C41A;}
 .fg-header .btn-apply{
   background: #FFFFFF;
   border: 1px solid #EAEAEA;
   box-sizing: border-box;
 }
 /* .pagebody-v3 .header-v3{
   background:none !important;
 } */
.pagebody-v3 .header-v3{
  box-shadow: none;
}
.section-coreFunction {
  height: 1606px;
}
.fg-container .entry {
  background: none;
  width: 1200px;
  min-width: 1200px;
  max-width: unset;
  margin: auto;
}
.section {
  width: 1200px;
  min-width: 1200px;
  margin: auto;
}
.section-subtitle{
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  color: #999999;
  text-align: center;
  padding:80px 0 8px;
}
.section-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 67px;
  color: #000;
  text-align: center;
}

/*banner*/
.index-wrapper {
  background: url(../images/bg-banner.png) no-repeat top center;
  background-size: 1920px 600px;
}
.section-banner .section {
  position: relative;
  margin: auto;
  height: 600px;
  overflow:height;
}
.section-banner .banner-patch{
  width:809px;
  height:600px;
  display:inline-block;
  position:absolute;
  left:502px;
  top:0;
}
.index-banner .banner-patch{
  opacity: 0;
  transform: translateX(-50px);
  transition: all .5s linear;
}
.index-banner .banner-patch.fadeOut{
  opacity: 0;
  transform: translateX(50px);
  transition: all .5s linear;
}
.index-banner .banner-patch.fadeIn.active{
  opacity: 1;
  transform: translateX(0px);
  transition: all .5s linear;
}
.section-banner .banner-patch img{
  width:100%;
  height:100%;
}
/* .section-banner .banner-patch1{
  animation:b1 2s  infinite;} */
.section-banner .banner-patch2{
  width:837.5px;
  height:556px;
  left: 522px;
  top: 44px;
  /* animation:b2 2s  infinite; */
}
.section-banner .banner-patch3{
  width:848px;
  height:595px;
  left: 540px;
  top: 5px;
  /* animation:b3 2s  infinite; */
}

.section-banner .intro {
  position: absolute;
  left: 0;
  top: 168px;
}
.section-banner .intro h1 {
  font-weight: 600;
  font-size: 52px;
  line-height: 1.6;
  color: #000;
  margin-bottom:12px;
}
.section-banner .intro h3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.6;
  color: #000;
  margin-bottom: 64px;
}
.section-banner .intro h4 {
  margin: -24px 0 56px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #666666;
}
.section-banner .intro .btn {
  padding: 24px 40px;
  font-size: 24px;
  line-height: 18px;
  width: 176px;
  height: 66px;
  border-radius: 76px;
  display: flex;
  align-items: center;
}
.section-banner .banner-patch6{
  width:809px;
  height:600px;
  display:inline-block;
  position:absolute;
  left:522px;
  top:0;
  animation:b1 8s  infinite;}
.section-banner .banner-patch5{
  width:838px;
  height:556px;
  left: 522px;
  top: 44px;
  animation:b2 8s  infinite;
}
.section-banner .banner-patch4{
  width:848px;
  height:595px;
  left: 548px;
  top: 5px;
  animation:b3 8s  infinite;
}
@keyframes b3{
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
 }
 20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
 }
 75% {
    opacity: 0;
    -webkit-transform: translateX(40px);
  }
}
@keyframes b2{
  25% {
    opacity: 0;
    -webkit-transform: translateX(0);
 }
 45% {
    opacity: 1;
    -webkit-transform: translateX(20px);
 }
 75% {
    opacity: 0;
    -webkit-transform: translateX(40px);
  }

}
@keyframes b1{
  50% {
    opacity: 0;
    -webkit-transform: translateX(0);
 }
 65% {
  opacity: 1;
  -webkit-transform: translateX(20px);
}
75% {
    opacity: 0;
    -webkit-transform: translateX(40px);
 }

}
/*users*/
.users-wrapper{
  width:1180px; 
  margin:0 auto;
  background:#fff;
}
.case-list-wrapper {
  margin-top: 20px;
  margin-bottom: 56px;
}
.case-list {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.case-list .case-img {
  width: 140px;
  height: 140px;
}
.case-list .item {
  position: relative;
  flex:1;
  text-align: center;
  cursor: pointer;
}
/* .case-list .item:before {
  width: 140px;
  height: 140px;
  content:"";
  display:inline-block;
  left:0;
  top:0;
} */
/* .case-list .item.item1:before{
  background:url(../images/i-analyse.png) no-repeat;
  background-size:140px 140px;
}
.case-list .item.item2:before{
  background:url(../images/i-counsel.png) no-repeat;
  background-size:140px 140px;
}
.case-list .item.item3:before{
  background:url(../images/i-ad.png) no-repeat;
  background-size:140px 140px;
}
.case-list .item.item1:active:before,
.case-list .item.item1.active:before{
  background:url(../images/i-analyse-hover.gif) no-repeat;
  background-size:140px 140px;
}
.case-list .item.item2:active:before,
.case-list .item.item2.active:before{
  background:url(../images/i-counsel-hover.gif) no-repeat;
  background-size:140px 140px;
}
.case-list .item.item3:active:before,
.case-list .item.item3.active:before{
  background:url(../images/i-ad-hover.gif) no-repeat;
  background-size:140px 140px;
} */
.case-list .item p {
  margin-top: -16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  color: #999;
}
.case-list .item:active p,
.case-list .item.active p{
  color: #000;
}
.users-container .case-list-wrapper .progress-out {
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  background: #F5F5F5;
}

.users-container .case-list-wrapper .progress-inner {
  position: absolute;
  bottom: 0;
  left: 116px;
  width: 160px;
  /* left: 140px;
  width:120px ; */
  height: 3px;
  background: #52C41A;
  transition: all .2s linear;
}
.case-swiper {
  height: 414px;
  margin-bottom:70px;
}
.case-swiper .swiper-slide {
  padding: 0;
  box-sizing: border-box;
}
.case-swiper .case {
  height: 414px;
}
.case-box{ display:flex;}
.case-box .case-box-item1{
  width: 372px;
  height: 300px;
  background: #333638;
  border-radius: 8px;
  padding:27px 32px;
  position:relative;
}
.case-box .case-box-item1.pacth1{
  background:url(../images/patch-chart.png) #333638 no-repeat right top;
  background-size: contain;
}
.case-box .case-box-item1.pacth2{
  background:url(../images/patch-paper.png) #333638 no-repeat right top;
  background-size: contain;
}
.case-box .case-box-item1.pacth3{
  background:url(../images/patch-board.png) #333638 no-repeat right top;
  background-size: contain;
}
.case-box .case-box-item1 h3{
  font-weight: 600;
  font-size: 32px;
  line-height: 1.6;
  color: #FFFFFF;
}
.case-box .case-box-item1 p{font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-align: justify;
  color: #FFFFFF;
  position:absolute;
  bottom:32px;
  right:32px;
  left:32px;
  }
.case-box .case-box-item2{ margin:0 32px;}
.case-box .m32{
  margin-bottom:32px;
}
.case-box .pt34{
  padding-top:34px;
  text-align:center;
}
.case-box .item{
  width: 308px;
  height: 105px;
  background: #F8F8F8;
  border-radius: 8px;
  padding:28px 32px;
  background:url(../images/bg-item.png) #F8F8F8 no-repeat right center;
  cursor:pointer;
}
/* .case-box .item:hover{
  background:url(../images/bg-item-hover.gif) #F8F8F8 no-repeat right center;
  background-size:200px 161px;
} */
.case-box .item-last{
  background: #F8F8F8;
}
.case-box .item-last h3{
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-box .item-last img{
  width: 24px;
  height: 24px;
  background: none;
}
.case-box .item-last:hover img{
  margin-left: 8px;
  transition: all .2s;
}
.case-box .item h3{
  font-weight: 600;
  font-size: 24px;
  line-height: 1.6;
  color: #000000;
  margin-bottom:23px;
}
.case-box .item p{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-align: justify;
  color: #666666;
}
.case-box .item svg{
  font-size:24px;
  width:24px;
  height:24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
.swiper-pagination-bullet {
  width: 60px;
  height: 4px;
  background: #F8F8F8;
  display: inline-block;
  border-radius: 100px;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #52C41A;
  border-radius: 100px;
}
/*application*/
.application-wrapper{
  max-height:960px;
  background:url(../images/bg_application.png) #333638 no-repeat center top;
  background-size:cover;
  margin-bottom:128px;
}
.application-wrapper .section-subtitle,
.application-wrapper .section-title{
  color:#fff;
}
.application-list{ 
  width:1180px; 
  margin:56px auto;}
.application-list ul{
  display:flex;
  margin-bottom:32px;
}
.application-list ul li{
  flex:1;
  width: 372px;
  height: 176px;
  background: #FFFFFF;
  border-radius: 8px;
  padding:32px;
}
.application-list ul li:nth-child(2){
  margin:0 32px;
}
.application-list h3{
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #000000;
  margin-bottom:34px;
}
.application-list p{font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #666666;
  margin-bottom:18px;
  }
.application-list ul li{ 
  position:relative;}
.application-list ul li .patch{
  position:absolute;
  right:12px;
  top:12px;
  width:72px;
  height:72px;
  display:inline-block;
}
.application-list ul li .patch.patch1{
  background:url(../images/i-app-01.png) no-repeat;
  background-size: 72px;
}
.application-list ul li .patch.patch2{
  background:url(../images/i-app-02.png) no-repeat;
  background-size: 72px;
}
.application-list ul li .patch.patch3{
  background:url(../images/i-app-03.png) no-repeat;
  background-size: 72px;
}
.application-list ul li .patch.patch4{
  background:url(../images/i-app-04.png) no-repeat;
  background-size: 72px;
}
.application-list ul li .patch.patch5{
  background:url(../images/i-app-05.png) no-repeat;
  background-size: 72px;
}
.application-list ul li .patch.patch6{
  background:url(../images/i-app-06.png) no-repeat;
  background-size: 72px;
}
.application-ft{
  background:url(../images/bg-app-07.png) #52C41A no-repeat center top;
  padding:56px;
  height: 172px;
  color: #fff;
  text-align:center;
  border-radius:8px;
  background-size: contain;
  box-shadow:
  0.5px 2.9px 3px -11px rgba(82, 196, 26, 0.073),
  1.3px 7.9px 8.3px -11px rgba(82, 196, 26, 0.105),
  3px 19px 19.9px -11px rgba(82, 196, 26, 0.137),
  10px 63px 66px -11px rgba(82, 196, 26, 0.21);
 }
 .application-ft h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 1.6;
  margin-bottom:40px;
 }
 .application-ft p{
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
  letter-spacing: 1;
  opacity:0.8;
 }
/*service*/
.service-wrapper .section-subtitle {
  padding: 64px 0 8px;
}
.service-list{
  padding-top:56px;
}
.service-list dl{
  box-sizing: border-box;
  text-align:center;
  padding: 24px;
  gap: 12px;
  width: 271px;
  height: 225px;
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
  border-radius: 4px;
  display:inline-block;
  margin:0 32px 32px 0;
}
.service-list dl:nth-child(4n){
  margin:0 0 32px 0;
}
.service-list dl dt{
  width: 80px;
  height: 80px;
  display:inline-block;
  margin:0 auto 12px;
}
.service-list dl dt.s1{
  background:url(../images/service-01.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s2{
  background:url(../images/service-02.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s3{
  background:url(../images/service-03.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s4{
  background:url(../images/service-04.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s5{
  background:url(../images/service-05.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s6{
  background:url(../images/service-06.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s7{
  background:url(../images/service-07.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s8{
  background:url(../images/service-08.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s9{
  background:url(../images/service-09.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s10{
  background:url(../images/service-10.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s11{
  background:url(../images/service-11.png) no-repeat;
  background-size: 81px;
}
.service-list dl dt.s12{
  background:url(../images/service-12.png) no-repeat;
  background-size: 81px;
}
.service-list dl dd{font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #666666;}
.service-list dl dd.t{
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  color: #000000;
  margin-bottom:4px;
}
/*superiority*/
.superiority-wrapper{
  padding-bottom:20px;
}
.superiority-wrapper .section-subtitle{
  padding:10px 0 8px;
}
.superiority-wrapper .item-box-01{
  margin:64px 0 32px 0;
}
.superiority-wrapper .item-col{
  width: 478px;
  height: 168px;
  border-radius: 8px;
  display:inline-block;
  padding:44px 48px;
}
.superiority-wrapper .item-01{
  background:url(../images/superiority-01.png)  #FEF7EC no-repeat right top;
  margin-right:32px;
}
.superiority-wrapper .item-02{
  background:url(../images/superiority-02.png)  #EBF5FF no-repeat right top;
}
.superiority-wrapper .item-box-02{
  background:url(../images/superiority-03.png)  #E6FAE0 no-repeat right top;
  border-radius: 8px;
  padding:60px 0;
  text-align:center;
}
.superiority-wrapper .item-box-02 ul{
  display:flex;
}
.superiority-wrapper .item-box-02 li{
  flex:1;
}
.superiority-wrapper .item-box h2{
  font-size: 42px;
  font-weight: 600;
  line-height: 1.6; 
  color: #000000;
  margin-bottom:8px;
}
.superiority-wrapper .item-box h3{
  font-weight: 600;
  font-size: 32px;
  line-height: 1.6; 
  color: #000000;
  margin-bottom:56px;
  }
.superiority-wrapper .item-box p{
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #666666;
  }
/*brand-wrapper*/
.brand-wrapper{  }
.brand-list{ height:400px;}
.brand-container .case-swiper{
  margin-top:60px;
  height:586px;
}
.brand-container .case{
  height:586px; 
}
.brand-container .case1{
  background:url(../images/bg-brand-01.png) #333638 no-repeat center bottom;
  background-size: cover;   
}
.brand-container .case2{
  background:url(../images/bg-brand-02.png) #333638 no-repeat center top;   
  background-size: cover;   
}
.brand-container .case3{
  background:url(../images/bg-brand-03.png) #333638 no-repeat center top;  
  background-size: cover;    
}
.brand-container .case4{
  background:url(../images/bg-brand-04.png) #333638 no-repeat center bottom;  
  background-size: cover;     
}
.brand-container .case5{
  background:url(../images/bg-brand-05.png) #333638 no-repeat center top;   
  background-size: cover;   
}
.brand-container .case6{
  background:url(../images/bg-brand-06.png) #333638 no-repeat center bottom;   
  background-size: cover;   
}
.brand-container .case-list-wrapper .progress-out {
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  background: rgba(255,255,255,0.3);
}
.brand-container .case-list-wrapper .progress-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 196px;
  height: 3px;
  background: #52C41A;
  transition: all .2s linear;
}
.brand-list-wrapper{
  margin: 0;
  z-index: 10;
  position: absolute;
  left:0;
  right:0;
}
.category-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  width:100%;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: 24px;
}
.category-list .item:after{
  content: '';
  width: 200px;
  height: 3px;
  background: #52C41A;
  position: absolute;
  bottom: -25px;
  left: 0;
  transform: scale(0);
  transition: all 0.5s;
}
.category-list .item.active:after{
  transform-origin: center;
  transform: scale(1);
}
.category-list .item {
  position: relative;
  flex:1;
  text-align: center;
  cursor: pointer;
  color:rgba( 255, 255, 255, 0.5);
}
.category-list .item p{
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  margin-top:0;}
.category-list .item.active p,
.category-list .item.active .iconpark-icon{
  color:#fff;
  font-weight: 500;
}
.category-list .item:before{
  content:none;
}
.category-list .item .iconpark-icon{
  width: 42px;
  height: 42px;
  display:inline-block;
  margin:45px 0 10px 0;
  color:rgba( 255, 255, 255, 0.5);
}
.brand-container .brand-box{
  width: 1200px;
  margin: auto;
  padding-top:236px;
}
 
.brand-container .brand-box h3{
  font-weight: 500;
  font-size: 40px;
  line-height: 1.6;
  color: #FFFFFF;
  margin-bottom:32px;
}
.brand-container .brand-box h3:before{
  background:url(../images/i-h3.png) no-repeat center top;
  background-size:44px 44px;
  margin-right:30px;
  width: 44px;
  height: 44px;
  content:"";
  display:inline-block;
  vertical-align: middle;
  margin-top: -12px;
}
.brand-container .brand-box p{
  font-weight: 400;
  font-size: 22px;
  line-height: 1.6;
  color:rgba(255,255,255,0.7);
  margin-bottom:64px;
  padding-left:90px;
}
.brand-container .brand-box .company{
  text-align:right;
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  color:#fff;
}
/*industry-wrapper*/
.industry-wrapper {
  margin-top: 80px;
  text-align: center;
  padding-bottom:70px;
}
.industry-wrapper .btn {
  margin-top: 40px;
}
.industry-list {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

.industry-list .item {
  width: 378px;
  height:286px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  padding:24px;
  margin-right:24px;
}
.industry-list .item:last-child{
  margin-right:0;
}
.industry-list .item a {
  display: block;
  text-align: center;
}
.industry-list .item:hover{
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
}
.industry-list .item a:hover .img img {
  transform: scale(1.1);
}
.industry-list .item .img {
  width: 330px;
  height: 180px;
  border-radius: 4px;
  overflow: hidden;
}
.industry-list .item img {
  width: 100%;
  transition: all .1s linear;
}
.industry-list .item h5 {
  margin-top: 24px;
  font-weight: 600;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #000000;
  text-align:left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.industry-list .item p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-align:left;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*apply-box*/
.apply-wrapper{
  height: 368px;
  background: url(../images/bg_trial.png) no-repeat center top;
  background-size:cover;
  text-align:center;
}
.apply-wrapper .apply-box h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.6;
  color: #000000;
  text-align: center;
  padding:72px 0 8px 0;
}
.apply-wrapper .apply-box p{
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #666;
  margin-bottom:54px;
}
.apply-wrapper .apply-box .btn-primary {
  width: 176px;
  height: 66px;
  padding: 22px 40px;
  font-size: 24px;
  border: none;
  margin:0 auto;
}
.apply-wrapper .apply-box .btn-primary:hover {
  color: #fff;
}

/*prdduct*/
.prdduct-analysis{ padding:41px 0;
background:#fff;}
.prdduct-analysis .section-main{
  padding:24px 0;
}
.prdduct-analysis .section-caption{
  width:600px;
  height:420px;
  display:inline-block;
}
.prdduct-analysis .section-element{
  width:580px;
  height:420px;
  display:inline-block;
}
.prdduct-analysis .section-element img{
  width: 100%;
  height:100%;
}
.prdduct-analysis .section-caption h4{
  font-weight: 600;
  font-size: 40px;
  line-height: 1.6;
  color: #000;
  margin:60px 0 32px;
}
.prdduct-analysis .section-caption .t{
  margin:84px 0 32px;
}
.prdduct-analysis .section-caption li{
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #666666;
  margin-bottom:12px;
}
.prdduct-analysis .section-caption li:before{
  width: 5px;
  height: 5px;
  background: #52C41A;
  border-radius:100%;
  content:"";
  display:inline-block;
  vertical-align: middle;
  margin-right:12px;
}
.prdduct-analysis .section-caption-right{
  width:380px;
  float:right;
}

/*hot-rank-wrapper*/
.hot-rank-wrapper{
  background:url(../images/bg-rank.png) no-repeat center top;
  background-size:cover;
  height:700px;
}
.hot-rank-wrapper .top-bar{ text-align:center; margin-bottom:56px;}
.hot-rank-wrapper .top-bar h3{
  font-weight: 600;
  font-size: 42px;
  line-height: 160%;
  color: #000000;
  padding:80px 0 28px 0;
}
.hot-rank-wrapper .rank-type{
  height:34PX;
}
.hot-rank-wrapper .rank-type li{
  font-weight: 500;
  font-size: 24px;
  line-height: 20px;
  color: #333333;
  cursor:pointer;
  display:inline-block;
  position:relative;
}
.hot-rank-wrapper .swiper-slide{
display: flex;
    justify-content: center;
    transform: translateX(-24px);
}
.hot-rank-wrapper .rank-type li.active{color:#52C41A;}
.hot-rank-wrapper .rank-type li.active:after{ content:"";position:absolute;bottom:-14px;left:0;width:100%;height:2px;background:#52C41A}
.hot-rank-wrapper .rank-type li:not(:last-child){margin-right:40px}
.hot-rank-swiper{width:100%;margin:auto; -webkit-box-sizing:border-box;box-sizing:border-box}
.hot-rank-swiper .swiper-wrapper{width:1160px;margin:auto}
.hot-rank-swiper .swiper-slide{width:100%}
.hot-rank-swiper .item-list li{float:left;width:192px;height:320px;padding:0 16px;
  -webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;
  /* -webkitbox-shadow: 0px 4px 120px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 120px rgba(0, 0, 0, 0.08); */
  border-radius:8px;overflow:hidden;-webkit-transition:all .2s linear;transition:all .2s linear}
.hot-rank-swiper .item-list li.active{float:left;width:400px}
.hot-rank-swiper .item-list li>div{width:160px;padding:36px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.hot-rank-swiper .item-list .ls{-webkit-transition:all .2s linear;transition:all .2s linear;float:left;text-align:center;height:100%;overflow:hidden}
.hot-rank-swiper .item-list li:not(:last-child){margin-right:24px}
.hot-rank-swiper .item-list .rs{-webkit-transition:all .2s linear;transition:all .2s linear;float:left;height:100%;padding-left:30px; width:190px; -webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.hot-rank-swiper .item-list .avatar{width:100px;height:100px;border-radius:50%; margin-top:14px;}
.hot-rank-swiper .item-list .avatar-2{width:100px;height:100px;border-radius:8px; margin-top:14px;}
.hot-rank-swiper .item-list .u-name{
  margin-top:12px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.6;
  text-align: center;
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.hot-rank-swiper .item-list .u-name-2{
  font-weight: 600;
  font-size: 18px;
  max-width:160px;
  height:58px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.hot-rank-swiper .item-list .rank-classify{
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #52C41A;
  margin-top:24px;
  background: #DCF3D1;
  border-radius: 4px;
  padding:8px;
  display:inline-block;
  }
  .hot-rank-swiper .item-list .rank-classify-2{
    margin-top:16px;
  }
.hot-rank-3 .hot-rank-swiper .item-list .rs{
  padding:72px 0 36px 30px;
}
.hot-rank-swiper .data-item{-webkit-animation-delay:0;animation-delay:0}
.hot-rank-swiper .data-item .label{font-size:16px;font-weight:400;color:#666;line-height:1.6}
.hot-rank-swiper .data-item .data{font-family: 'barlow';font-size:28px;font-weight:600;color:#000;line-height:1.6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;}
/* .hot-rank-swiper .data-item .data.up{color:#f03d3d} */
.hot-rank-swiper .data-item .data .arrow-up{-webkit-transform:translateY(-2px);transform:translateY(-2px);display:inline-block;font-size:28px;vertical-align:middle}
.hot-rank-swiper .data-item:not(:last-child){margin-bottom:16px}

.hot-rank-pr {
  width: 1200px;
  /* -webkit-transform: translateX(-100px);
  transform: translateX(-100px); */
  position: relative;
  height: 320px;
  overflow:hidden;
}
.hot-rank-pr .hot-rank-box.hidden {
  top: -99999px;
  left: -99999px;
}
.hot-rank-pr .hot-rank-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.hot-rank-pr .swiper-button-next,.hot-rank-pr .swiper-button-prev{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image:none;
}
.hot-rank-pr .swiper-button-next:hover .iconpark-icon,.hot-rank-pr .swiper-button-prev:hover .iconpark-icon{
  color: #52C41A;
}
.hot-rank-pr .swiper-button-prev.swiper-button-disabled,.hot-rank-pr .swiper-button-next.swiper-button-disabled{
  opacity: .60;
}
.hot-rank-pr .swiper-button-next .iconpark-icon,.hot-rank-pr .swiper-button-prev .iconpark-icon{
  width: 24px;
  height: 24px;
  color: #BCBCBC;
}
.hot-rank-pr .swiper-button-next{right:0;margin-top:-20px;}
.hot-rank-pr .swiper-button-prev{left:0;margin-top:-20px;}
.hot-rank-pr .swiper-button-next ,
.hot-rank-pr .swiper-button-prev{background-color: #fff;
  width: 48px;
  height: 48px;
  border-radius:100%;
  box-shadow: 0px 4px 120px rgba(0, 21, 36, 0.08);
  }
/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image: url(../images/p-arrow.png);
  background-size:7px;
  background-position: 22px center;
  -webkit-transform:rotate(-180deg);transform:rotate(-180deg);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image: url(../images/p-arrow.png);
  background-position: 22px center;
  background-size:7px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: .65;
  background-image: url(../images/p-arrow-r.png);
  background-position: 22px center;
  background-size:7px;
} */
.hot-rank-next.swiper-button-disabled,.hot-rank-prev.swiper-button-disabled{display:none}
.hot-rank-next,.hot-rank-prev{background-image:unset}
.hot-rank-swiper .arrow-left{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.hot-rank-swiper .arrow-left,
.hot-rank-swiper .arrow-right{
  color: #BCBCBC;
  font-size: 16px;
}
.hot-rank-swiper .arrow-left:hover,.hot-rank-swiper .arrow-right:hover{color:#52C41A}
.hot-rank-swiper-pagination-wrapper .arrow-left{display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#838383;cursor:pointer;line-height:20px;font-size:20px}
.hot-rank-swiper-pagination-wrapper .arrow-right{display:inline-block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);color:#838383;cursor:pointer;line-height:20px;font-size:20px}
.hot-rank-swiper-pagination-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:55px;padding-top:28px}
.hot-rank-swiper-pagination{padding:0 10px}.hot-rank-swiper-pagination .swiper-pagination-bullet:not(:last-child){margin-right:16px}
.hot-rank-swiper-pagination-wrapper .iconarrow-down1.disabled{cursor:not-allowed;color:#f0f0f0}

/*ability*/
.ability-wrapper{text-align: center;}
.ability-wrapper .ability-list{ margin:0 auto 100px;}
.ability-wrapper h3{
  font-weight: 600;
  font-size: 42px;
  line-height: 160%;
  color: #000000;
  text-align:center;
  padding:80px 0 56px 0;
 
}
.ability-item{
  width: 196px;
  height: 566px;
  background: #FFFFFF;
  border:1px solid #eee;
  text-align: center;
  cursor: pointer;
  display:inline-block;
  position:relative;
  margin: 0 -3px;
  box-sizing: border-box;
  padding:0 32px;
}
/* .ability-item:hover{ width: 400px;} */
.ability-item.active{ width: 400px;}
.ability-item .ability-item-current{display:none;}
/* .ability-item:hover .ability-item-current,
.ability-item:active .ability-item-current, */
.ability-item.active .ability-item-current{display:block;} 
.ability-item.active{
width: 400px;
}
.ability-item-default .iconpark-icon{ 
  font-size:32px; color:#333333;
  width: 32px;
  height: 32px;
  margin:196px 0 22px 0;}
.ability-item-default h4{font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
  margin-bottom:20px;}
.ability-item-default p{
  text-align:left;
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
}
.ability-item-current .t{
  width: 366px;
  height: 32px;
  left: 0px;
  top: 0px;
  background:url(../images/shadow.png) #52C41A;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  padding:16px;
  text-align:left;
}
.ability-item-current .t .iconpark-icon{
  display: inline-block;
  vertical-align: middle;
  margin: -6px 8px 0 0;
  color:#fff;
  font-size:32px;
  width: 32px;
  height: 32px;
}
.ability-item .ability-item-current{
  background: #fff;
  width: 400px;
  height: 566px;
  z-index: 3;
  opacity: 1;
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #52C41A;
  box-sizing: border-box;
}
.ability-item-1,
.ability-item-current-1{
  border-radius: 8px 0px 0px 8px;}
.ability-item-current-1 .t{
    border-radius: 8px 0px 0px 0;}
.ability-item-5,
.ability-item-current-5{
  border-radius: 0 8px 8px 0;}
.ability-item-current-5 .t{
    border-radius: 0 8px 0 0;}
.ability-item-current .c{
  padding:32px;
}
.ability-item-current .c img{
  width: 336px;
  height: 336px;
}
.ability-item-current p{
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #000000;
  text-align:left;
}
.ability-item-current .btn-primary{
  font-weight: 500;
  font-size: 20px;
  padding:10px 19px;
}
/*data-report*/
.data-report-wrapper{}
.section-info {
  padding: 0 0 80px;
}
.section-info .block {
  width: 566px;
  margin-right: 60px;
  float: left;
}
.section-info .block:last-child {
  margin-right: 0;
}
.report-list .report-t {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.6;
  color: #333333;
  padding: 0 0 24px;
}
.report-list .report-t .more {
  float: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  margin-top:8px;
  display: flex;
  align-items: center;
}
.report-list .report-t .more .iconpark-icon {
  width: 14px;
  height: 14px;
  content: "";
  display: inline-block;
  margin-left: 4px;
}
.report-list .report-t .more:hover{
  color: #333;
}
.report-list .report-c {
  clear: both;
  margin-bottom:24px;
}
.report-list .report-c dt {
  width: 164px;
  height: 100px;
  margin-right: 16px;
  background: #eee;
  float: left;
  border-radius: 4px;
}
.report-list .report-c dt img {
  width: 164px;
  height: 100px;
  border-radius: 4px;
}
.report-list .report-c dd {
  width:386px;
  font-size: 12px;
  font-weight: 400;
  color:#999999;
  line-height: 1.6;
  float: left;
}
.report-list .report-c dd a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.report-list .report-c dd a:hover{
  text-decoration: underline;
}
.report-list .report-c dd p {
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.report-list .report-c dd .time {
  color:#999999;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.report-list .report-c dd .time .iconpark-icon {
  width: 14px;
  height: 14px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
}
.block-report li {
  width: 100%;
  position: relative;
  line-height: 1.6;
  margin-bottom: 32px;
}
.block-report li:last-child{
  margin-bottom: 0;
}
.block-report li a {
  cursor: pointer;
  width: 400px;
  color: #000;
  font-size: 16px;
}
.block-report li a .t {
  width: 460px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 16px;
}
.block-report li a .time {
  float: right;
  color: #999;
  font-size: 12px;
  padding-top: 3px;
}
.block-report li a .t:hover {
  text-decoration: underline;
}
.block-report li::before {
  width: 4px;
  height: 4px;
  background:#BCBCBC;
  border-radius: 100%;
  content: "";
  display: inline-block;
  margin-right: 12px;
  position: absolute;
  top: 12px;
  left: 0;
}




/*section-banner*/
.section-banner{
  overflow: hidden;
}
.section-banner .section {
  position: relative;
  margin: auto;
  height: 600px;
}
.banner-wrapper .section-banner .intro {
  position: absolute;
  left: 0;
  top: 174px;
}
.banner-wrapper .section-banner .intro h1 {
  font-weight: 600;
  font-size: 52px;
  line-height: 160%;
  color: #000000;
}
.banner-wrapper .section-banner .intro h3 {
  margin-top: 4px;
  font-weight: 500;
  font-size: 32px;
  line-height: 160%;
  color: #000000;
}
.banner-wrapper .section-banner .intro h4 {
  margin: -24px 0 56px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #666666;
}
.banner-wrapper .section-banner .intro .btn {
  margin-top: 56px;
  padding: 24px 40px;
  font-size: 24px;
  line-height: 18px;
  width: 176px;
  height: 66px;
  border-radius: 76px;
  display: flex;
  align-items: center;
}

.consult-wrapper .section-banner {
  background: url(../images/banner-consult.png) no-repeat,
  url(../images/website/bg-banner.png) no-repeat;
  background-position: 85% 100%;
  background-size: contain, cover;
}

.btn.btn-primary {
  background: #52c41a;
  border-color: #52c41a;
  color: #fff;
}
.btn {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 10px 19px;
  font-size: 14px;
  border-radius: 4px;
}
.btn.btn-primary:hover {
  background: #4db619;
  color: #fff;
}
.btn.round {
  border-radius: 99px;
}
a {
  text-decoration: none;
  color: #7a8a9a;
  cursor: pointer;
}
.tc {
  text-align: center;
}
.section .intro-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  color: #999999;
}
.section h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 160%;
  color: #000000;
  margin-top: 8px;
}
/* 基于客户真实场景 */
.section-scene {
  margin-top: 80px;
}
.section-scene .section-scene-content {
  width: 1180px;
  height: 381px;
  display: flex;
  align-items: center;
  margin-top: 56px;
}
.section-scene .section-scene-card {
  width: 271px;
  height: 381px;
  border-radius: 8px;
  padding: 28px 32px 32px;
  box-sizing: border-box;
}
.section-scene .section-scene-card + .section-scene-card {
  margin-left: 32px;
}
.section-scene .section-scene-card.section-scene-card1 {
  background: url(../images/section-scene-card1.png) no-repeat, #f0f9e9;
  background-position: right bottom;
  background-size: 202px,132px;
}
.section-scene .section-scene-card.section-scene-card2 {
  background: url(../images/section-scene-card2.png) no-repeat, #ebf5ff;
  background-position: right bottom;
  background-size: 202px,132px;
}
.section-scene .section-scene-card.section-scene-card3 {
  background: url(../images/section-scene-card3.png) no-repeat, #fef7ec;
  background-position: right bottom;
  background-size: 202px,132px;
}
.section-scene .section-scene-card.section-scene-card4 {
  background: url(../images/section-scene-card4.png) no-repeat, #f1edfc;
  background-position: right bottom;
  background-size: 202px,132px;
}

.section-scene .scene-tilte {
  font-weight: 600;
  font-size: 28px;
  line-height: 160%;
  color: #52c41a;
}
.section-scene .scene-intro {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  text-align: justify;
  color: #666666;
  margin-top: 8px;
}
.section-scene ul {
  margin-top: 40px;
}
.section-scene ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  color: #000000;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.section-scene ul li:not(:last-child)::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
.section-scene-card1 .scene-tilte {
  color: #52c41a;
}
.section-scene-card1 ul li:not(:last-child)::before {
  background: #52c41a;
}

.section-scene-card2 .scene-tilte {
  color: #457df6;
}
.section-scene-card2 ul li:not(:last-child)::before {
  background: #457df6;
}

.section-scene-card3 .scene-tilte {
  color: #f09908;
}
.section-scene-card3 ul li:not(:last-child)::before {
  background: #f09908;
}

.section-scene-card4 .scene-tilte {
  color: #754ee5;
}
.section-scene-card4 ul li:not(:last-child)::before {
  background: #754ee5;
}

/* 报告案例 */
.section-report {
  margin-top: 100px;
}
.section-report h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 160%;
  color: #000000;
  text-align: center;
  margin-bottom: 56px;
}
.section-report .section-report-content {
  /* height: 598px; */
  background: #f5f5f5;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 32px;
}
.section-report .section-report-card-wrap {
  border-radius: 8px;
  background: #fff;
  height: 638px;
}
.section-report .swiper-wrapper img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.section-report .swiper-tools {
  width: 200px;
  height: 44px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 99px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 32px;
  box-sizing: border-box;
}
.section-report .swiper-tools .iconpark-icon {
  width: 24px;
  height: 24px;
  color: #fff;
  cursor: pointer;
}
.section-report .swiper-tools .iconpark-icon:hover {
  opacity: 0.7;
}
.section-report .swiper-tools .iconpark-icon + .iconpark-icon {
  margin-left: 24px;
}
/* 其他介绍 */
.consult-other-intro {
  margin-top: 100px;
}
.consult-other-intro .consult-other-intro-wrap {
  height: 580px;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  align-items: center;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-left {
  width: 500px;
  margin-right: 100px;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-left .title {
  font-weight: 500;
  font-size: 40px;
  line-height: 160%;
  color: #333333;
  margin-bottom: 40px;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-left .other-intro-desc1,
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-left .other-intro-desc2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: justify;
  color: #666666;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-left .other-intro-desc2 {
  margin-top: 24px;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-right {
  width: 580px;
  height: 420px;
}
.consult-other-intro .consult-other-intro-wrap .consult-other-intro-content .other-intro-right img{
  width: 100%;
  height: 100%;
}
.consult-other-intro .consult-other-intro-wrap:nth-child(odd) {
  background: #fbfbfb;
}
.consult-other-intro .consult-other-intro-wrap:nth-child(even) .consult-other-intro-content {
  flex-direction: row-reverse;
}
.consult-other-intro .consult-other-intro-wrap:nth-child(even) .consult-other-intro-content .other-intro-left {
  margin-right: 0;
  margin-left: 148px;
}
.consult-other-intro .consult-other-intro-wrap:nth-child(even) .consult-other-intro-content .other-intro-right {
  margin-left: -28px;
}
/* 品牌 */
.section-brand {
  margin-top: 100px;
}
.brand-swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.brand-swiper-container .swiper-wrapper {
  height: 300px;
  margin-top: 12px;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

/* 联系我们 */
.contact-us-section {
  height: 550px;
  /* background: url(../images/bg_trial.png) no-repeat center top;
  background-size: 100% 368px;
  background-position: right bottom; */
  margin-top: 80px;
  position: relative;
}
.contact-us-bg{
      position: absolute;
    height: 368px;
    bottom: 0;
    width: 100%;
    background: url(../images/bg_trial.png) no-repeat center top;
    background-size: cover;
    z-index: -1;
}
.contact-us-wrap {
  width: 1182px;
  height: 434px;
  display: flex;
  align-items: center;
  margin: 16px auto 0;
  border-radius: 8px;
  background: #fff;
}
.contact-us-shadow{
  position: absolute;
  width: 1082px;
  height: 428px;
  left: 50%;
  transform: translateX(-50%);
  top: 35px;
  background: #D9D9D9;
  filter: blur(72px);
  z-index: -1;
}
.contact-us-wrap .contact-us-left {
  width: 537px;
  height: 434px;
  background: #fafafa;
  border-radius: 8px;
  padding: 50px 0 55px 70px;
  box-sizing: border-box;
}
.contact-us-wrap .contact-us-left h2 {
  font-weight: 500;
  font-size: 42px;
  line-height: 160%;
  color: #000000;
  margin-bottom: 4px;
}
.contact-us-wrap .contact-us-left h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  color: #000000;
}
.contact-us-wrap .contact-us-left ul {
  margin-top: 56px;
}
.contact-us-wrap .contact-us-left ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #666;
  display: flex;
  align-items: center;
}
.contact-us-wrap .contact-us-left ul li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  background: #666666;
}
.contact-us-wrap .contact-us-left ul li + li {
  margin-top: 16px;
}
.contact-us-wrap .contact-us-right {
  width: 645px;
  height: 434px;
  background: #fff;
  border-radius: 0 8px 8px 0;
  box-sizing: border-box;
  padding: 40px 50px;
}
.contact-us-wrap .contact-us-right .form-item + .form-item {
  margin-top: 20px;
}
.contact-us-wrap .contact-us-right .label {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #000000;
  margin-bottom: 8px;
}
.contact-us-wrap .contact-us-right .input-cls {
  width: 545px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  outline: none;
  padding-left: 12px;
}
.contact-us-wrap .contact-us-right .input-cls::placeholder {
  font-weight: 400;
  color: #bcbcbc;
}
.contact-us-wrap .contact-us-right .input-cls:focus {
  border: 1px solid #52c41a;
}
.contact-us-wrap .contact-us-right .input-cls::-webkit-outer-spin-button,.contact-us-wrap .contact-us-right .input-cls::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.contact-us-wrap .contact-us-right .submit-btn {
  margin-top: 32px;
  width: 545px;
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 投放 */
.ad-wrapper .section-banner {
  background: url(../images/banner-ad.png) no-repeat,
  url(../images/website/bg-banner.png) no-repeat;
  background-position: 85% 100%;
  background-size: contain, cover;
}
.ad-wrapper .section-banner .intro h1 ,.consult-wrapper .section-banner .intro h1{
  margin-bottom: 4px;
}
.ad-wrapper  .section-banner .intro h3 , .consult-wrapper .section-banner .intro h3 {
  margin-bottom: 40px;
}

.launch-card-wrap {
  margin-top: 80px;
  display: flex;
}
.launch-card-wrap .launch-card-item {
  padding: 0px 16px;
  width: 277px;
  height: 208px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.launch-card-wrap .launch-card-item + .launch-card-item {
  margin-left: 24px;
}
.launch-card-wrap .launch-card-item img {
  width: 100px;
  height: 100px;
  margin-bottom: 24px;
}
.launch-card-wrap .launch-card-item h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 16px;
}
.launch-card-wrap .launch-card-item .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  color: #666666;
}

/* 投放场景 */
.launch-scene-wrap {
  margin-top: 100px;
}
.launch-scene-card-wrap {
  margin-top: 56px;
  display: flex;
  justify-content: center;
}
.launch-scene-card-wrap .launch-scene-card-video-item {
  height: 360px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 24px 32px rgba(167, 167, 167, 0.3);
  border-radius: 24px;
  padding: 10px;
  box-sizing: border-box;
}
/* .launch-scene-card-wrap .launch-scene-card-video-item video {
  position: relative;
  margin: -1px auto 0;
  width: 182px;
  height: 394px;
  border-radius: 16px;
} */
.launch-scene-card-wrap .launch-scene-card-video-item img {
  position: relative;
  margin: -1px auto 0;
  width: 182px;
  height: 340px;
  border-radius: 16px;
}

.launch-scene-card-wrap .launch-scene-card-video-item .launch-gif{
  display: none;
}
.launch-scene-card-wrap .launch-scene-card-video-item:hover .launch-gif{
  display: block;
}
.launch-scene-card-wrap .launch-scene-card-video-item:hover .launch-cover{
  display: none;
}

.launch-scene-card-wrap .launch-scene-card-video-item:hover {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: all 0.2s linear;
}
.launch-scene-card-wrap .launch-scene-card-item {
  width: 202px;
  box-sizing: border-box;
}
.launch-scene-card-wrap .launch-scene-card-item .title {
  text-align: center;
  margin-top: 32px;
}
.launch-scene-card-wrap .launch-scene-card-item .iconpark-icon {
  width: 42px;
  height: 42px;
  color: #000;
}
.launch-scene-card-wrap .launch-scene-card-item p {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #000000;
  margin-top: 20px;
}
.launch-scene-card-wrap .launch-scene-card-item + .launch-scene-card-item {
  margin-left: 80px;
}

/* 服务流程 */
.launch-service-wrap {
  height: 837px;
  background: url(../images/launch-service-bg.png) no-repeat;
  background-size:cover;
  width: auto;
  min-width: auto;
  margin-top: 80px;
  padding-top: 80px;
  box-sizing: border-box;
}

.launch-service-content {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  display: flex;
  margin-top: 56px;
}
.launch-service-content .launch-service-item {
  width: 360px;
  height: 508px;
}
.launch-service-content .launch-service-item .rank {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  color: #000000;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.launch-service-content .launch-service-item .rank1 {
  width: 96px;
  height: 100px;
  background: url(../images/01.png) no-repeat;
  background-size: 82px 73px;
  background-position: center;
}
.launch-service-content .launch-service-item .rank2 {
  width: 102px;
  height: 100px;
  background: url(../images/02.png) no-repeat;
  background-size: 102px 73px;
  background-position: center;
}
.launch-service-content .launch-service-item .rank3 {
  width: 102px;
  height: 100px;
  background: url(../images/03.png) no-repeat;
  background-size: 102px 73px;
  background-position: center;
}
.launch-service-content .launch-service-item .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #666666;
}
.launch-service-content .launch-service-item .launch-service-card {
  width: 360px;
  /* height: 350px; */
  background: #ffffff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  margin-top: 32px;
  padding: 8px;
  box-sizing: border-box;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item {
  padding: 16px;
  width: 344px;
  height: 61px;
  box-sizing: border-box;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item
  .launch-service-card-detail {
  display: none;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item
  .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item
  .title
  span {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #666666;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item
  .title
  .iconpark-icon {
  width: 16px;
  height: 16px;
  color: #bcbcbc;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active {
  height: auto;
  background: #52c41a;
  border-radius: 6px;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active
  .launch-service-card-detail {
  display: block;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active
  .detail-desc {
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  color: #ffffff;
  opacity: 0.6;
  margin-bottom: 32px;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active
  .title
  span {
  color: #fff;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active
  .title
  .iconpark-icon {
  color: #fff;
  transform: rotate(180deg);
  transition: all 0.2s linear;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active
  ul
  li {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #ffffff;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.launch-service-content
  .launch-service-item
  .launch-service-card
  .launch-service-card-item.active
  ul
  li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  background: #fff;
}
.launch-service-content .launch-service-item + .launch-service-item {
  margin-left: 50px;
}

/* 其他 */
.launch-other-wrap {
  height: 540px;
  background: url(../images/launch-other-bg.jpg) #333638 no-repeat center top;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.launch-other-wrap .launch-other-content {
  height: 540px;
  opacity: 0.9;
  background: #333638;
  position: absolute;
  top: 0;
  width: 100%;
}
.launch-other-wrap .launch-other-list {
  width: 320px;
  height: 497px;
  background: linear-gradient(180deg, #333638 0%, rgba(51, 54, 56, 0.7) 100%);
  backdrop-filter: blur(20px);
  border-radius: 8px 8px 0 0;
  padding: 48px 0 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.launch-other-wrap .launch-other-list li {
  font-weight: 500;
  font-size: 22px;
  line-height: 160%;
  color: #fff;
  padding-left: 44px;
}
.launch-other-wrap .launch-other-list li .launch-other-list-name {
  position: relative;
}
.launch-other-wrap .launch-other-list li.active {
  color: #52c41a;
}
.launch-other-wrap .launch-other-list li.active .launch-other-item-content {
  display: block;
}
.launch-other-wrap .launch-other-list li.active .launch-other-list-name::after {
  content: '';
  position: absolute;
  left: -44px;
  top: 50%;
  width: 4px;
  height: 20px;
  background: #52c41a;
  transform: translateY(-50%);
}
.launch-other-wrap .launch-other-list li + li {
  margin-top: 48px;
}
.launch-other-wrap .launch-other-item-content {
  width: 548px;
  margin-left: 120px;
  height: 450px;
  position: absolute;
  top: 66px;
  /* background: rgba(255, 255, 255, 0.6); */
  left: 320px;
  display: none;
}
.launch-other-wrap .launch-other-item-content .desc {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #ffffff;
}
.launch-other-wrap .launch-other-item-content .data-wrap {
  margin-top: 48px;
  display: flex;
  align-items: center;
}
.launch-other-wrap .launch-other-item-content .data-wrap .data-text {
  display: flex;
  flex-direction: column;
  position: relative;
}
.launch-other-wrap
  .launch-other-item-content
  .data-wrap
  .data-text
  span:nth-child(1) {
  font-weight: 600;
  font-size: 80px;
  line-height: 160%;
  color: #ffffff;
  font-family: 'barlow';
}
.launch-other-wrap
  .launch-other-item-content
  .data-wrap
  .data-text
  span:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #ffffff;
  opacity: 0.6;
}
.launch-other-wrap
  .launch-other-item-content
  .data-wrap
  .data-text.data1::after {
  content: '';
  position: absolute;
  width: 32px;
  height: 4px;
  left: 0;
  top: -12px;
  background: #52c41a;
}
.launch-other-wrap .launch-other-item-content .data-wrap .data-text span .unit {
  font-weight: 600;
  font-size: 32px;
  line-height: 160%;
  color: #ffffff;
  margin-left: 8px;
  position: relative;
  top: -4px;
}
.launch-other-wrap .launch-other-item-content .data-wrap .data2 {
  margin-left: 72px;
}
.launch-other-wrap.launch-other-bg2 {
  background: url(../images/launch-other-bg2.jpg)  #333638 no-repeat center top;
  background-size: cover;
}
.launch-other-wrap.launch-other-bg3 {
  background: url(../images/launch-other-bg3.jpg) #333638 no-repeat center top;
  background-size: cover;
}
.launch-other-wrap.launch-other-bg4 {
  background: url(../images/launch-other-bg4.jpg) #333638 no-repeat center top;
  background-size: cover;
}
.launch-other-wrap.launch-other-bg5 {
  background: url(../images/launch-other-bg5.jpg) #333638 no-repeat center top;
  background-size: cover;
}

/* 关于我们 */
.about-wrapper {
  margin-top: 110px;
}
.about-wrapper .section-banner {
  background: url(../images/banner-about.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
  width: 1180px;
  height: 200px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-wrapper .section-banner span {
  font-weight: 600;
  font-size: 40px;
  line-height: 160%;
  color: #ffffff;
}
.about-wrapper .about-tab-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  background: #ffffff;
  margin-top: 16px;
  position: sticky;
  top: 88px;
  z-index: 10;
}
.about-wrapper .about-tab-wrap .tab-item {
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  position: relative;
}
.about-wrapper .about-tab-wrap .tab-item.active:after {
  content: "";
  width: 32px;
  height: 4px;
  background: #52c41a;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.about-wrapper .about-tab-wrap .tab-item + .tab-item {
  margin-left: 64px;
}
.about-wrapper .about-company-intro-wrap{
  height: 484px;
}
.about-wrapper .about-company-intro {
  margin: 48px auto 0;
  width: 1180px;
  height: 384px;
  background: #ffffff;
  box-shadow: 0px 20px 120px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 32px;
  box-sizing: border-box;
  display: flex;
}
.about-wrapper .about-company-intro .about-company-left {
  width: calc(100% - 96px - 320px);
}
.about-wrapper .about-company-intro .about-company-left .title {
  height: 80px;
  background: url(../images/aboutus.png) no-repeat;
  font-weight: 600;
  font-size: 28px;
  line-height: 66px;
  color: #000000;
  display: flex;
  background-size: 472px 72px;
  background-position: 0px 4px;
  padding: 4px 0;
  box-sizing: border-box;
}
.about-wrapper .about-company-intro .about-company-left .about-company-intro-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #666666;
  margin-top: 68px;
  position: relative;
}
.about-wrapper .about-company-intro .about-company-left .about-company-intro-content::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  left: 0;
  top: -34px;
  background: #52c41a;
}
.about-wrapper .about-company-intro .about-company-right {
  margin-left: 96px;
}
.about-wrapper .about-company-intro .about-company-right img{
  width: 320px;
  height: 320px;
}
/* 品牌业务链条 */
.about-brand-wrap {
  height: 743px;
  background: #ffffff;
  padding: 0;
  box-sizing: border-box;
}
.about-brand-wrap .title {
  height: 80px;
  background: url(../images/business.png) no-repeat;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  display: flex;
  background-size: 760px 80px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 760px;
  margin: 0 auto;
}
.about-brand-wrap .desc1 {
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  color: #000000;
  margin-top: 40px;
}
.about-brand-wrap .desc2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: #666666;
  margin-top: 12px;
}
.about-brand-wrap .about-brand-card {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}
.about-brand-wrap .about-brand-card .about-brand-card-item {
  border-radius: 50%;
  width: 380px;
  height: 380px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-brand-wrap .about-brand-card .about-brand-card-item h3 {
  font-weight: 600;
  font-size: 28px;
  line-height: 160%;
  text-align: center;
  color: #000000;
}
.about-brand-wrap .about-brand-card .about-brand-card-item h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #333333;
  margin-top: 32px;
}
.about-brand-wrap .about-brand-card .about-brand-card-item h5 {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #333333;
  margin-top: 20px;
}
.about-brand-wrap
  .about-brand-card
  .about-brand-card-item
  + .about-brand-card-item {
  margin-left: -30px;
}
.about-brand-wrap .about-brand-card .about-brand-card-item1 {
  border: 1px solid #b8f0af;
}
.about-brand-wrap .about-brand-card .about-brand-card-item2 {
  border: 1px solid #ffadad;
}
.about-brand-wrap .about-brand-card .about-brand-card-item3 {
  border: 1px solid #adc9ff;
}

/*superiority*/
.superiority-wrapper {
  padding-bottom: 50px;
  padding-top: 54px;
}
.superiority-wrapper .title {
  height: 80px;
  background: url(../images/technology.png) no-repeat;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  display: flex;
  background-size: 760px 80px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 760px;
  margin: 0 auto;
}
.superiority-wrapper .item-box-01 {
  margin: 64px 0 32px 0;
  display: flex;
}
.superiority-wrapper .item-col {
  width: 478px;
  height: 168px;
  border-radius: 8px;
  display: inline-block;
  padding: 44px 48px;
}
.superiority-wrapper .item-01 {
  background: url(../images/superiority-01.png) #fef7ec no-repeat right
    top;
  margin-right: 32px;
  background-size: 340px;
}
.superiority-wrapper .item-02 {
  background: url(../images/superiority-02.png) #ebf5ff no-repeat right
    top;
  background-size: 340px;
}
.superiority-wrapper .item-box-02 {
  background: url(../images/superiority-03.png) #e6fae0 no-repeat right
    top;
  background-size: 970px;
  border-radius: 8px;
  padding: 60px 0;
  text-align: center;
}
.superiority-wrapper .item-box-02 ul {
  display: flex;
}
.superiority-wrapper .item-box-02 li {
  flex: 1;
}
.superiority-wrapper .item-box h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.6;
  color: #000000;
  margin-bottom: 8px;
  font-family: 'barlow';
}
.superiority-wrapper .item-box h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.6;
  color: #000000;
  margin-bottom: 56px;
}
.superiority-wrapper .item-box p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #666666;
}
/* 企业文化 */
.about-company-culture {
  padding: 54px 0 50px;
  height: 833px;
  box-sizing: border-box;
}
.about-company-culture .title {
  height: 80px;
  background: url(../images/culture.png) no-repeat;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  display: flex;
  background-size: 760px 80px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 760px;
  margin: 0 auto;
}
.about-company-culture .about-company-culture-card {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 1180px;
  margin: 64px auto 0;
}
.about-company-culture .about-company-culture-card .card-item {
  width: 574px;
  height: 211px;
  border-radius: 8px;
  padding: 40px 48px 48px;
  box-sizing: border-box;
}
.about-company-culture .about-company-culture-card .card-item:nth-child(odd) {
  margin-right: 32px;
  margin-bottom: 32px;
}
.about-company-culture .about-company-culture-card .card-item h4 {
  font-weight: 600;
  font-size: 32px;
  line-height: 160%;
  color: #ffffff;
}
.about-company-culture .about-company-culture-card .card-item h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #ffffff;
  margin-top: 20px;
}
.about-company-culture .about-company-culture-card .card-item1 {
  background: url(../images/company-culture-card-icon1.png) no-repeat, linear-gradient(90deg, #ff4163 0%, #ff8096 100%);
  background-position: right 20px;
  background-size: contain;
}
.about-company-culture .about-company-culture-card .card-item2 {
  background: url(../images/company-culture-card-icon2.png) no-repeat, linear-gradient(90deg, #247cff 0%, #6aa6ff 100%);
  background-position: right;
  background-size: contain;
}
.about-company-culture .about-company-culture-card .card-item3 {
  background: url(../images/company-culture-card-icon3.png) no-repeat, linear-gradient(90deg, #8b30ff 0%, #ad6dff 100%);
  background-position: right;
  background-size: contain;
}
.about-company-culture .about-company-culture-card .card-item4 {
  background: url(../images/company-culture-card-icon4.png) no-repeat, linear-gradient(90deg, #63cd0f 0%, #89df45 100%);
  background-position: right;
  background-size: contain;
}
.about-company-culture .desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: #666666;
  margin: 16px auto 0;
  width: 875px;
}
/* 荣誉资质 */
.company-honor-wrap {
  padding-top: 54px;
  padding-bottom: 42px;
  width: 896px;
  margin: 0 auto;
}
.company-honor-wrap .title {
  height: 80px;
  background: url(../images/honour.png) no-repeat;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  display: flex;
  background-size: 760px 80px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 760px;
  margin: 0 auto;
}
.company-honor-wrap .company-honor-card {
  margin-top: 40px;
  font-size: 0;
}
.company-honor-wrap .company-honor-card img{
  width: 160px;
  height: 100px;
}
.company-honor-wrap .company-honor-card img + img {
  margin-left: 24px;
}
.company-honor-wrap .company-honor-list {
  margin-top: 40px;
}
.company-honor-wrap .company-honor-list ul {
  height: 530px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: -40px;
}
.company-honor-wrap .company-honor-list li {
  display: flex;
  align-items: center;
  width: 430p x;
  margin-bottom: 8px;
  margin-left: 40px;
}
.company-honor-wrap .company-honor-list .label {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #999999;
}
.company-honor-wrap .company-honor-list .honor-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #333333;
  margin-left: 12px;
}
.anmao1 {
  height: 0;
  position: relative;
  top: -136px;
  left: 0;
  overflow: hidden;
}
.anmao2 {
  height: 0;
  position: relative;
  top: -190px;
  left: 0;
  overflow: hidden;
}
.about-swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 40px 0;
  z-index: 1;
  border: none;
  /* .swiper-slide:not(:last-child) {
    margin-right: 24px;
  } */
}
.about-swiper-container .swiper-wrapper {
  height: 160px;
}
.about-swiper-container .swiper-slide {
  width: auto;
}
.about-swiper-container img {
  width: 320px;
  height: 160px;
  margin-right: 24px;
  border-radius: 8px;
}

/* 手机号验证 */
.phone-verify-dialog-wrap {
  position: fixed;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  display: none;
}
.phone-verify-dialog-wrap .phone-verify-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 346px;
  background: #ffffff;
  border-radius: 8px;
  padding: 0 32px 38px;
  box-sizing: border-box;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-close {
  color: #bcbcbc;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-dialog-header {
  padding-top: 40px;
  text-align: center;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-dialog-header .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form {
  width: 336px;
  height: 142px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  margin-top: 32px;
  box-sizing: border-box;
  padding: 0 12px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .iconpark-icon {
  width: 14px;
  height: 14px;
  color: #bcbcbc;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form input[type=number] {
  -moz-appearance: textfield;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .input-cls {
  width: 290px;
  height: 16px;
  background: #ffffff;
  border: none;
  outline: none;
  padding-left: 8px;
  font-size: 16px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .input-cls::placeholder {
  font-weight: 400;
  color: #bcbcbc;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .input-cls::-webkit-outer-spin-button, .phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .input-cls::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .phone-verify-item {
  display: flex;
  align-items: center;
  height: 48px;
  box-sizing: border-box;
  border-bottom: 1px solid #e4e4e4;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .phone-verify-code {
  height: 46px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .phone-verify-code .input-cls {
  width: 175px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .phone-verify-msg-code {
  border-bottom: none;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .phone-verify-msg-code .input-cls {
  width: 216px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .code-img {
  width: 113px;
  height: 30px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .refresh-code-img {
  width: 113px;
  height: 30px;
  float: none;
  margin: 0;
  text-align: center;
  background: #f2f2f2;
  margin-left: 8px;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .get-msg-code {
  color: #52c41a !important;
  width: 78px;
  text-align: right;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .get-msg-code-time {
  color: #999;
  display: none;
  width: 78px;
  text-align: right;
  transition: none;
}
.phone-verify-dialog-wrap .phone-verify-dialog .phone-verify-form .phone-verify-confirm-btn {
  width: 336px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -12px;
  margin-top: 36px;
}

.custom-message-tips {
  position: fixed;
  top: 20px;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
  height: 46px;
  min-width: 380px;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  animation: messagelideDown 0.4s ease-in-out forwards;
}
.custom-message-tips.fadeOut {
  animation: messagelideUp 0.4s ease-in-out forwards;
}
.custom-message-tips .custom-message-icon {
  margin-right: 10px;
  width: 14px;
  height: 14px;
}
.custom-message-tips .custom-message__content {
  font-size: 14px;
  line-height: 14px;
}

.custom-message__error {
  background-color: #fef0f0;
  border: 1px solid #fde2e2;
}
.custom-message__error .custom-message-error-icon {
  color: #f56c6c;
}
.custom-message__error .custom-message__content {
  color: #f56c6c;
}

.custom-message__success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}
.custom-message__success .custom-message-success-icon {
  color: #67c23a;
}
.custom-message__success .custom-message__content {
  color: #67c23a;
}

@keyframes messagelideDown {
  0% {
    transform: translate(-50%, -100%);
    opacity: 0;
  }

  100% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@keyframes messagelideUp {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -100%);
    opacity: 0;
  }
}



/*footer*/
.fg-footer{
  background: #333638;
  min-height:464px;
}
.fg-footer .footerCol{
  width:200px;
  padding:80px 0 42px 0;
  float:left;
}
.fg-footer .footerCol dt{
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom:24px;
}
.fg-footer .footerCol dd{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom:24px;
}
.fg-footer .footerCol dd a{
  color: rgba(255, 255, 255, 0.6);
}
.fg-footer .footerCol dd a:hover{
  color: rgba(255, 255, 255, 0.7);
}
.fg-footer .copyright{
  font-weight: 400;
  font-size: 13px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.5);
  padding-bottom:70px;
}
.footerQrcode {
  width: 420px;
  display: inline;
  float: right;
  margin: 80px 0 0 0;
}
.footerQrcode h3{
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom:28px;
}
.footerQrcode dl{margin:0 0 46px 0;}
.footerQrcode dt{
  width: 80px;
  height: 80px;
  left: 0px;
  top: 0px;
  background: #FFFFFF;
  border:4px solid #fff;
  border-radius: 8px;
  display: inline-block;}
.footerQrcode dt img{
      width: 78px;
    height: 78px;
    margin: 1px;
}
.footerQrcode dd{
  width:200px;
  padding-left:20px;
  display: inline-block;
}
.footerQrcode .kf{
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #FFFFFF;
  opacity: 0.7;
  margin: 0 0 12px;}
.footerQrcode .kf-nikeName{
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;}
.footerQrcode p{
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 2px; 
  color: #FFFFFF;
  margin-bottom:10px;}
.footerQrcode p .iconpark-icon{
  width: 24px;
  height: 24px;
  font-size:24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  color: #FFFFFF;
}
.copyright .contact{
  width: 420px;
  display: inline;
  float: right;
}
.copyright .contact a{
  display:inline-block; 
  vertical-align: middle;
  margin-right:16px;}
.copyright .zhihu{
  width: 40px;
  height: 40px;
  background: #3380F3;
  border-radius:100%;
  position:relative;
}
.copyright .zhihu:before{
  background:url(../images/zhihu.png) no-repeat;
  width: 24px;
  height: 24px;
  content:"";
  display: inline-block;
  vertical-align: middle;
  margin:8px;
}
.copyright .wechat{
width: 40px;
height: 40px;
background: #12BF57;
border-radius:100%;
position:relative;
}
.copyright .wechat:before{
  background:url(../images/wechat.png) no-repeat;
  width: 24px;
  height: 40px;
  content:"";
  display: inline-block;
  vertical-align: middle;
  margin:8px;
}
.copyright .wechat .social-wechat-box{ 
  position:absolute;
  bottom: 50px;
  right: -25px;
  display:none;
}
.copyright .wechat .social-wechat-box img{
  width:80px;
  height:80px;
  border:8px solid #eee;
  border-radius:6px;
} 
.copyright .wechat:hover .social-wechat-box{
  display:block;
  /* -webkit-animation: rightToLeft 0.5s 0;
  -moz-animation: rightToLeft 0.5s 0s;
  animation: rightToLeft 0.5s 0s; */
}
@-webkit-keyframes rightToLeft {
  0% {
      -webkit-transform: translateX(100%);
      opacity: 0
  }

  100% {
      -webkit-transform: translateX(0);
      opacity: 1
  }
}

@-moz-keyframes rightToLeft {
  0% {
      -moz-transform: translateX(100%);
      opacity: 0
  }

  100% {
      -moz-transform: translateX(0);
      opacity: 1
  }
}

@keyframes rightToLeft {
  0% {
      transform: translateX(100%);
      opacity: 0
  }

  100% {
      transform: translateX(0px);
      opacity: 1
  }
}
/*solution*/
.solution{
  border-bottom:1px solid #606060;
  padding-bottom:56px;}
.solution h3{
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  color: #FFFFFF;
  padding:40px 0 24px 0;
  
}
.solution .solution-block{
  width: 510px;
  height: 130px;
  background: #FFFFFF;
  border-radius: 8px;
  display:inline-block;
  margin-right:32px;
  padding:20px 32px;
  background:url(../images/bg-zhixun.png) #fff no-repeat right top;
}
.solution .solution-block:last-child{
  margin-right:0;
  float:right;
  background:url(../images/bg-ad.png) #fff no-repeat right top;
}
.solution .solution-block h4{
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #333333;
  margin-bottom:8px;
}
.solution .solution-block p{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  height:68px;
}
.solution .solution-block .more{
  color:#666;
  display: flex;
  align-items: center;
}
/* .solution .solution-block .more:after{
  background:url(../images/r-more.png) no-repeat;
  width: 14px;
  height: 14px;
  display:inline-block;
  vertical-align: middle;
  margin-left:10px;
  content:""
} */
.solution .solution-block .more .iconpark-icon{
  width:14px;
  height:14px;
  fon-size:14px;
  display:inline-block;
  vertical-align: middle;
  margin-left:6px;
  color:#bcbcbc;
}
.solution .solution-block .more:hover .iconpark-icon{
  color: #52C41A;
}
.solution .solution-block .more:hover{
  color:#52C41A;
}
.solution .solution-block .more:hover:after{
  background:url(../images/r-more-current.png) no-repeat;
}

.contact-wrapper{
  padding-top: 88px;
  margin-top: -88px;
}
/*qa*/
.feigua-qa{
  padding:100px 0 110px 10px !important;
  background:url(../images/bg_qa.png) no-repeat center top;
  background-size:cover;
}
.feigua-qa h3{font-weight: 600;
  font-size: 42px;
  line-height: 160%;
  color: #333333;
  margin-bottom:40px;
  text-align:center;
}
.feigua-qa .feigua-qa-content{ 
  width:1180px; 
  margin:0 auto; 
}
.feigua-qa .qa-block-flex{
  display:flex;
  justify-content: space-between;
}
.feigua-qa .qa-block{
  flex:1;
  min-height: 100px;
  background:#fff;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  display:inline-block;
  margin:0 0 50px 0;
  padding:24px;
}
.feigua-qa .qa-block.qa-block1{
  margin-right:50px;
}
.feigua-qa .qa-block h4{font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #333333;
  margin-bottom:32px;
  }
.feigua-qa .qa-block p{font-weight: 500;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #666666;
  }


/*footerBtns*/
.feigua-footerBtns{
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 120px;
  width: 29px;
  padding:16px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.06);
  -webkit-transform: translateZ(0);
  transform: translateZ(0); 
  text-align:center;
  border-radius:99px;
}
.feigua-footerBtns .iconpark-icon, .footerBtns .iconpark-icon a.top {
  display: block;
  width: 22px;
  height: 22px;
  color: #999999;
  text-align: center;
  line-height: 22px;
  margin: 0 auto 6px;
}

.feigua-footerBtns .s0,
.feigua-footerBtns .s1,
.feigua-footerBtns .s2,
.feigua-footerBtns .s3{
border-bottom:1px solid rgba(0, 0, 0, 0.05);
padding-bottom:12px;
margin-bottom:12px;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
text-align: center;
color: #666666;
cursor: pointer;
}
.feigua-footerBtns .s0:hover,
.feigua-footerBtns .s1:hover,
.feigua-footerBtns .s2:hover,
.feigua-footerBtns .s3:hover,
.feigua-footerBtns .s0:hover .iconpark-icon,
.feigua-footerBtns .s1:hover .iconpark-icon,
.feigua-footerBtns .s2:hover .iconpark-icon,
.feigua-footerBtns .s3:hover .iconpark-icon{
 color: #52c41a;  
}
.feigua-footerBtns .s1 .iconpark-icon,
.feigua-footerBtns .s1 .iconpark-icon{
  margin-bottom:6px;
}
.feigua-footerBtns .btnEntry{
  display:none;
  position:absolute;
  width: 212px;
  left: -232px; bottom:-95px; 
  padding-right:10px; color:#666;}
.feigua-footerBtns .w1{
  bottom:-15px; 
}
.feigua-footerBtns .icon:hover .btnEntry{ display:block;}
.feigua-footerBtns .qrcode {
  width: 200px;
  padding: 6px 6px 16px 6px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
  font-size: 12px;
  color: #7a8a9a;
  border-radius: 8px;
}
.feigua-footerBtns .qrcode img{ display:block; width:100%; }
.feigua-footerBtns .qrcode p {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #666666;
}
.feigua-footerBtns .qrcode p:before{
  background:url(../images/icon-shaoma.png) no-repeat;
  width:16px;
  height:16px;
  display:inline-block;
  vertical-align: middle;
  Content:"";
  margin-right:8px;
}
.feigua-footerBtns .contact {
  width: 200px;
  padding: 6px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
.feigua-footerBtns .contact h4{ font-size:16px; color:#7a8a9a; margin-bottom:10px; font-weight:bold;}
.feigua-footerBtns .contact li{ background:#52c41a; width:100%; height:36px; line-height:36px; border-radius:3px; margin-bottom:10px;}
.feigua-footerBtns .contact li a{ display:block; color:#fff; padding:0 10px; text-align:left; transition:all 0.18s ease-out 0s;}
.feigua-footerBtns .contact li a:hover{ background:#49b016; border-radius:3px;}
.feigua-footerBtns .contact li i{ margin-right:4px;}
.feigua-footerBtns .contact li:last-child{ margin-bottom:0;}
.feigua-footerBtns .weChat-code {
  text-align: center;
}
.feigua-footerBtns .weChat-code img {
  width: 190px !important;
  height: 190px !important;
  margin: 3px auto;
}
.feigua-footerBtns .weChat-scan {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #666666;
  padding: 6px 0 10px 0;
}
.feigua-footerBtns .weChat-scan:before {
  background:url(../images/icon-shaoma.png) no-repeat;
  width:16px;
  height:16px;
  display:inline-block;
  vertical-align: middle;
  Content:"";
  margin-right:8px;
}
.feigua-footerBtns .arrow {
  position: absolute;
  z-index: 1;
  right: 6px;
  top: 82px;
  width: 16px;
  height: 16px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
  border-width: 1px 1px 0 0;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.feigua-footerBtns .contact img{ margin: 6px auto;}

/*浏览器兼容性提示*/
.compatibility-prompt{
  background: #FFF7E7;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.01), 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 3px 16px rgba(0, 0, 0, 0.09);
  border-radius: 8px;
  padding:16px 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  display:block;
  z-index:9999;
  position: fixed;
  left:130px;
  right:130px;
  top:24px;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown
}
.compatibility-prompt .iconpark-icon{
  font-size:15px;
  width:15px;
  height:15px;
  display:inline-block;
  vertical-align: top;
}
.compatibility-prompt .i-attention{
  color:#FFAD0D;
  margin-right:8px;
}
.compatibility-prompt .i-close{
  color:BCBCBC;
  position: absolute;
  right: 32px;
  top: 16px;
}
.compatibility-prompt .i-close:hover{
  color:#333333;
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}