.container .client-banner {  margin-top: 64px;  width: 100%;  height: 599px;  background-color: #F9FBFF;  background-image: url('../images/case-banner.png');  background-size: cover;  background-position: 50%;}.container .client-banner .sub-title {  position: relative;  width: 500px;  margin: 0 auto 0;  padding-top: 176px;  box-sizing: border-box;}.container .client-banner .sub-title .box {  position: absolute;  left: -290px;}.container .client-banner .sub-title h1 i {  color: #006EFF;}.container .client-banner .sub-title h1 {  width: 392px;  font-family: PingFangSC-Medium;  font-size: 52px;  color: #000000;  letter-spacing: 0;  line-height: 76px;}.container .client-banner .sub-title p {  margin-top: 30px;  font-family: PingFangSC-Regular;  font-size: 20px;  color: #555555;  letter-spacing: 0;  line-height: 20px;}.container .client-banner .banner {  height: 100%;  overflow: hidden;  display: flex;  flex-direction: column;  align-items: center;}.container .client-banner .banner h2 {  /* width: 953px; */  height: 65px;  font-size: 38px;  color: #1d2831;  line-height: 53px;  margin: 70px 0 12px;}.container .client-banner .banner h2 span {  position: relative;  /* font-weight: bold; */  color: #1A5AD8;  padding-right: 16px;  font-size: 46px;  top: 4px;  width: 182px;  height: 50px;  display: inline-block;}.container .client-banner .banner h2 .two {  position: absolute;  left: 6px;  top: 4px;  font-size: 52px;}.container .client-banner .banner h2 .two i {  position: absolute;  left: 152px;  top: -3px;  font-size: 44px;  /* font-weight: 600; */}.container .client-banner .banner h2 .one {  visibility: hidden;}.container .client-banner .banner p {  font-size: 16px;  color: #999;  line-height: 22px;  margin-bottom: 17px;  font-weight: 400;}.container .client-banner .banner > div {  width: 100%;  height: 180px;  background: url(../img/client/案例bg\ 元素@2x.png) center center no-repeat;  background-size: contain;}.container .client-banner .banner > div > div {  cursor: pointer;  margin: 40px auto 0;  width: 160px;  height: 50px;  letter-spacing: 1px;  /* font-weight: 600; */  background: linear-gradient(270deg, #ff9783 0%, #ff613d 100%);  border-radius: 25px;  color: #fff;  font-size: 18px;  line-height: 50px;  text-align: center;  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);  transition: 0.3s all linear;}.container .client-banner .banner > div > div:hover {  box-shadow: 0px 12px 22px -4px rgba(234, 47, 0, 0.44);}.container .brand-container {  width: 100%;  height: 450px;}.container .brand-container .brand-banners {  box-sizing: border-box;  padding-top: 80px;  display: flex;  align-items: center;}.container .brand-container .banner-list {  width: 100%;  height: 270px;  box-sizing: border-box;  padding-top: 10px;  position: relative;}.container .brand-container .banner-list li {  box-sizing: border-box;  position: absolute;  background-color: #fff;  width: 400px;  height: 248px;  cursor: pointer;  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.12);  padding: 32px 25px 0 25px;  transform-origin: 0 50%;  border-radius: 6px;}.container .brand-container .banner-list li.li0 {  transform: translate(0, 5px) scale(0.7);  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);  z-index: 3;}.container .brand-container .banner-list li.li0 img,.container .brand-container .banner-list li.li4 img {  opacity: 0.5;}.container .brand-container .banner-list li.li0 .name,.container .brand-container .banner-list li.li0 .title,.container .brand-container .banner-list li.li4 .name,.container .brand-container .banner-list li.li4 .title {  color: #aaa;}.container .brand-container .banner-list li.li1 .name,.container .brand-container .banner-list li.li1 .title,.container .brand-container .banner-list li.li3 .name,.container .brand-container .banner-list li.li3 .title {  color: #888;}.container .brand-container .banner-list li.li1 img,.container .brand-container .banner-list li.li3 img {  opacity: 0.7;}.container .brand-container .banner-list li.li1 {  transform: translate(140px, 5px) scale(0.85);  z-index: 7;  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);}.container .brand-container .banner-list li.li2 {  transform: translateX(340px);  z-index: 10;  transform-origin: center;}.container .brand-container .banner-list li.li2 .person {  /* width: 240px; */  width: 100%;  text-align: center;  font-size: 20px;  color: #1A5AD8;  line-height: 48px;  font-weight: 600;  display: flex;  justify-content: center;  align-items: center;}.container .brand-container .banner-list li.li3 {  z-index: 7;  transform: translate(600px, 5px) scale(0.85);  transform-origin: 0 50%;  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);}.container .brand-container .banner-list li.li4 {  transform: translate(800px, 5px) scale(0.7);  z-index: 3;  transform-origin: 0 50%;  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);}.container .brand-container .banner-list li.li5 {  transform: translate(700px, 5px) scale(0.7);  box-shadow: none;  z-index: 1;  transform-origin: 0 50%;  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.04);}.container .brand-container .banner-list .li6,.li7,.li8 {  transform: translate(340px, 5px) scale(0.56);  box-shadow: none;  z-index: 1;}.container .brand-container .banner-list li.li9 {  transform: translate(100px, 5px) scale(0.56);  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.04);  z-index: 1;}.container .brand-container .banner-list li .title {  width: 340px;  /* height:56px; */  font-size: 14px;  color: #333;  line-height: 28px;  text-align: center;}.container .brand-container .banner-list li .name {  /* position: absolute; */  text-align: center;  height: 22px;  font-size: 16px;  font-weight: 600;  color: #222222;  line-height: 22px;  margin-bottom: 16px;  /* left: 50%; */  /* transform: translateX(-50%); */}.container .brand-container .banner-list li .person {  width: 100%;  text-align: center;  height: 48px;  line-height: 48px;  /* position: absolute; */  margin-bottom: 20px;  /* left: 50%; */  /* transform: translateX(-50%); */  color: #C6C6C6;  font-size: 18px;  font-weight: 600;}.container .brand-container .banner-list li .img-wrapper {  /* position: absolute; */  width: 100%;  height: 48px;  display: flex;  align-items: center;  justify-content: center;  margin-bottom: 20px;  /* bottom: 38px; */  /* left: 50%; */  /* transform: translateX(-50%); */}.container .brand-container .banner-list li .img-wrapper img {  width: 350px;  height: 48px;}.container .case-company {  padding-bottom: 30px;}.container .case-company .r-title {  padding-top: 80px;  margin-bottom: 24px;  box-sizing: border-box;}.container .case-company .r-title h1 {  text-align: center;  font-size: 40px;  font-weight: 400;  color: #000000;  line-height: 56px;  margin-bottom: 20px;}.container .case-company .r-title h4 {  font-family: PingFangSC-Regular;  font-size: 18px;  color: #AAAAAA;  text-align: center;  line-height: 18px;}.container .case-company .company-list {  box-sizing: border-box;  width: 1100px;  margin: auto;  display: flex;  align-items: center;  flex-wrap: wrap;  padding-top: 40px;}.container .case-company .company-list .c-item {  display: flex;  justify-content: space-between;  flex-direction: column;  width: 510px;  height: 240px;  box-sizing: border-box;  background: url('../images/客户评价-卡片@2x.png');  background-size: cover;  box-shadow: 0 0 26px 0 rgba(0, 47, 127, 0.06);  border-radius: 4px;  margin-bottom: 80px;}.container .case-company .company-list .c-item:nth-child(2n) {  margin-left: 80px;}.container .case-company .company-list .c-item .item-block {  padding-top: 44px;  box-sizing: border-box;  display: flex;  align-items: center;}.container .case-company .company-list .c-item .name {  font-family: PingFangSC-Medium;  font-size: 16px;  color: #222222;  line-height: 16px;  text-align: right;  margin-bottom: 24px;  margin-right: 24px;}.container .case-company .company-list .c-item img {  margin: 0 24px;  width: 80px;  height: 80px;}.container .case-company .company-list .c-item .content {  width: 358px;  white-space: normal;  font-family: PingFangSC-Regular;  font-size: 14px;  color: #666666;  line-height: 26px;}@media screen and (max-width: 1430px) {  .container .case-company .company-list {    width: 510px;  }  .container .case-company .company-list .c-item:nth-child(2n) {    margin-left: 0;  }}.container .contactUs-section {  width: 1080px;  margin: 0 auto;  box-sizing: border-box;  padding-top: 72px;  padding-bottom: 72px;  width: 100%;  height: 270px;  background-image: url('../images/contact-bg.png');  background-size: 100% 100%;}.container .contactUs-section h1 {  text-align: center;  font-size: 40px;  font-weight: 400;  color: #000000;  line-height: 56px;  margin-bottom: 50px;}.container .contactUs-section .information {  width: 1120px;  margin: 0 auto;  display: flex;  justify-content: space-between;}.container .contactUs-section .information div {  margin-bottom: 67px;}.container .contactUs-section .information div img {  width: 26px;  height: 26px;  margin-right: 10px;}.container .contactUs-section .information div span {  display: inline-block;  vertical-align: middle;  height: 20px;  font-size: 14px;  font-weight: 400;  color: #1d2831;  line-height: 20px;}