body {
  font-size: 16px;
}

.swom_sou.zhihu {
  background: url(../cssimg/zhihu.png) no-repeat center;
}

.agency {
  height: 207px;
  background: url(../image/ti.jpg) no-repeat center;
  background-size: cover;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 24px;
  padding-top: 50px;
  color: #fff;
}

.z_h {
  background-color: #fff;
}

.z_h.f5 {
  background-color: #f5f5f5;
}

.advantage {
  padding-bottom: 70px;
}

.advantage-list li {
  width: 285px;
  height: 440px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  padding: 15px;
  margin-left: 16px;
}

.advantage-list {
  margin-left: -20px;
}

.advantage-list li img {
  max-width: 100%;
  display: block;
}

.advantage-txt {
  padding-top: 30px;
  text-align: center;
}

.advantage-title {
  font-size: 18px;
  color: #00285b;
  margin-bottom: 24px;
}

.advantage-j {
  color: #666;
}

.zh_title {
  text-align: center;
  color: #00285b;
  font-size: 24px;
  padding: 50px 0;
  position: relative;
}

.zh_title::after,
.zh_title::before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #efefef;
  top: 50%;
  width: 34%;
}

.zh_title::after {
  left: 0;
}

.zh_title::before {
  right: 0;
}

.share-list {
  margin-bottom: 65px;
}

.share-item {
  border: 1px solid #efefef;
  position: relative;
  min-height: 150px;
  margin-left: 50px;
  padding: 30px 40px 30px 134px;
  margin-bottom: 15px;
}

.share-item img {
  position: absolute;
  top: 10px;
  left: -50px;
}

.share-title {
  color: #00285b;
  font-size: 18px;
  margin-bottom: 15px;
}

.share-cnt {
  color: #666;
}

.share-item.share-last {
  margin-left: 0;
  padding-left: 30px;
}

.share-cnt-span {
  display: inline-block;
  padding: 5px 10px;
  background: #00285b;
  color: #fff;
  border-radius: 20px;
  margin-right: 15px;
}

.share-item.share-last p {
  margin-bottom: 15px;
}

.marketing-l {
  display: inline-block;
  vertical-align: top;
}

.marketing-r {
  display: inline-block;
  margin-left: 50px;
  vertical-align: top;
}

.marketing-l-d {
  background-color: #fff;
  max-width: 679px;
  min-width: 679px;
}

.marketing-t {
  display: inline-block;
  height: 120px;
  width: 120px;
  background-color: #00285b;
  color: #fff;
  text-align: center;
  padding-top: 21px;
  vertical-align: middle;
}

.marketing-t img {
  margin: 0 auto;
  margin-bottom: 13px;
}

.marketing-t-r {
  display: inline-block;
  vertical-align: middle;
  color: #333333;
  padding-left: 30px;
}

.marketing-d {
  margin: 25px 50px;
}

.tips-strategy {
  padding-top: 35px;
  max-width: 679px;
}

.strategy-title {
  color: #00285b;
  margin-bottom: 20px;
}

.strategy-b {
  color: #333;
  margin-bottom: 20px;
}

.strategy-list {
  color: #666;
}

.strategy-list li {
  margin-bottom: 20px;
}

.strategy-list li b {
  color: #001e43;
}

.marketing {
  padding-bottom: 100px;
}

.effect {
  padding-bottom: 90px;
}

.effect ul {
  position: relative;
  overflow: hidden;
}

.effect li {
  width: 33.333%;
  text-align: center;
  float: left;
  position: relative;
  z-index: 1;
}

.effect li img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.effect ul::after {
  content: "";
  border-bottom: 1px solid #efefef;
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  z-index: 0;
}

.effect li p {
  font-size: 24px;
  color: #1c4677;
}

.p_p {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #efefef;
  height: 543px;
  width: 587px;
  background: #fff;
  margin-left: 20px;
  padding: 40px;
  margin-bottom: 40px;
}

.praise_propaganda {
  margin-left: -20px;
  padding-bottom: 80px;
}

.p_p img {
  margin: 0 auto;
  margin-bottom: 45px;
}

.praise_propaganda-title {
  text-align: center;
  font-size: 24px;
  color: #00285b;
  margin-bottom: 50px;
}

.praise_propaganda-txt p {
  margin-bottom: 40px;
  line-height: 1.7;
}

.praise_propaganda-tip {
  margin-left: 20px;
  color: #666;
}

.praise_propaganda-tip span {
  color: #ffbf02;
  line-height: 1.7;
}

.change {
  text-align: center;

  color: #666;
  line-height: 1.7;
  padding-bottom: 50px;
}

.change img {
  margin: 0 auto;
}

.recommend {
  line-height: 1.7;
  position: relative;
  min-height: 480px;
}

.recommend-l {
  width: 640px;
  margin: 0 auto;
  position: relative;
}

.recommend-l-img {
  margin-left: -238px;
  position: absolute;
}

.recommend-title {
  padding: 30px 0;
  font-size: 20px;
  color: #00285b;
}

.recommend-significance {
  background: #fff;
  width: 680px;
  padding: 20px;
  margin-left: -40px;
  padding-left: 44px;
  color: #00285b;
}

.recommend-cnt p {
  margin-top: 20px;
}

.recommend-r {
  position: absolute;
  top: 0;
  right: 0;
}

.module-case {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.module-case-txt {
  color: #666;
  margin-bottom: 30px;
}

.module-case-img {
  max-width: 100%;
}

.module-introduce {
  width: 49%;
  display: inline-block;
  padding-left: 8%;
  color: #666;
}

.module-introduce-item {
  margin-bottom: 40px;
}

.introduce-item-span {
  display: inline-block;
  padding: 5px 10px;
  background: #00285b;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 20px;
}

.introduce-item-tip {
  padding: 30px;
  background-color: #f8f8f8;
  min-height: 200px;
}

.module {
  margin-bottom: 85px;
}

.buy {
  margin-bottom: 30px;
}

.buy-personage {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.personage-title {
  line-height: 70px;
  color: #fff;
  background: #00285b;
  font-size: 24px;
  text-align: center;
}

.personage-txt {
  min-height: 100px;
  background-color: #fff;
  padding: 30px;
  line-height: 1.7;
}

.buy-personage.buy-organization {
  margin-left: 2%;
}

.personage-title.buy-title {
  background-color: #ffbf02;
}

.organization {
  padding-bottom: 80px;
}

.accurate {
  text-align: center;
  margin-bottom: 80px;
}

.accurate-title {
  background-color: #f5f5f5;
  text-align: center;
  font-size: 24px;
  padding: 20px 0;
  margin-bottom: 50px;
}

.accurate-txt {
  line-height: 1.7;
}

.accurate-txt img {
  margin: 30px auto;
}

.accurate-seo {
  color: #666666;
}

.accurate-seo .accurate-ti {
  font-size: 24px;
  margin-bottom: 15px;
}

.search-list {
  padding-bottom: 80px;
}

.search-item {
  display: inline-block;
  width: 380px;
  vertical-align: top;
  margin-right: 25px;
  background-color: #fff;
  padding: 30px;
  padding-left: 64px;
  min-height: 200px;
  line-height: 1.7;
}

.search-item b {
  font-size: 20px;
  color: #00285b;
}

.search-item.last {
  margin-right: 0;
}

.search-item span {
  position: absolute;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #ffbf02;
  text-align: center;
  color: #fff;
  margin-left: -50px;
  margin-top: 3px;
}

.case-list {
  padding-bottom: 80px;
}

@media screen and (max-width: 1600px) {
  .swom_sou.zhihu {
    top: 39%;
  }
}