/*
头部
*/
/*PC头部*/
html,body {
  background-color: #F0F3F9;
}

.banner {
  position: relative;
  margin-top: 4.1rem;
}

.container-fluid {
  padding: 0;
}

.banner img {
  max-width: 100%;
  min-width: 100%;
}

.bdshare-button-style0-16 {
  display: none;
  filter : alpha(Opacity=0);
  opacity: 0;
}

.bdshare-button-style0-16 img {
  display: none;
  filter : alpha(Opacity=0);
  opacity: 0;
}

.wap-donghu-bg {
  display: none;
}

.wap-nav-box {
  display: none
}

.wap-subnav {
  display: none
}

.height-section {
  display: none;
}

.height-section1 {
  height: 69px;
}

.swiper-container-wap {
  display: none
}

.wap-erweima-box {
  display: none
}

#head-pc {
  border-bottom   : 1px solid #eee;
  background-color: #fafafa;
}

#head-pc .main {
  width : 1200px;
  height: 78px;
  margin: 0px auto;
}

#head-pc .main a {
  outline: none;
}

#head-pc .main .logo {
  float     : left;
  margin-top: 24px;
}

#head-pc .main .logo img {
  display: inline-block;
  height : 32px;
}

#head-pc .main .nav {
  margin-left  : 112px;
  line-height  : 75px;
  font-size    : 18px;
  float        : right;
  border-bottom: 3px solid #fafafa;
  color        : #000;
}

#head-pc .main .nav.active {
  border-color: #2b63ae;
  color       : #2b63ae;
}

#head-pc .main .nav:hover {
  border-color   : #2b63ae;
  color          : #2b63ae;
  text-decoration: none;
}

.warp .pc-hide {
  display: none
}

/* .pc-hide{ display:none} */
.case-series-wap {
  display: none
}

.about-banner-wap {
  display: none
}

.other-wap {
  display: none
}

.top-scroll {
  display: none
}

.index-new-t-wap {
  display: none
}

.news-hezuo-wap {
  display: none
}

/*WAP头部*/
.head-wap {
  display: none
}

.head-wap .wap-nav-box {
  display: none
}

.Banner {
  height             : 630px;
  width              : 100%;
  /* background-color: #8e44ad; */
  /* background: url('../image/bannercs.png') no-repeat center ;
  background-size: 100% 100%; */
}
.bannerBox {
  /* width: 100%;
 height: 630px; */

}
.bannerImg {
  display: block;
  width: 100%;
  height: 630px;
}
.Banner img {
  display: block;
  width  : 100%;
  height : 630px;
  margin: 0 auto;
}

.wrap1200 {
  width: 1200px;
}

.MainContent {
  margin: 0 auto;
}

/*功能概括*/
.Features {
  height       : auto;
  margin-bottom: 80px;
}

.Features>.content {

  height    : 100%;
  width     : 100%;
  margin    : 0 auto;
  margin-top: 60px;
}

.Features>.content>ul {
  width       : 100%;
  height      : 100%;
  margin      : 0 auto;
  padding-left: 20px;
}

.Features>.content>ul>li {
  display         : block;
  float           : left;
  width           : 280px;
  height          : 274px;
  margin-right    : 20px;
  margin-bottom   : 1px;
  /* padding-top  : 30px; */
  background-color: #fff;
}

.Features>.content>ul>li img {
  display: block;
  width  : 280px;
  height : 180px;
}

.Features>.content>ul>li:nth-child(4n) {
  margin-right: 0;
}

.demoBox {
  box-sizing : border-box;
  padding    : 16px;
  font-size  : 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color      : rgba(0, 0, 0, 1);
}

.demoBox text {
  display       : block;
  padding-bottom: 8px;
}

.demoBox text:last-child {
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : rgba(52, 52, 55, 1);
}

section .description {
  margin-top : 24px;
  font-family: 'fzlantingheis-ul-gbregular';
}


section .title {
  width: 660px;
  padding-top: 80px;
  margin: 0 auto;
  text-align: center;
}

section .title>h3 {
  margin-bottom: 24px;
  font-family  : 'fzlantingheis-ul-gbregular';
  font-size    : 40px;
  font-family  : PingFangSC-Medium, PingFang SC;
  font-weight  : 500;
  color        : rgba(0, 0, 0, 1);
}

section .title .titleLine {
  display      : block;
  border-radius: 0;
  width        : 28px;
  height       : 4px;
  background   : rgba(183, 203, 255, 1);
  margin       : 0 auto;
}

/*
    Functional_0.png
  */
.Ficon {
  width                : 105px;
  height               : 130px;
  margin               : 0 auto;
  background           : url("../image/Functional_0.png") no-repeat center;
  background-position-y: -2px;
}

.Fcontent>h4 {
  width     : 77px;
  margin    : 0 auto;
  margin-top: 24px;
  font-size : 18px;
  color     : #111F28;
}

.Fcontent>span {
  text-align : center;
  display    : block;
  width      : 218px;
  height     : 34px;
  font-size  : 14px;
  color      : #111F28;
  margin     : 0 auto;
  margin-top : 12px;
  font-family: 'fzlantingheis-ul-gbregular';
}

.Farrow {
  width     : 33px;
  height    : 33px;
  margin    : 0 auto;
  margin-top: 30px;
}

.Farrow>img {
  display: block;
  height : 100%;
}

.Ficon>img {
  display  : block;
  width    : 43px;
  height   : 50px;
  margin   : 0 auto;
  position : relative;
  top      : 50%;
  transform: translateY(-50%);
}

/*八大解决方案*/
.Solution {
  height          : 2600px;
  background-color: #fff;
  box-sizing      : border-box;
  width           : 100%;
}

.Solution .Scontent {
  width     : 1200px;
  margin    : 0 auto;
  margin-top: 80px;

}

.Solution .Scontent>ul {
  height: 100%;
  margin: 0 auto;

}

.Solution .Scontent>ul>li {
  display         : block;
  width           : 100%;
  height          : 300px;
  float           : left;
  margin-right    : 24px;
  background-color: #fff;
  position        : relative;
  margin-bottom   : 24px;

}

.Solution .Scontent>ul>li>i {
  position  : absolute;
  z-index   : 1;
  width     : 100%;
  height    : 100%;
  top       : 0;
  background: url("../image/imgMask.png");
  z-index   : 1;
  opacity   : 0.5;
}

.Solution .Scontent>ul>li:nth-child(4n) {
  margin-right: 0;
}

.Solution .Scontent .Sicon {
  width    : 48px;
  height   : 46px;
  margin   : 0 auto;
  position : relative;
  top      : 50%;
  transform: translateY(-50%);
  z-index  : 3;
}

.Solution .Scontent .Sicon>img {
  display: block;
  width  : 100%;
  height : 100%;
}

.Solution .Scontent .Sdes {
  width      : 76px;
  height     : 17px;
  font-size  : 18px;
  color      : #FFF;
  z-index    : 3;
  position   : absolute;
  bottom     : 40px;
  margin     : 0 auto;
  left       : 50%;
  margin-left: -38px;
}

.Solution .Scontent .Sdes>span {
  z-index: 3;
}

/*多重角色灵活使用*/
.MultipleRoles {
  height: 100%;

}

.MultipleRoles .Mcontent {
  width     : 100%;
  margin-top: 80px;
}

.MultipleRoles .Mcontent>ul {
  width: 100%;
}

.MultipleRoles .Mcontent>ul>li {
  position     : relative;
  float        : left;
  display      : block;
  width        : 360px;
  height       : 360px;
  margin-bottom: 60px;
  margin-right : 60px;
  border-radius: 50%;
  background   : url('../image/img_1.png') no-repeat;
}

.MultipleRoles .Mcontent>ul>li:nth-child(3n) {
  margin-right: 0;
}

.MultipleRoles .Mcontent>ul>li .Mtitle {
  position  : relative;
  width     : 28%;
  margin    : 0 auto;
  text-align: center;
  top       : 50%;
  transform : translateY(-50%);
  z-index   : 3;
}

.MultipleRoles .Mcontent>ul>li .Mtitle>h4 {

  font-size: 24px;
  color    : #FFF;
}

.MultipleRoles .Mcontent>ul>li .MbaseLine {
  position        : relative;
  height          : 2px;
  width           : 28%;
  background-color: #EA634F;
  margin          : 0 auto;
  text-align      : center;
  top             : 50%;
  transform       : translateY(-50%);
  z-index         : 3;
}

.MultipleRoles .Mcontent>ul>li>i {
  display      : block;
  width        : 360px;
  height       : 360px;
  border-radius: 50%;
  position     : absolute;
  top          : 0;
  z-index      : 1;
  background   : url('../image/img_Mask.png') no-repeat center;
}

.MultipleRoles .mt40 {
  margin-top: 40px;
}

/*技术团队*/
.ProfessionalTeam {
  height         : 848px;
  padding-top    : 40px;
  box-sizing     : border-box;
  background     : url("../image/team_bg.png") center no-repeat;
  background-size: 100% 100%;
}

.ProfessionalTeam .Pcontent {
  margin: 0 auto;
}

.ProfessionalTeam .Pcontent>ul {
  width: 100%;

}

.mb48 {
  margin-bottom: 48px;
}

.ProfessionalTeam .Pcontent>ul>li {
  display     : block;
  float       : left;
  width       : 360px;
  height      : 360px;
  margin-right: 60px;

  background: url("../image/team_box_bg.png") center no-repeat;
}

.ProfessionalTeam .Pcontent>ul>li:nth-child(3n) {
  margin-right: 0;
}

.ProfessionalTeam .Pcontent>ul>li .Picon {
  width     : 80px;
  height    : 70px;
  margin    : 0 auto;
  margin-top: 85px;
}

.ProfessionalTeam .Pcontent>ul>li .Picon>img {
  display: block;
}

.ProfessionalTeam .Pcontent>ul>li .Ptitle {
  width      : 99px;
  height     : 23px;
  font-family: "fzlantingheis-ul-gbregular";
  margin     : 0 auto;
  margin-top : 40px;
  text-align : center;
}

.ProfessionalTeam .Pcontent>ul>li .Ptitle>h4 {
  font-size  : 24px;
  font-weight: normal;
  color      : #FFF;
}

.ProfessionalTeam .Pcontent>ul>li .PbaseLine {
  width           : 112px;
  height          : 1px;
  margin          : 0 auto;
  background-color: #FFF;
  border-radius   : 50%;
  margin-top      : 24px;
  margin-bottom   : 32px;

}

.ProfessionalTeam .Pcontent>ul>li .Pdes {
  width      : 263px;
  height     : 40px;
  font-family: "fzlantingheis-ul-gbregular";
  margin     : 0 auto;
}

.ProfessionalTeam .Pcontent>ul>li .Pdes>span {
  font-size: 16px;
  color    : #FFF;
}

.jiejuefangan {
  width          : 1200px;
  margin         : 0 auto;
  height         : 300px;
  display        : flex;
  align-items    : center;
  justify-content: space-evenly;
  margin-bottom  : 100px;
}

.ScontentLeft {
  display: inline-block;
  width  : 520px;
  height : 300px;
}

.ScontentRight {
  /* float       : right; */
  display        : inline-block;
  width          : 520px;
  height         : 300px;
  display        : flex;
  flex-direction : column;
  align-items    : flex-start;
  justify-content: center;
}

.ScontentRight text {
  display    : block;
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : rgba(52, 52, 55, 1);
}

.ScontentRight text:first-child {
  font-size    : 24px;
  font-family  : PingFangSC-Medium, PingFang SC;
  font-weight  : 500;
  color        : rgba(0, 0, 0, 1);
  line-height  : 40px;
  margin-bottom: 15px;
}

.jiejuefangan img {
  display: block;
  width  : 520px;
  height : 300px;
}

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

.youshiItems {
  display        : flex;
  flex-direction : column;
  align-items    : flex-start;
  justify-content: center;
  width          : 360px;
  margin-bottom  : 40px;
}

.youshiItems img {
  display: inline-block;
  width  : 360px;
  height : 240px;
}

.youshiOutBox {
  width : 1200px;
  margin: 0 auto;
}

.youshiItems>text {
  font-size  : 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color      : rgba(52, 52, 55, 1);
}

.youshiItems .youshiItemsTitle {
  display      : block;
  margin-top   : 20px;
  margin-bottom: 16px;
  font-size    : 24px;
  font-family  : PingFangSC-Medium, PingFang SC;
  font-weight  : 500;
  color        : rgba(0, 0, 0, 1);
  line-height  : 26px;
}

.cphexin {
  width           : 100%;
  height          : 884px;
  background-color: #fff;
}

.cphxInBox {
  width          : 1200px;
  margin         : 0 auto;
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  align-items    : center;
}

.chhxItems {
  width          : 360px;
  height         : 240px;
  display        : flex;
  flex-direction : column;
  align-items    : flex-start;
  justify-content: center;
  background     : rgba(216, 216, 216, 0);
  border-radius  : 4px;
  border         : 1px solid rgba(240, 243, 249, 1);
  box-sizing     : border-box;
  padding        : 42px 38px;
  margin-bottom  : 50px;

}

.chhxItems .chhxItemsTitle {
  display      : block;
  margin-top   : 20px;
  margin-bottom: 16px;
  font-size    : 24px;
  font-family  : PingFangSC-Medium, PingFang SC;
  font-weight  : 500;
  color        : rgba(0, 0, 0, 1);
  line-height  : 26px;
}

.chhxItems img {
  display: block;
  width  : 48px;
  height : 48px;
}