/* ========== */
/* = HOME = */
/* ========== */
.banner {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}

.banner:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.banner video {
  display: block;
  min-height: 100hv;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

.banner .home-text {
  position: absolute;
  top: 50%;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  max-width: 30%;
}

.banner .button {
  position: absolute;
  z-index: 6;
  display: block;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  animation: mymove0 1.2s infinite;
  -webkit-animation: mymove0 1.2s infinite;
}

@keyframes mymove0 {
  from {
    bottom: 60px;
  }

  to {
    bottom: 50px;
  }
}


.home-tit {
  position: relative;
  padding-top: 35px;
  text-align: center;
}

.home-tit span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #2a6cf4;
  font-weight: bold;
  line-height: 80px;
  font-size: 80px;
  opacity: .1;
  text-transform: uppercase;
}

.home-tit h2 {
  position: relative;
  letter-spacing: 3px;
  padding-bottom: 12px;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}

.home-tit h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 55px;
  height: 4px;
  margin-left: -27px;
  background: #2a6cf4;
}

.home-tit h2 i {
  font-style: normal;
  color: #2a6cf4;
}

.home-tit p {
  margin-top: 10px;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 36px;
}

.home-button {
  margin: 0 auto;
  display: block;
  width: 180px;
  background: #FFFFFF;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  color: #2a6cf4;
  border: 1px solid #2a6cf4;
  letter-spacing: 2px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.home-button:hover {
  background: #2a6cf4;
  color: #FFFFFF;
}

@media (max-width:999px) {
  .home-tit {
    padding-top: 0.53333333rem;
  }

  .home-tit span {
    line-height: 1.2rem;
    font-size: 1.06666666rem;
  }

  .home-tit h2 {
    letter-spacing: 0.04rem;
    padding-bottom: 0.22rem;
    font-size: 26px;
  }

  .home-tit h2:after {
    width: 0.73333333rem;
    height: 0.08rem;
    margin-left: -0.36rem;
  }

  .home-tit p {
    margin-top: 0.12rem;
    font-size: 12px;
    line-height: 0.4rem;
    letter-spacing: 0.02666666rem;
  }

  .home-button {
    width: 2.93333333rem;
    line-height: 0.66666666rem;
    font-size: 0.26666666rem;
    letter-spacing: 0.02666666rem;
  }
}


.home-point {
  padding: 80px 0;
  position: relative;
  background-image: url(../images/home_point_bg.jpg);
  background-position: bottom center;
}

.home-point #point {
  position: absolute;
  top: -75px;
}

.home-point ul {
  margin: 60px auto 40px;
  max-width: 1170px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.home-point ul li {
  width: 170px;
}

.home-point ul li span {
  position: relative;
  padding-right: 30px;
  font-size: 60px;
  font-weight: lighter;
  color: #2a6cf4;
  display: inline-block;
}

.home-point ul li span i {
  font-style: normal;
}

.home-point ul li span sup {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px;
  font-weight: bold;
  font-size: 36px;
}

.home-point ul li:first-child span sup {
  font-size: 20px;
}

.home-point ul li p {
  margin-top: 5px;
  font-size: 18px;
}


.home-service {
  padding: 60px 0;
  background: #f8f8f8;
}

.home-service ul {
  margin: 0 -38px;
}

.home-service li {
  float: left;
  width: 33.333333%;
  padding: 75px 38px 0;
}

.home-service li .box {
  background: #FFFFFF;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 25px 0 25px 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.home-service li .box .img {
  position: relative;
  width: 40%;
}

.home-service li .box .img img {
  width: 100%;
}

.home-service li .box .theme {
  position: absolute;
  top: 42px;
  left: 35px;
  color: #FFFFFF;
}

.home-service li .box .theme p {
  font-size: 30px;
  letter-spacing: 3px;
  font-weight: bold;
}

.home-service li .box .theme i {
  margin-top: 10px;
  display: block;
  text-transform: uppercase;
  font-style: normal;
  font-size: 18px;
  font-style: normal;
}

.home-service li .box .img span {
  position: absolute;
  bottom: 80px;
  left: 35px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
}

.home-service li .box .text {
  width: 60%;
  padding-left: 60px;
}

.home-service li .box .tip {
  display: block;
  position: relative;
  padding: 13% 0;
}

.home-service li .box .tip:first-child {
  padding-top: 0;
}

.home-service li .box .tip:last-child {
  padding-bottom: 0;
}

.home-service li .box .tip:after {
  max-width: 177px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 1px;
  background: #f8f8f8;
}

.home-service li .box .tip:last-child:after {
  display: none;
}

.home-service li .box .tit {
  margin-bottom: 10px;
  position: relative;
}

.home-service li .box .tit .ico {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: -53px;
}

.home-service li .box .tit .ico img:nth-child(1) {
  display: inline-block;
}

.home-service li .box .tit .ico img:nth-child(2) {
  display: none;
}

.home-service li .box .tit span {
  font-size: 24px;
  font-weight: bold;
}

.home-service li .box .tip p {
  line-height: 24px;
  color: #999999;
}

.home-service li .box .tip p a {
  color: #999;
}

.home-service li .box:hover {
  background: #2a6cf4;
}

.home-service li .box:hover .tit .ico img:nth-child(1) {
  display: none;
}

.home-service li .box:hover .tit .ico img:nth-child(2) {
  display: inline-block;
}

.home-service li .box:hover .tit span {
  color: #FFFFFF;
}

.home-service li .box:hover .tip:after {
  opacity: .4;
}

.home-service li .box:hover .tip p {
  color: #FFFFFF;
}

.home-service li .box:hover .tip p a {
  color: #FFFFFF;
}

@media (max-width:1680px) {
  .home-service ul {
    margin: 0 -20px;
  }

  .home-service li {
    padding: 75px 20px 0;
  }

  .home-service li .box .theme p {
    font-size: 26px;
  }

  .home-service li .box .theme i {
    font-size: 14px;
  }

  .home-service li .box .tit span {
    font-size: 20px;
  }

  .home-service li .box .tip p {
    font-size: 12px;
    line-height: 22px;
  }
}

@media (max-width:1380px) {
  .home-service li .box .text {
    padding-left: 50px;
  }

  .home-service li .box .tit .ico {
    left: -40px;
    width: 40px;
    margin-top: -20px;
  }

  .home-service li .box .tit span {
    font-size: 17px;
  }

  .home-service li .box .tip {
    padding: 10% 0;
  }

}

@media (max-width:760px) {
  .home-service li {
    width: 100%;
  }
}

.home-case {
  padding: 0 0 80px;
}

.home-case .left {
  float: left;
  width: 280px;
  padding-top: 50px;
}

.home-case .home-tit {
  text-align: left;
}

.home-case .home-tit h2:after {
  left: 0;
  margin-left: 0;
}

.home-case .tab {
  margin-top: 30%;
}

.home-case .tab span,
.home-case .tab a {
  margin-bottom: 22px;
  font-size: 22px;
  line-height: 48px;
  position: relative;
  display: block;
  cursor: pointer;
}

.home-case .tab span.active {
  color: #2a6cf4;
}

.home-case .tab span.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 50px;
  height: 1px;
  background: #2a6cf4;
}

.home-case .right {
  margin-left: 400px;
  margin-right: -160px;
  padding-top: 50px;
  position: relative;
}

.home-case .right .js-tab-con {
  height: 0;
  overflow: hidden;
}

.home-case .right .js-tab-con.active {
  height: auto;
}

.swiper-home-case .swiper-slide {
  padding: 90px 0 25px;
}

.swiper-home-case .box {
  position: relative;
  padding-bottom: 40px;
}

.swiper-home-case .box>img {
  width: 100%;
}

.swiper-home-case .box .text {
  position: absolute;
  bottom: 0;
  right: 160px;
  width: 42%;
  max-width: 535px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  padding: 6% 5% 135px;
}

.swiper-home-case .box .text img {
  margin: 0;
}

.swiper-home-case .box .text .tit {
  margin-top: 10px;
  font-size: 24px;
  color: #333333;
}

.swiper-home-case .box .text .des {
  margin-top: 8%;
  font-size: 18px;
  line-height: 26px;
  min-height: 286px;
  color: #333333;
  text-align: justify;
}

.swiper-home-case .box .text .des .p02 {
  font-size: 16px;
}

.swiper-home-case .box .text .home-button {
  margin: 35px 0 0;
}

.swiper-home-case .button {
  position: absolute;
  z-index: 3;
  right: 200px;
  bottom: 100px;
  width: 200px;
  height: 60px;
}

.swiper-home-case .swiper-pagination {
  line-height: 60px;
  height: 60px;
  font-size: 48px;
  color: #333333;
}

.swiper-home-case .swiper-pagination span {
  margin: 0;
}

.swiper-home-case .swiper-pagination .swiper-pagination-total {
  font-size: 36px;
  color: #999999;
  padding-top: 10px;
  line-height: 50px;
}

.swiper-home-case .swiper-button-next {
  background-image: url(../images/home_case_next.png);
}

.swiper-home-case .swiper-button-prev {
  background-image: url(../images/home_case_prev.png);
}

.swiper-caselogo .swiper-slide {
  padding: 25px 8px 0;
}

.swiper-caselogo .swiper-slide img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: .8；
}

.swiper-caselogo .swiper-slide img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none;
  opacity: 1；
}



@media (max-width:1700px) {
  .home-case .tab {
    margin-top: 15%;
  }

  .home-case .tab span,
  .home-case .tab a {
    font-size: 20px;
    line-height: 44px;
    margin-bottom: 10px;
  }

  .home-case .right {
    margin-left: 380px;
  }
}

@media (max-width:1580px) {

  .home-case .tab span,
  .home-case .tab a {
    font-size: 18px;
    line-height: 40px;
  }

  .swiper-home-case .box .text {
    right: 130px;
    padding: 3% 4% 90px;
    width: 35%;
  }

  .swiper-home-case .box .text .tit {
    margin-top: 5px;
    font-size: 20px;
  }

  .swiper-home-case .box .text .des {
    font-size: 16px;
  }

  .swiper-home-case .box .text .des .p02 {
    font-size: 14px;
  }

  .swiper-home-case .box .text .home-button {
    margin-top: 25px;
  }

  .swiper-home-case .button {
    bottom: 60px;
    right: 140px;
  }

  .swiper-home-case .swiper-pagination {
    font-size: 38px;
  }

  .swiper-home-case .swiper-pagination .swiper-pagination-total {
    font-size: 30px;
  }
}

@media (max-width:1400px) {
  .swiper-home-case .box .text img {
    width: 50%;
  }

  .swiper-home-case .box .text {
    padding: 2% 4% 90px;
    width: 35%;
  }

  .swiper-home-case .box .text .des {
    font-size: 14px;
    line-height: 24px;
    min-height: 260px;
  }

  .swiper-home-case .box .text .des .p02 {
    font-size: 13px;
  }
}


.home-news {
  padding: 60px 0;
  background: #f8f8f8;
}

.home-news .tab {
  padding-top: 58px;
  text-align: right;
  padding-right: 65px;
}

.home-news .tab span {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin: 0 25px;
  font-size: 24px;
  color: #999999;
  position: relative;
}

.home-news .tab span:before {
  content: "";
  position: absolute;
  margin-top: -10px;
  top: 50%;
  left: -25px;
  width: 1px;
  height: 20px;
  background: #999999;
}

.home-news .tab span:first-child:before {
  display: none;
}

.home-news .tab span.active {
  color: #2c71f4;
}

.home-news .js-tab-box {
  margin-top: 28px;
}

.home-news .js-tab-con {
  height: 0;
  overflow: hidden;
}

.home-news .js-tab-con.active {
  height: auto;
}

.home-news .content {
  margin-bottom: 60px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.home-news .img {
  width: 48%;
  max-width: 700px;
  position: relative;
}

.home-news .img .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5%;
  background: rgba(27, 27, 27, .6);
  color: #FFFFFF;
}

.home-news .img .text .date {
  font-size: 18px;
}

.home-news .img .text .date span {
  font-size: 36px;
}

.home-news .img .text p {
  margin-top: 14px;
  font-size: 20px;
}

.home-news .right {
  width: 45%;
  padding-right: 90px;
  height: 445px;
  overflow: hidden;
}

.home-news .right .list {
  border-top: 1px solid #cfddf7;
}

.home-news .right .list li {
  padding: 30px 0 35px;
  border-bottom: 1px solid #cfddf7;
}

.home-news .right .list a {
  display: block;
}

.home-news .right .list .date {
  font-size: 18px;
}

.home-news .right .list .date span {
  font-size: 36px;
}

.home-news .right .list .tit {
  margin-top: 15px;
  font-size: 20px;
}

.home-news .right .list .des {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  color: #999999;
}

.zl-scrollBarBox {
  height: 100%;
  position: absolute;
  background: #e1e1e1;
}

.zl-scrollBar {
  position: absolute;
  left: 0;
  top: 0;
  background: #aaaaaa;
  transition: background 0.3s;
  cursor: pointer;
}

.zl-scrollBar.zl-verticalBar {
  min-height: 10px;
}

.zl-scrollBar.zl-horizontalBar {
  min-width: 10px;
}

.zl-scrollContentDiv {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0;
  left: 0;
}


.pro-news {
  padding: 60px 0;
  background: #f8f8f8;
}

.pro-news .theme {
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  font-size: 22px;
  color: #333;
  font-weight: bold;
}

.xg-zixun {
  width: 100%;
}

.xg-zixun li {
  margin-top: 10px;
  float: left;
  width: 49%;
  margin-right: 2%;
}

.xg-zixun li:nth-child(2n) {
  margin-right: 0;
}

.xg-zixun li a {
  display: block;
  padding: 8px 95px 5px 30px;
  position: relative;
}

.xg-zixun li a:after {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -6px;
  width: 17px;
  height: 12px;
  background: url(../images/ico_more_hnews.png) right no-repeat;
  transition: ease all .6s;
  -webkit-transition: ease all .6s;
}

.xg-zixun li a:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 19px;
  width: 8px;
  height: 8px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
}

.xg-zixun li .tit {
  font-size: 16px;
  line-height: 30px;
}

.xg-zixun li .tit span {
  display: inline-block;
  margin-right: 15px;
}

.xg-zixun li .des {
  font-size: 12px;
  line-height: 30px;
  padding-left: 110px;
  color: #666;
}

.xg-zixun li a:hover {
  background: #2a6cf4;
  color: #FFFFFF;
}

.xg-zixun li a:hover:after {
  background: url(../images/ico_more_hnews2.png) right no-repeat;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

.xg-zixun li a:hover .des {
  color: #fff;
}





/* ========== */
/* = MB = */
/* ========== */
.mb-banner {
  position: relative;
}

.mb-banner .swiper-pagination {
  bottom: 0.5rem;
}

/*.mb-banner:before{ content:""; position: absolute; z-index: 3; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.mb-banner img{ width: 100%;}
.mb-banner video{ display: block; width: 100%; position: relative; z-index:-1;}
.mb-banner .home-text{ position: absolute; top:50%; z-index: 4; left:50%; transform: translateX(-50%) translateY(-50%); -webkit-transform:  translateX(-50%) translateY(-50%); max-width: 95%; }*/
.mb-point {
  padding: 0.73333333rem 0.33333333rem 1.06666666rem;
  background-image: url(../images/mb_point_bg.jpg);
}

.mb-point .content {
  margin: 0.66666666rem 0 0.26666666rem;
}

.mb-point .con:nth-child(1) {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.mb-point .con:nth-child(2) {
  text-align: center;
}

.mb-point .con:nth-child(2) .box {
  margin: 0 0.6rem;
}

.mb-point .box {
  padding-bottom: 0.4rem;
  display: inline-block;
  text-align: left;
}

.mb-point .box span {
  font-size: 0.64rem;
  line-height: 0.64rem;
  color: #2a6cf4;
  display: inline-block;
  padding-right: 0.4rem;
  position: relative;
}

.mb-point .box sup {
  position: absolute;
  top: 0.1rem;
  right: 0;
  font-size: 0.48rem;
}

.mb-point .box p {
  margin-top: 0.13333333rem;
  font-size: 0.26666666rem;
}

.mb-point .con:nth-child(1) .box:nth-child(1) sup {
  font-size: 0.26666666rem;
}

.gary-line {
  height: 0.26666666rem;
  width: 100%;
  background: #f9f9f9;
  box-shadow: 0 0.13333333rem 0.26666666rem rgba(0, 0, 0, .05) inset;
}

.mb-service {
  padding: 0.66666666rem 0 1.06666666rem;
}

.mb-service .tab {
  margin: 55px 0.33333333rem 0;
  position: relative;
  text-align: center;
}

.mb-service .tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.mb-service .tab span {
  margin: 0 30px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.mb-service .tab span i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  padding: 2px;
}

.mb-service .tab span i b {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #c8c8c8;
}

.mb-service .tab span p {
  margin-bottom: 0.13333333rem;
  font-size: 0.32rem;
}

.mb-service .tab span.active i {
  border: 1px solid #2a6cf4;
  background: #FFFFFF;
}

.mb-service .tab span.active i b {
  background: #2a6cf4;
}

.mb-service .tab span.active p {
  color: #2a6cf4;
  font-weight: bold;
}

.mb-service .content {
  position: relative;
  padding: 0 0.5rem;
}

.mb-service .swiper-button-next,
.mb-service .swiper-button-prev {
  margin-top: -0.333333rem;
  width: 0.66666666rem;
  height: 0.66666666rem;
  background-size: cover;
}

.mb-service .swiper-button-next {
  background-image: url(../images/about_next.png);
}

.mb-service .swiper-button-prev {
  background-image: url(../images/about_prev.png);
}

.mb-service .swiper-button-next:hover {
  background-image: url(../images/about_nexth.png);
}

.mb-service .swiper-button-prev:hover {
  background-image: url(../images/about_prevh.png);
}

.swiper-mb-service {
  padding: 0.4rem 0 0.333333rem;
}

.swiper-mb-service .swiper-slide {
  padding: 0 0.33333333rem;
}

.swiper-mb-service .box {
  background: #FFFFFF;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 25px 0 25px 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.swiper-mb-service .box .img {
  position: relative;
  width: 40%;
  text-align: center;
}

.swiper-mb-service .box .img img {
  width: 100%;
}

.swiper-mb-service .box .theme {
  position: absolute;
  top: 0.53333333rem;
  left: 0;
  width: 100%;
  color: #FFFFFF;
}

.swiper-mb-service .box .theme img {
  width: 1.33333333rem;
}

.swiper-mb-service .box .theme p {
  margin-top: 0.4rem;
  font-size: 0.4rem;
  letter-spacing: 0.04rem;
  font-weight: bold;
}

.swiper-mb-service .box .theme i {
  margin-top: 0.13333333rem;
  display: block;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.24rem;
  font-style: normal;
}

.swiper-mb-service .box .img span {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  font-size: 0.96rem;
  opacity: .5;
  font-weight: bold;
  color: #FFFFFF;
}

.swiper-mb-service .box .text {
  width: 60%;
  padding-left: 0.53333333rem;
}

.swiper-mb-service .box .tip {
  display: block;
  position: relative;
  padding: 0.2rem 0;
}

.swiper-mb-service .box .tip:first-child {
  padding-top: 0;
}

.swiper-mb-service .box .tip:last-child {
  padding-bottom: 0;
}

.swiper-mb-service .box .tit {
  margin-bottom: 0.13333333rem;
  position: relative;
  padding-left: 0.46666666rem;
}

.swiper-mb-service .box .tit:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.26666666rem;
  height: 0.26666666rem;
  margin-top: -0.133333rem;
  border: 2px solid #2a6cf4;
  border-radius: 100%;
  overflow: hidden;
}

.swiper-mb-service .box .tip p {
  line-height: 0.4rem;
  font-size: 0.26666666rem;
  color: #999999;
  padding-left: 0.46666666rem;
}

.mb-case {
  padding: 0.53333333rem 0 0.86666666rem;
}

.mb-case .top {
  padding: 0 0.83333333rem;
}

.swiper-mb-casenav {
  margin-top: 0.4rem;
}

.swiper-mb-casenav .swiper-slide {
  padding: 0 0.1333333rem;
  text-align: center;
}

.swiper-mb-casenav .swiper-slide span {
  display: block;
  line-height: 0.8rem;
  background: #eeeeee;
  font-size: 0.32rem;
  color: #333333;
}

.swiper-mb-casenav .swiper-slide.active span {
  background: #2a6cf4;
  color: #FFFFFF;
}

.mb-case .content {
  margin-top: 0.53333333rem;
  padding: 0 0.166666666rem;
}

.mb-case .con {
  height: 0;
  overflow: hidden;
  position: relative;
  padding: 0 0.5rem;
}

.mb-case .con.active {
  height: auto;
}

.mb-case .swiper-button-next,
.mb-case .swiper-button-prev {
  margin-top: 0;
  top: 3rem;
  width: 0.66666666rem;
  height: 0.66666666rem;
  background-size: cover;
}

.mb-case .swiper-button-next {
  background-image: url(../images/about_next.png);
}

.mb-case .swiper-button-prev {
  background-image: url(../images/about_prev.png);
}

.mb-case .swiper-button-next:hover {
  background-image: url(../images/about_nexth.png);
}

.mb-case .swiper-button-prev:hover {
  background-image: url(../images/about_prevh.png);
}

.swiper-mb-case .swiper-slide {
  padding: 0 0.3rem;
}

.swiper-mb-case .img {
  position: relative;
}

.swiper-mb-case .img>img {
  width: 100%;
}

.swiper-mb-case .img:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: .4;
}

.swiper-mb-case .img span {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 1.8rem;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.swiper-mb-case .text {
  padding: 0.49333333rem 0;
}

.swiper-mb-case .text .tit {
  font-size: 0.4rem;
  color: #333333;
  font-weight: bold;
  position: relative;
}

.swiper-mb-case .text .tit:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.13333rem;
  display: inline-block;
  width: 0.74666666rem;
  height: 0.26666666rem;
  background-image: url(../images/solution_more_blue.png);
  background-size: cover;
}

.swiper-mb-case .text .des {
  margin-top: 0.26666666rem;
  font-size: 0.3rem;
  line-height: 0.48rem;
}

.swiper-mb-caselogo {
  margin-bottom: 0.6rem;
}

.swiper-mb-caselogo .swiper-slide {
  padding: 0 0.13333333rem;
}

.swiper-mb-caselogo.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.swiper-mb-caselogo .swiper-slide img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: .8；
}



.mb-news {
  padding: 0.66666666rem 0.33333333rem 1.06666666rem;
}

.mb-news .tab {
  margin-top: 0.53333333rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.mb-news .tab span {
  display: inline-block;
  width: 2.93333333rem;
  line-height: 0.8rem;
  background: #eeeeee;
  font-size: 0.32rem;
  color: #333333;
}

.mb-news .tab span.active {
  background: #2a6cf4;
  color: #FFFFFF;
}

.mb-news .js-tab-box {
  margin-top: 0.50666666rem;
}

.mb-news .js-tab-con {
  display: none;
}

.mb-news .js-tab-con.active {
  display: block;
}

.mb-news .box {
  display: none;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.26666666rem 0;
}

.mb-news .box .img {
  width: 3.73333333rem;
}

.mb-news .box .text {
  width: 5.33333333rem;
}

.mb-news .box .text span {
  display: block;
  font-size: 0.26666666rem;
  color: #999999;
}

.mb-news .box .text .tit {
  margin-top: 0.12rem;
  font-size: 0.4rem;
  line-height: 0.66666666rem;
  height: 1.33333333rem;
  overflow: hidden;
  color: #333333;
}

.mb-news .box .text .des {
  margin-top: 0.12rem;
  font-size: 0.26666666rem;
  color: #999999;
}

.mb-news ul {
  margin-bottom: 0.8rem;
}

.mb-news .list {
  margin-top: 0.13333333rem;
  border-bottom: 1px solid #e5e5e5;
}

.mb-news .list a {
  display: block;
  line-height: 0.8rem;
  height: 0.8rem;
  position: relative;
  font-size: 0.32rem;
  padding-left: 0.66666666rem;
}

.mb-news .list a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.26666666rem;
  background: #2a6cf4;
  width: 0.13333333rem;
  height: 0.13333333rem;
  margin-top: -0.06666666rem;
  border-radius: 100%;
}

.mb-news .xz-ul li a {
  display: block;
  padding-left: 0;
  line-height: 0.6rem;
  padding: 0.26666666rem 0;
  border-bottom: 1px solid #ebebeb;
}

.mb-news .xz-ul li a:before {
  display: none;
}

.mb-news .xz-ul li a div {
  position: relative;
  padding-left: 0.53333333rem;
}

.mb-news .xz-ul li a div:before {
  content: "";
  position: absolute;
  margin-top: -3px;
  top: 50%;
  left: 0.18rem;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #2a6cf4;
}

.mb-news .xz-ul li a p {
  font-size: 0.26rem;
  padding-left: 0.53333333rem;
}


/* ========== */
/* = NY = */
/* ========== */
.ny-banner {
  background-image: url(../images/ny_banner_bg.jpg);
  color: #FFFFFF;
  position: relative;
}

.ny-banner2 {
  background-image: url(../images/ny_banner_bg2.jpg);
}

.ny-banner .container {
  height: 500px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.ny-banner .text {
  max-width: 60%;
}

.ny-banner .text h2 {
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
}

.ny-banner .text h1 {
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
}

.ny-banner .text p {
  margin-top: 30px;
  font-size: 24px;
  line-height: 40px;
}

.ny-banner .img2 {
  position: absolute;
  top: 0;
  right: 0;
}

.bread {
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
}

.bread span {
  display: inline-block;
  margin: 0 3px;
}

.bread i {
  font-style: normal;
  color: #333333;
}

.ny-menu {
  text-align: center;
}

.ny-menu span {
  color: #999999;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 50px;
}

.ny-menu a {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}

.ny-menu a.active {
  color: #2a6cf4;
}

.page {
  text-align: center;
}

.page a {
  display: inline-block;
  vertical-align: middle;
  background: #f8f8f8;
  padding: 0 14px;
  min-width: 50px;
  margin: 0 3px;
  line-height: 40px;
  color: #999999;
}

.page a:hover,
.page b {
  display: inline-block;
  background: #2b6cf4;
  color: #FFFFFF;
  padding: 0 14px;
  min-width: 50px;
  margin: 0 3px;
  line-height: 40px;
}


.video-button {
  cursor: pointer;
}

.video-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  text-align: center;
  z-index: 99999;
}

.video-pop .content+i {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.video-pop .content {
  position: relative;
  display: inline-block;
  width: 80%;
  max-width: 800px;
  vertical-align: middle;
  background: #000000;
}

.video-pop .content video {
  display: block;
  width: 100%;
}

.video-pop .close {
  position: absolute;
  top: 0;
  right: -50px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-image: url(../images/close.png);
  background-size: cover;
}



/* ========== */
/* = NEWSEARCH = */
/* ========== */
.newsearch-sign {
  padding: 60px 0 75px;
}

.newsearch-sign .container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.newsearch-sign .img {
  width: 48%;
}

.newsearch-sign .img img {
  width: 100%;
}

.newsearch-sign .text {
  width: 46%;
}

.newsearch-sign .text .home-tit {
  text-align: left;
}

.newsearch-sign .text .home-tit h2:after {
  left: 0;
  margin-left: 0;
}

.newsearch-sign .text .des {
  margin-top: 44px;
  font-size: 18px;
  line-height: 36px;
  text-align: justify;
}

.newsearch-sign .text .tip {
  margin-top: 30px;
  line-height: 60px;
}

.newsearch-sign .text .tip span {
  margin-right: 60px;
  position: relative;
  display: inline-block;
  padding-left: 75px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}

.newsearch-sign .text .tip span i {
  background: #f8f8f8;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.newsearch-sign .text .tip span:nth-child(2) {
  margin-right: 0;
}

.newsearch-sign .text .home-button {
  margin: 65px 0 0;
}

.newsearch-box {
  padding: 55px 0 80px;
}

.newsearch-box ul {
  margin-bottom: 65px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.newsearch-box li {
  margin-top: 45px;
  width: 31%;
  max-width: 480px;
  border-radius: 30px 0 30px 0;
  overflow: hidden;
  text-align: center;
}

.newsearch-box li .img {
  position: relative;
}

.newsearch-box li .img img {
  width: 100%;
}

.newsearch-box li .img span {
  position: absolute;
  background: #fff;
  border-radius: 100%;
  overflow: hidden;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.newsearch-box li .text {
  padding: 30px 15px 20px;
}

.newsearch-box li .text .tit {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  letter-spacing: 1px;
}

.newsearch-box li .text .des {
  margin-top: 15px;
}

.newsearch-box li .text .des span {
  display: inline-block;
  font-weight: bold;
  position: relative;
  padding-left: 13px;
  font-size: 18px;
  line-height: 34px;
}

.newsearch-box li .text .des span:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  overflow: hidden;
  background: #999999;
}

.newsearch-box li .text .des p {
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 24px;
  min-height: 48px;
}

.newsearch-box li.jt {
  max-width: 2%;
  position: relative;
}

.newsearch-box li.jt span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.newsearch-box li.jt span img {
  width: 100%;
}

.newsearch-box li:nth-child(5) .tit {
  color: #2a6cf4;
}

.newsearch-box li:nth-child(5) .des span {
  color: #2a6cf4;
}

.newsearch-box li:nth-child(5) .des span:before {
  background: #2a6cf4;
}

.newsearch-box li .text {
  padding-top: 0;
}

.newsearch-box li .text .tit {
  color: #2a6cf4;
  font-size: 26px;
}

.newsearch-box li .text .tip {
  margin-top: 20px;
}

.newsearch-box li .text .tip span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  padding-left: 30px;
}

.newsearch-box li .text .tip span:before {
  content: "";
  position: absolute;
  margin-top: -12px;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-image: url(../images/ico_right.png);
}


.mb-newsearch-box {
  padding: 0.8rem 0;
}

.mb-newsearch-box ul {
  margin: 0.8rem 0;
}

.mb-newsearch-box li {
  padding: 0 1rem 0 0.8rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  background: #f8f8f8;
  border-radius: 0.4rem 0 0.4rem 0;
  overflow: hidden;
  position: relative;
}

.mb-newsearch-box li .img {
  position: relative;
  width: 2.66666666rem;
}

.mb-newsearch-box li .img>img {
  width: 100%;
}

.mb-newsearch-box li .img span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.33333333rem;
  height: 1.33333333rem;
  margin-top: -0.66666666rem;
  margin-left: -0.66666666rem;
  border-radius: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, .8);
}

.mb-newsearch-box li .text {
  width: 2.66666666rem;
  text-align: center;
}

.mb-newsearch-box li .tit {
  font-size: 0.32rem;
  color: #2a6cf4;
  font-weight: bold;
}

.mb-newsearch-box li .des {
  font-size: 0.26666666rem;
  line-height: 0.53333333rem;
  color: #2a6cf4;
  width: 2.4rem;
  margin: 0.13333333rem auto 0;
  text-align: left;
}

.mb-newsearch-box li .des span {
  display: block;
  position: relative;
  padding-left: 0.4rem;
}

.mb-newsearch-box li .des span:before {
  content: "";
  position: absolute;
  margin-top: -0.15rem;
  top: 50%;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-size: cover;
  background-image: url(../images/ico_right.png);
}

.mb-newsearch-box li:nth-child(2) {
  padding: 0.7rem 1rem 0.7rem 0.26666666rem;
  background: #FFFFFF;
}

.mb-newsearch-box li:nth-child(2) .jt {
  position: absolute;
  left: 2rem;
  width: 0.3rem;
}

.mb-newsearch-box li:nth-child(2) .jt-01 {
  top: 0.1rem;
}

.mb-newsearch-box li:nth-child(2) .jt-02 {
  bottom: 0.1rem;
}

.mb-newsearch-box li:nth-child(2) .img {
  width: 3.93333333rem;
}

.mb-newsearch-box li:nth-child(2) .text .tit {
  font-size: 0.33rem;
}

.mb-newsearch-box li:nth-child(2) .des {
  color: #999999;
  width: 2.05333333rem;
}

.mb-newsearch-box li:nth-child(2) .des span {
  padding-left: 0.2rem;
}

.mb-newsearch-box li:nth-child(2) .des span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  overflow: hidden;
  background: #999999;
}

.mb-newsearch-box li:nth-child(1) .tit {
  color: #666666;
}

.mb-newsearch-box li:nth-child(1) .des {
  color: #666;
}

.mb-newsearch-box li:nth-child(1) .des span:before {
  background-image: url(../images/ico_worng.png);
}


.newsearch-challenge {
  padding-top: 50px;
}

.newsearch-challenge .content {
  margin: 60px 0;
  background: #eeeeee;
}

.newsearch-challenge .tit {
  height: 100px;
  line-height: 100px;
  border-bottom: 1px solid #d6d6d6;
  font-size: 24px;
  color: #999999;
  text-align: center;
}

.newsearch-challenge .left {
  float: left;
  width: 265px;
  padding-bottom: 62px;
  position: relative;
  z-index: 2;
}

.newsearch-challenge .left .ico {
  text-align: center;
  padding: 80px 30px 90px;
}

.newsearch-challenge .left .ico img {
  display: inline-block;
  margin: 10px;
}

.newsearch-challenge .left .text {
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  color: #999999;
}

.newsearch-challenge .right {
  margin-left: 265px;
  border-left: 1px solid #d6d6d6;
  background: #f8f8f8;
  position: relative;
  text-align: left;
}

.newsearch-challenge .right .tit {
  color: #333333;
}

.newsearch-challenge .right .tit span {
  font-size: 16px;
}

.newsearch-challenge .right .row {
  height: 84px;
  background: #eeeeee;
}

.newsearch-challenge .right .row:nth-child(2n) {
  background: #f8f8f8;
}

.newsearch-challenge .right .row-tit {
  font-size: 24px;
  color: #2a6cf4;
}

.newsearch-challenge .right .row>div {
  float: left;
  width: 24%;
  height: 84px;
  line-height: 84px;
  text-align: center;
}

.newsearch-challenge .right .row div img {
  margin: 0 13px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.newsearch-challenge .right .row .div-01 {
  position: relative;
  padding: 0 1%;
}

.newsearch-challenge .right .row .div-01 span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 38px;
  line-height: 36px;
  border-radius: 19px;
  font-size: 18px;
  color: #2a6cf4;
  border: 1px solid #2a6cf4;
}

.newsearch-challenge .right .row .div-01 span i {
  color: #666;
  display: inline-block;
  position: absolute;
  top: 45px;
  right: 24px;
  background: url(../images/ico_shu_jt.png) no-repeat left;
  padding-left: 28px;
  font-size: 16px;
  line-height: 30px;
  font-style: normal;
}

.newsearch-challenge .right .row .div-02 {
  width: 38%;
}

.newsearch-challenge .right .row .div-03 {
  width: 38%;
  text-align: left;
  text-align: center;
}

.newsearch-challenge .right .row .div-03 span {
  margin: 0 3px;
  display: inline-block;
  min-width: 80px;
  font-size: 16px;
}

.newsearch-challenge .right .row .div-03 i {
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 8px;
  background: #FFFFFF;
  opacity: .3;
}

.newsearch-challenge .right .row .div-03 span:nth-child(1) {
  position: relative;
  padding-left: 26px;
  color: #2a6cf4;
  font-size: 18px;
}

.newsearch-challenge .right .row .div-03 span:nth-child(1):before {
  content: "";
  position: absolute;
  margin-top: -12px;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-image: url(../images/ico_right.png);
}

.newsearch-challenge .right .tiaozhan-line {
  position: absolute;
  top: 190px;
  left: 40px;
}

.newsearch-challenge .mb-content {
  margin: 0.8rem 0;
}

.newsearch-challenge .mb-content img {
  width: 100^;
}

.newsearch-operate {
  padding: 45px 0 75px;
}

.newsearch-operate .home-tit p {
  max-width: 800px;
  margin: 10px auto 0;
}

.newsearch-operate ul {
  margin-bottom: 75px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.newsearch-operate li {
  margin-top: 50px;
  width: 22%;
  max-width: 348px;
}

.newsearch-operate li span {
  display: block;
  padding: 16px 0;
  text-align: center;
  position: relative;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.newsearch-operate li span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  height: 2px;
  background: #2a6cf4;
}

.newsearch-operate li p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}

.newsearch-case {
  padding-top: 50px;
  background: #f8f8f8;
}

.newsearch-case .top {
  position: relative;
  padding-right: 220px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
}

.newsearch-case .top .home-button {
  position: absolute;
  bottom: 30px;
  right: 0;
}

.newsearch-case .top .home-tit {
  text-align: left;
}

.newsearch-case .top .home-tit h2:after {
  left: 0;
  margin-left: 0;
}

.newsearch-case-big .swiper-slide {
  padding: 40px 60px;
}

.newsearch-case-big .swiper-button-next,
.newsearch-case-big .swiper-button-prev {
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-size: cover;
}

.newsearch-case-big .swiper-button-next {
  background-image: url(../images/about_next.png);
}

.newsearch-case-big .swiper-button-prev {
  background-image: url(../images/about_prev.png);
}

.newsearch-case-big .swiper-button-next:hover {
  background-image: url(../images/about_nexth.png);
}

.newsearch-case-big .swiper-button-prev:hover {
  background-image: url(../images/about_prevh.png);
}

.newsearch-case-big .box .left {
  float: left;
  width: 50%;
}

.newsearch-case-big .box .left .img {
  width: 680px;
  height: 400px;
  background-size: cover;
  padding: 30px 96px 33px;
  background-image: url(../images/diannao.png);
  position: relative;
}

.newsearch-case-big .box .left .img img {
  width: 100%;
}

.newsearch-case-big .box .right {
  margin-left: 740px;
  max-width: 650px;
}

.newsearch-case-big .box .right .con {
  border-bottom: 1px solid #a6c0f6;
  padding-bottom: 20px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.newsearch-case-big .box .right .con .img {
  width: 27%;
  max-width: 170px;
  background: #FFFFFF;
}

.newsearch-case-big .box .right .con .text {
  width: 69%;
  line-height: 24px;
  color: #999999;
  padding-top: 12px;
}

.newsearch-case-big .box .right .tit {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-top: 30px;
}

.newsearch-case-big .box .right .des {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
}

.newsearch-case .content {
  position: relative;
  background: #eeeeee;
}

.newsearch-case .content:after {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -20px;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #eeeeee;
}

.newsearch-case-small.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.newsearch-case-small {
  padding: 30px 0;
}

.newsearch-case-small .swiper-slide {
  padding: 0 40px;
}

.newsearch-case-small .swiper-slide span {
  background: #FFFFFF;
  display: block;
}


/* ========== */
/* = PROSERVEER = */
/* ========== */
.proserveer {
  padding: 50px 0 60px;
}

.proserveer .home-tit {
  position: relative;
}

.proserveer .home-tit .sub {
  position: absolute;
  top: -100px;
  left: 0;
}

.proserveer ul {
  margin: 0 -40px 80px;
}

.proserveer li {
  margin-top: 80px;
  float: left;
  width: 25%;
  padding: 0 40px;
  position: relative
}

.proserveer li .box {
  border-radius: 20px 0 20px 0;
  padding: 17% 15px 35%;
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .08);
  box-shadow: 0 5px 12px rgba(0, 0, 0, .08);
}

.proserveer li .kefu {
  display: block;
  position: absolute;
  left: calc(50% - 90px);
  bottom: 10%;
}

@media (max-width: 750px) {
  .proserveer li .kefu {
    left: calc(50% - 55px);
  }
}

.proserveer li .box span {
  background: #f8f8f8;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
}

.proserveer li .box .tit {
  margin-top: 25px;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}

.proserveer li .box .des {
  margin-top: 12px;
  font-size: 18px;
  line-height: 36px;
  min-height: 36px;
  color: #999999;
}

.proserveer li .box .home-button {
  margin-top: 45px;
  font-style: normal;
  max-width: 80%;
}


/* ========== */
/* = REDBOOK = */
/* ========== */
.redbook-why {
  padding: 50px 0 80px;
}

.redbook-why .content {
  margin: 85px 0 65px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.redbook-why .content .img {
  width: 47%;
}

.redbook-why .content .text {
  width: 47%;
}

.redbook-why .content .text .tit {
  padding-bottom: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  position: relative;
}

.redbook-why .content .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 4px;
  background: #2a6cf4;
}

.redbook-why .content .text li {
  margin-top: 50px;
  padding-left: 5%;
  max-width: 520px;
}

.redbook-why .content .text li span {
  display: block;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.redbook-why .content .text li p {
  margin-top: 25px;
  font-size: 18px;
  line-height: 36px;
}

.redbook-service {
  padding: 50px 0 80px;
  background: #f8f8f8;
}

.redbook-service .content {
  margin: 55px 0 80px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.redbook-service ul {
  margin-left: 5%;
  width: 44%;
  padding-bottom: 30px;
}

.redbook-service ul li {
  margin-top: 50px;
  float: left;
  width: 50%;
  padding-right: 5%;
}

.redbook-service ul li:nth-child(2n+1) {
  clear: both;
}

.redbook-service ul li img {
  margin: 0;
}

.redbook-service ul li span {
  padding: 10px 0;
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  position: relative;
}

.redbook-service ul li span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 1px;
  background: #c6c6c6;
}

.redbook-service ul li p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  max-width: 290px;
}

.redbook-service .img {
  width: 50%;
  position: relative;
}

.redbook-service .img .text {
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
  padding-right: 6%;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}

.redbook-service .img .text span {
  color: #333333;
}

.redbook-advantage {
  padding: 55px 0 80px;
}

.redbook-advantage ul {
  margin: 0 -40px 80px;
}

.redbook-advantage li {
  margin-top: 60px;
  float: left;
  width: 33.33333%;
  padding: 0 40px;
}

.redbook-advantage li .box {
  position: relative;
  padding: 80px 45px 30px;
  letter-spacing: 1px;
}

.redbook-advantage li .box span {
  position: absolute;
  top: 0;
  right: 0;
}

.redbook-advantage li .box .tit {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 20px;
}

.redbook-advantage li .box .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 180px;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.redbook-advantage li .box p {
  margin-top: 10px;
  font-size: 18px;
  line-height: 36px;
  text-align: justify;
}



/* ========== */
/* = HEADLINES = */
/* ========== */
.headlines-why {
  padding: 55px 0 80px;
}

.headlines-why ul {
  margin: 75px 0;
  padding: 0 5%;
}

.headlines-why ul li {
  float: left;
  width: 33.333333%;
  padding: 0 3%;
}

.headlines-why ul li div {
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}

.headlines-why ul li span {
  display: block;
  margin-top: 10px;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.headlines-why ul li p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 36px;
}

.headlines-service {
  padding: 45px 0 80px;
  background: #f8f8f8;
}

.headlines-service ul {
  margin: 55px -40px 80px;
}

.headlines-service li {
  float: left;
  width: 50%;
  padding: 0 40px;
}

.headlines-service li .box {
  display: flex;
  flex-flow: wrap;
  background: #ffffff;
  justify-content: space-between;
  align-items: center;
  border-radius: 25px 0 25px 0;
  overflow: hidden;
}

.headlines-service li .box .img {
  width: 32%;
  position: relative;
}

.headlines-service li .box .img span {
  position: absolute;
  top: 70px;
  left: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  width: 30px;
  line-height: 36px;
}

.headlines-service li .box .tit img {
  margin: 0;
}

.headlines-service li .box .tit span {
  margin-top: 260%;
  display: block;
  font-size: 60px;
  font-weight: bold;
  color: #bdccfb;
}

.headlines-service li .box .des {
  margin-left: 3%;
  width: 44%;
  padding-right: 10px;
}

.headlines-service li .box .des p {
  margin: 21% 0;
}

.headlines-service li .box .des p:first-child {
  margin-top: 0;
}

.headlines-service li .box .des p:last-child {
  margin-bottom: 0;
}

.headlines-service li .box .des p img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.headlines-service li .box .des p span {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
}

.headlines-advantage {
  padding: 35px 0 80px;
}

.headlines-advantage ul {
  margin: 55px -35px 80px;
}

.headlines-advantage li {
  float: left;
  width: 50%;
  padding: 0 35px;
}

.headlines-advantage li .box {
  padding: 35px 15px 60px;
  text-align: center;
}

.headlines-advantage li p {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}


/* ========== */
/* = mgHonors EPR = */
/* ========== */
.epr-why {
  padding: 50px 0 70px;
}

.epr-why .container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.epr-why .text {
  width: 46%;
}

.epr-why .text .con {
  margin: 55px 0 70px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
}

.epr-why .text .box span {
  display: inline-block;
  background: #f8f8f8;
  border-radius: 100%;
  overflow: hidden;
}

.epr-why .text .box p {
  margin-top: 20px;
  font-size: 24px;
  color: #333333;
}

.epr-why .img {
  width: 48%;
}

.epr-why .img img {
  width: 100%;
}

.epr-service {
  padding: 55px 0 80px;
  background: #f8f8f8;
}

.epr-service .content {
  margin: 60px 0 70px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.epr-service .content .img {
  width: 47%;
}

.epr-service .content .img img {
  width: 100%;
}

.epr-service .content ul {
  width: 48%;
}

.epr-service .content li {
  position: relative;
  height: 120px;
  margin: 7% 0;
  padding-left: 170px;
}

.epr-service .content li:first-child {
  margin-top: 0;
}

.epr-service .content li:last-child {
  margin-bottom: 0;
}

.epr-service .content li span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFFFFF;
  border-radius: 100%;
  overflow: hidden;
}

.epr-service .content li div i {
  display: block;
  font-style: normal;
  font-size: 24px;
  line-height: 48px;
  color: #333333;
  font-weight: bold;
}

.epr-service .content li div p {
  line-height: 30px;
  font-size: 16px;
}

.epr-advantage {
  padding: 45px 0 75px;
}

.epr-advantage ul {
  margin-bottom: 70px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.epr-advantage li {
  margin-top: 50px;
  width: 23%;
  max-width: 342px;
}

.epr-advantage li {
  position: relative;
  padding: 30px;
  letter-spacing: 1px;
  overflow: hidden;
}

.epr-advantage li .ico {
  position: absolute;
  top: 0;
  right: -20px;
}

.epr-advantage li .tit {
  position: relative;
  font-size: 25px;
  line-height: 36px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 20px;
}

.epr-advantage li .tit span {
  color: #2a6cf4;
  font-size: 30px;
}

.epr-advantage li .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 180px;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.epr-advantage li .des {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}

/* ========== */
/* = SEM = */
/* ========== */
.sem-why {
  padding: 80px 0;
}

.sem-why .container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.sem-why .img {
  width: 48%;
}

.sem-why .img img {
  width: 100%;
}

.sem-why .text {
  margin-left: -8%;
  width: 60%;
  background: #FFFFFF;
  padding: 3%;
}

.sem-why .con {
  margin: 48px 0 50px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.sem-why .con p {
  margin-top: 10px;
  font-weight: bold;
  color: #333333;
  font-size: 24px;
  letter-spacing: 1px;
}

.sem-service {
  padding: 40px 0 80px;
  background: #f8f8f8;
}

.sem-service ul {
  margin-bottom: 75px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.sem-service li {
  margin-top: 50px;
  background: #ffffff;
  width: 23%;
  max-width: 342px;
  overflow: hidden;
  border-radius: 20px 0 20px 0;
}

.sem-service li .img {
  position: relative;
}

.sem-service li .img>img {
  width: 100%;
}

.sem-service li .img span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.sem-service li .text {
  position: relative;
  padding: 30px 20px;
}

.sem-service li .tit {
  text-align: center;
}

.sem-service li .tit span {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  display: block;
  position: relative;
  padding-bottom: 12px;
}

.sem-service li .tit span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 56px;
  margin-left: -28px;
  height: 1px;
  background: #e5e5e5;
}

.sem-service li .tit p {
  margin-top: 10px;
  font-size: 18px;
  color: #333333;
}

.sem-service li .des {
  max-width: 190px;
  margin: 30px auto 0;
  font-size: 16px;
  line-height: 34px;
}

.sem-service li .des p {
  position: relative;
  padding-left: 13px;
}

.sem-service li .des p:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  overflow: hidden;
  background: #2a6cf4;
}

.sem-service li .num {
  position: absolute;
  bottom: -10px;
  right: -10px;
  color: #eff3fe;
  font-weight: bold;
  font-size: 100px;
  line-height: 100px;
}

.mb-sem-service {
  padding: 0.8rem 0;
}

.mb-sem-service ul {
  margin: 0.8rem 0 0.7rem;
}

.mb-sem-service li {
  margin-bottom: 0.46666666rem;
  overflow: hidden;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.53333333rem 0 0.53333333rem 0;
}

.mb-sem-service li .img {
  position: relative;
  width: 48%;
}

.mb-sem-service li .img>img {
  width: 100%;
}

.mb-sem-service li .img i {
  font-style: normal;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  bottom: -0.26666666rem;
  font-size: 1.33333333rem;
  line-height: 1.46666666rem;
  color: #FFFFFF;
  opacity: .4;
}

.mb-sem-service li .img span {
  position: absolute;
  top: 1.33333333rem;
  width: 1.33333333rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.mb-sem-service li .text {
  width: 52%;
  padding: 0 0.3rem 0 0.93333333rem;
}

.mb-sem-service li .tit span {
  color: #333333;
  font-size: 0.32rem;
  font-weight: bold;
  display: block;
  position: relative;
  padding-bottom: 0.13rem;
}

.mb-sem-service li .tit span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.85333333rem;
  height: 1px;
  background: #e5e5e5;
}

.mb-sem-service li .tit p {
  margin-top: 0.1rem;
  font-size: 0.26666666rem;
  color: #333333;
}

.mb-sem-service li .des {
  margin-top: 0.14rem;
  font-size: 0.26666666rem;
  line-height: 0.44rem;
  color: #999999;
}

.mb-sem-service li .des p {
  position: relative;
  padding-left: 13px;
}

.mb-sem-service li .des p:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  overflow: hidden;
  background: #2a6cf4;
}


.sem-advantage {
  padding: 55px 0 80px;
}

.sem-advantage ul {
  margin-bottom: 80px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.sem-advantage li {
  margin-top: 50px;
  width: 23%;
  max-width: 342px;
  overflow: hidden;
}

.sem-advantage li {
  position: relative;
  padding: 60px 32px 30px;
  letter-spacing: 1px;
}

.sem-advantage li span {
  position: absolute;
  top: 10px;
  right: -18px;
}

.sem-advantage li .tit {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 20px;
}

.sem-advantage li .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 180px;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.sem-advantage li p {
  margin-top: 14px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}

/* ========== */
/* = SEO = */
/* ========== */
.seo-service {
  padding: 50px 0 70px;
  background: #f8f8f8;
}

.seo-service ul {
  margin-bottom: 80px;
}

.seo-service li {
  margin-top: 60px;
  background: #ffffff;
  float: left;
  width: 48%;
  margin-right: 4%;
  overflow: hidden;
  border-radius: 20px 0 20px 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  padding: 4%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.seo-service li:nth-child(2n) {
  margin-right: 0;
}

.seo-service li .img {
  width: 34%;
  position: relative;
}

.seo-service li .img>img {
  width: 100%;
}

.seo-service li .img span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.seo-service li .text {
  width: 61%;
  max-width: 380px;
}

.seo-service li .text .tit {
  position: relative;
  padding-bottom: 12px;
  color: #333333;
  text-transform: uppercase;
}

.seo-service li .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 1px;
  background: #cccccc;
}

.seo-service li .text .tit span {
  font-size: 24px;
  font-weight: bold;
  display: block;
}

.seo-service li .text .tit p {
  margin-top: 5px;
  font-size: 18px;
}

.seo-service li .text .num {
  position: absolute;
  top: 12%;
  right: 7%;
  color: #bdccfb;
  font-weight: bold;
  font-size: 30px;
}

.seo-service li .des {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  min-height: 90px;
}

.seo-service li .des p {
  position: relative;
  display: inline-block;
  padding-left: 13px;
  min-width: 48%;
}

.seo-service li .des p:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  overflow: hidden;
  background: #2a6cf4;
}

/* ========== */
/* = PLANMAKE = */
/* ========== */
.planmake-box {
  padding: 45px 0 50px;
}

.planmake-box .tab {
  margin: 55px auto 0;
  max-width: 790px;
  position: relative;
  text-align: center;
}

.planmake-box .tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 11px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to left, rgba(0, 0, 0, .06), rgba(0, 0, 0, .4), rgba(0, 0, 0, .06)) 1 10;
}

.planmake-box .tab span {
  margin: 0 30px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.planmake-box .tab span i {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  padding: 2px;
}

.planmake-box .tab span i b {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background: #c8c8c8;
}

.planmake-box .tab span p {
  margin-bottom: 8px;
  font-size: 24px;
}

.planmake-box .tab span.active i {
  border: 1px solid #2a6cf4;
  background: #FFFFFF;
}

.planmake-box .tab span.active i b {
  background: #2a6cf4;
}

.planmake-box .tab span.active p {
  color: #2a6cf4;
  font-weight: bold;
}

.planmake-box .swiper-planmake-box {
  margin-top: 85px;
}

.planmake-box .con {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.planmake-box .con .img {
  width: 50%;
}

.planmake-box .con .text {
  width: 50%;
  padding-left: 6%;
}

.planmake-box .con .text .tit span {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}

.planmake-box .con .text .tit p {
  font-size: 18px;
  margin-top: 10px;
}

.planmake-box .con .text .box {
  margin-top: 30px;
  min-height: 80px;
}

.planmake-box .con .text .box span {
  float: left;
  display: inline-block;
  background: #f8f8f8;
  border-radius: 100%;
  overflow: hidden;
}

.planmake-box .con .text .box div {
  margin-left: 100px;
  padding-top: 10px;
}

.planmake-box .con .text .box i {
  font-weight: bold;
  color: #333333;
  font-size: 18px;
  font-style: normal;
  position: relative;
  display: block;
}

.planmake-box .con .text .box p {
  margin-top: 10px;
  font-size: 18px;
  text-align: justify;
}

.planmake-box .con .text .home-button {
  margin: 55px 0 0;
  background: #2a6cf4;
  color: #FFFFFF;
}

.planmake-why {
  padding-bottom: 80px;
}

.planmake-why ul {
  margin-top: 75px;
}

.planmake-why li {
  margin-bottom: 80px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.planmake-why li .img {
  width: 50%;
}

.planmake-why li .text {
  width: 50%;
  padding-left: 4%;
}

.planmake-why li:nth-child(2n) .text {
  padding-left: 0;
  padding-right: 4%;
}

.planmake-why li .tit {
  text-align: center;
  color: #333333;
}

.planmake-why li .tit span {
  font-size: 30px;
  font-weight: bold;
}

.planmake-why li .tit p {
  margin-top: 20px;
  font-size: 18px;
}

.planmake-why li .box {
  margin-top: 45px;
  float: left;
  width: 48%;
  margin-right: 4%;
}

.planmake-why li .box:nth-child(2n) {
  margin-right: 0;
}

.planmake-why li .box span {
  float: left;
  display: inline-block;
  background: #f8f8f8;
  border-radius: 100%;
  overflow: hidden;
}

.planmake-why li .box div {
  margin-left: 100px;
}

.planmake-why li .box i {
  font-weight: bold;
  color: #333333;
  font-size: 24px;
  font-style: normal;
  padding-bottom: 10px;
  position: relative;
  display: block;
}

.planmake-why li .box i:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 1px;
  background: #cccccc;
}

.planmake-why li .box p {
  margin-top: 5px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}

.planmake-process {
  padding: 50px 0 80px;
  background-image: url(../images/planmake_process.jpg);
}

.planmake-process .content {
  margin: 70px 0 55px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.planmake-process .box {
  padding: 30px 15px 15px;
  width: 16%;
  background: #FFFFFF;
  border-radius: 40px 0 40px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.planmake-process .box .ico {
  display: inline-block;
  background: #f8f8f8;
  border-radius: 100%;
  overflow: hidden;
}

.planmake-process .box .tit {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  padding: 16px 0;
  position: relative;
}

.planmake-process .box .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -28px;
  width: 56px;
  height: 1px;
  background: #2a6cf4;
}

.planmake-process .box .des {
  position: relative;
  z-index: 1;
  margin: 10px auto 0;
  max-width: 130px;
  font-size: 16px;
  line-height: 34px;
  color: #999999;
  text-align: left;
}

.planmake-process .box .des p {
  position: relative;
  padding-left: 13px;
}

.planmake-process .box .des p:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  overflow: hidden;
  background: #2a6cf4;
}

.planmake-process .box .num {
  position: absolute;
  z-index: 0;
  bottom: -15px;
  right: 20px;
  font-size: 72px;
  line-height: 80px;
  font-weight: bold;
  color: #eff3fe;
}

.planmake-process .jt {
  padding-top: 10%;
}

/* ========== */
/* = ZHIHU = */
/* ========== */
.zhihu-why {
  padding: 50px 0 80px;
}

.zhihu-why ul {
  margin-bottom: 65px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.zhihu-why li {
  margin-top: 65px;
  width: 23%;
  max-width: 290px;
  text-align: center;
}

.zhihu-why li span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 1px;
  margin-top: 10px;
}

.zhihu-why li p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 36px;
}

.zhihu-service {
  background: #f8f8f8;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.zhihu-service .img {
  width: 50%;
}

.zhihu-service .text {
  width: 50%;
  padding: 3% 7% 4% 5%;
}

.zhihu-service .home-tit {
  text-align: left;
}

.zhihu-service .home-tit h2:after {
  left: 0;
  margin-left: 0;
}

.zhihu-service .home-button {
  margin: 30px 0 0;
}

.zhihu-service .text li {
  margin-top: 32px;
  float: left;
  width: 45%;
  max-width: 300px;
  margin-right: 4%;
}

.zhihu-service .text li:nth-child(2n) {
  margin-right: 0;
}

.zhihu-service .text li img {
  margin: 0;
  margin-left: -10px;
}

.zhihu-service .text li span {
  margin-top: 5px;
  font-weight: bold;
  color: #333333;
  font-size: 24px;
  font-style: normal;
  padding-bottom: 10px;
  position: relative;
  display: block;
}

.zhihu-service .text li span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 1px;
  background: #cccccc;
}

.zhihu-service .text li p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
}

.zhihu-advantage {
  padding: 50px 0 80px;
}

.zhihu-advantage ul {
  margin: 10px 0 70px;
}

.zhihu-advantage li {
  margin-top: 60px;
  float: left;
  width: 48%;
  margin-right: 4%;
}

.zhihu-advantage li:nth-child(2n) {
  margin-right: 0;
}

.zhihu-advantage li .text {
  padding: 20px;
  text-align: center;
}

.zhihu-advantage li .text span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 1px;
}

.zhihu-advantage li .text p {
  max-width: 490px;
  margin: 20px auto 0;
  font-size: 16px;
  line-height: 30px;
}


/* ========== */
/* = FLOW = */
/* ========== */
.flow-why {
  padding: 50px 0 80px;
}

.flow-why ul {
  margin: 0 auto 65px;
  max-width: 1260px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.flow-why li {
  margin-top: 65px;
  width: 30%;
  text-align: center;
}

.flow-why li span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 1px;
  margin-top: 10px;
}

.flow-why li p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 36px;
}

.flow-service {
  background: #eeeeee;
  padding-top: 50px;
}

.flow-service .con {
  position: relative;
  margin-top: 15px;
  padding: 0 90px;
}

.flow-service .swiper-button-next {
  background-image: url(../images/flow_next.png);
}

.flow-service .swiper-button-prev {
  background-image: url(../images/flow_prev.png);
}

.flow-service .swiper-button-next:hover {
  background-image: url(../images/flow_nexth.png);
}

.flow-service .swiper-button-prev:hover {
  background-image: url(../images/flow_prevh.png);
}

.flow-service .swiper-flow-nav .swiper-slide {
  position: relative;
  padding: 40px 0;
  text-align: center;
}

.flow-service .swiper-flow-nav .swiper-slide span {
  max-width: 70%;
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #bebebe;
  border-radius: 20px;
  overflow: hidden;
}

.flow-service .swiper-flow-nav .swiper-slide:before {
  display: none;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #f8f8f8;
}

.flow-service .swiper-flow-nav .swiper-slide-thumb-active:before {
  display: block;
}

.flow-service .content {
  background: #f8f8f8;
  padding: 35px 0 70px;
}

.flow-service .swiper-pagination {
  left: auto;
  text-align: right;
  right: 0;
  width: 200px;
  line-height: 60px;
  height: 60px;
  font-size: 48px;
  color: #333333;
}

.flow-service .swiper-pagination span {
  margin: 0;
}

.flow-service .swiper-pagination .swiper-pagination-total {
  font-size: 36px;
  color: #999999;
  padding-top: 10px;
  line-height: 50px;
}

.flow-service .swiper-flow .box {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.flow-service .swiper-flow .box .img {
  width: 40%;
  text-align: center;
}

.flow-service .swiper-flow .box .img div {
  display: none;
}

.flow-service .swiper-flow .box .img div.active {
  display: block;
}

.flow-service .swiper-flow .box .img img {
  width: 100%;
}

.flow-service .swiper-flow .box .img p {
  margin-top: 10px;
  color: #333333;
  font-size: 18px;
}

.flow-service .swiper-flow .box .text {
  width: 55%;
}

.flow-service .swiper-flow .box .text .tit {
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  position: relative;
}

.flow-service .swiper-flow .box .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 150px;
  height: 1px;
  background: #c6c6c6;
}

.flow-service .swiper-flow .box .text .des {
  margin: 15px 0 25px;
  font-size: 16px;
  line-height: 30px;
}

.flow-service .swiper-flow .box .text .tip {
  font-size: 0;
}

.flow-service .swiper-flow .box .text .tip span {
  display: inline-block;
  line-height: 28px;
  min-width: 152px;
  text-align: center;
  border: 1px solid #2b6cf4;
  color: #2b6cf4;
  padding: 0 10px;
  border-radius: 15px;
  overflow: hidden;
  font-size: 16px;
  margin: 20px 20px 0 0;
  cursor: pointer;
}

.flow-service .swiper-flow .box .text .tip span.active {
  background: #2b6cf4;
  color: #FFFFFF;
}

.flow-service .swiper-flow .box .home-button {
  margin: 60px 0 0;
}


.mb-flow-service {
  padding: 0.66666666rem 0;
}

.mb-flow-service .con {
  padding: 0 0.6rem;
  position: relative;
}

.mb-flow-service .swiper-button-next {
  background-image: url(../images/flow_next.png);
}

.mb-flow-service .swiper-button-prev {
  background-image: url(../images/flow_prev.png);
}

.mb-flow-service .swiper-button-next,
.mb-flow-service .swiper-button-prev {
  width: 0.53333333rem;
  height: 0.53333333rem;
  margin-top: -0.26666666rem;
}

.mb-flow-service .mb-swiper-flow-nav .swiper-slide {
  position: relative;
  padding: 0.53333333rem 0;
  text-align: center;
}

.mb-flow-service .mb-swiper-flow-nav .swiper-slide span {
  max-width: 80%;
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #bebebe;
  border-radius: 0.26666666rem;
  overflow: hidden;
}

.mb-flow-service .mb-swiper-flow-nav .swiper-slide:before {
  display: none;
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  margin-left: -0.3rem;
  width: 0;
  height: 0;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.3rem solid #f8f8f8;
}

.mb-flow-service .mb-swiper-flow-nav .swiper-slide-thumb-active:before {
  display: block;
}

.mb-flow-service .content {
  background: #f8f8f8;
  padding: 0.4rem 0.8rem;
}

.mb-flow-service .mb-swiper-pagination {
  display: none;
}

.mb-flow-service .mb-swiper-flow .swiper-slide {
  padding-bottom: 0.25rem;
}

.mb-flow-service .mb-swiper-flow .box {
  display: block;
}

.mb-flow-service .mb-swiper-flow .box .tit {
  padding-bottom: 0.13333333rem;
  font-size: 0.32rem;
  font-weight: bold;
  color: #333333;
  position: relative;
}

.mb-flow-service .mb-swiper-flow .box .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.13333333rem;
  height: 1px;
  background: #c6c6c6;
}

.mb-flow-service .mb-swiper-flow .box .des {
  margin: 0.2rem 0 0.33333333rem;
  font-size: 0.26666666rem;
  line-height: 0.48rem;
}

.mb-flow-service .mb-swiper-flow .box .tip {
  font-size: 0;
  width: 102%;
}

.mb-flow-service .mb-swiper-flow .box .tip span {
  display: inline-block;
  line-height: 0.53333333rem;
  min-width: 2.3rem;
  text-align: center;
  border: 1px solid #2b6cf4;
  color: #2b6cf4;
  padding: 0 0.22rem;
  border-radius: 15px;
  overflow: hidden;
  font-size: 0.26666666rem;
  margin: 0.2rem 0.2rem 0 0;
  cursor: pointer;
}

.mb-flow-service .mb-swiper-flow .box .tip span.active {
  background: #2b6cf4;
  color: #FFFFFF;
}

.mb-flow-service .mb-swiper-flow .box .img {
  margin-top: 0.26666666rem;
  width: 100%;
  text-align: center;
}

.mb-flow-service .mb-swiper-flow .box .img div {
  display: none;
}

.mb-flow-service .mb-swiper-flow .box .img div.active {
  display: block;
}

.mb-flow-service .mb-swiper-flow .box .img img {
  width: 100%;
}


.flow-advantage {
  padding: 35px 0 80px;
}

.flow-advantage ul {
  margin-bottom: 75px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.flow-advantage li {
  margin-top: 80px;
  width: 23%;
  max-width: 340px;
  position: relative;
}

.flow-advantage li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: .4;
}

.flow-advantage li span {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 24px;
  line-height: 50px;
  color: #FFFFFF;
  font-weight: bold;
}

.flow-advantage li span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  height: 1px;
  background: #FFFFFF;
}


/* ========== */
/* = SEO_SYSTEM = */
/* ========== */
.seo-system {
  padding: 92px 0 160px;
  background-image: url(../images/seo_system_bg.jpg);
  background-position: top center;
}

.seo-system-list {
  margin-top: 90px;
}

.seo-system-list li {
  margin-bottom: 65px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.seo-system-list li .img {
  width: 49%;
}

.seo-system-list li .text {
  width: 35%;
  margin-right: 6%;
  position: relative;
}

.seo-system-list li .text .tit {
  padding-bottom: 12px;
  text-transform: uppercase;
  position: relative;
}

.seo-system-list li .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 150px;
  height: 1px;
  background: #2a6cf4;
}

.seo-system-list li .text .tit span {
  font-size: 30px;
  color: #333333;
  font-weight: bold;
}

.seo-system-list li .text .tit p {
  margin-top: 12px;
  font-size: 18px;
}

.seo-system-list li .text .des {
  margin-top: 10px;
  text-align: justify;
  max-width: 440px;
  font-size: 18px;
  line-height: 36px;
}

.seo-system-list li .text .des span {
  font-weight: bold;
  color: #333333;
}

.seo-system-list li .text .home-button {
  margin: 40px 0 0;
}

.seo-system-list li .text .num {
  position: absolute;
  top: 0;
  right: 5%;
  color: #2a6cf4;
  opacity: .05;
  font-weight: bold;
  font-size: 200px;
  line-height: 200px;
}

.seo-system-list li:nth-child(2n) .text {
  margin-right: 0;
  margin-left: 15%;
}

.seo-system-list li:nth-child(2) .text,
.seo-system-list li:nth-child(5) .text {
  color: #FFFFFF;
}

.seo-system-list li:nth-child(2) .text .tit:after,
.seo-system-list li:nth-child(5) .text .tit:after {
  background: #FFFFFF;
}

.seo-system-list li:nth-child(2) .text .tit span,
.seo-system-list li:nth-child(5) .text .tit span {
  color: #FFFFFF;
}

.seo-system-list li:nth-child(2) .text .des span,
.seo-system-list li:nth-child(5) .text .des span {
  color: #FFFFFF;
}

.seo-system-list li:nth-child(2) .text .num,
.seo-system-list li:nth-child(5) .text .num {
  color: #FFFFFF;
  opacity: .1;
}

/* ========== */
/* = MEDIA = */
/* ========== */
.media-tab {
  padding-top: 55px;
}

.media-why {
  padding: 80px 0;
}

.media-why .container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.media-why .img {
  width: 48%;
}

.media-why .img img {
  width: 100%;
}

.media-why .text {
  width: 60%;
  margin-left: -8%;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  padding: 3% 3% 4%;
}

.media-why .con {
  margin: 48px 0 70px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.media-why .con p {
  margin-top: 10px;
  font-weight: bold;
  color: #333333;
  font-size: 24px;
  letter-spacing: 1px;
}

.media-service {
  padding: 50px 0 120px;
  background: #f8f8f8;
}

.media-service .content {
  margin-top: 50px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.media-service .img {
  width: 45%;
}

.media-service .content .img img {
  width: 100%;
}

.media-service .content .text {
  width: 50%;
}

.media-service .content .text .des {
  font-size: 24px;
  line-height: 36px;
  text-align: justify;
}

.media-service .content .text ul {
  margin-top: 65px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.media-service .content .text li {
  max-width: 33%;
  text-align: center;
}

.media-service .content .text li span {
  border-radius: 100%;
  overflow: hidden;
  background: #FFFFFF;
  display: inline-block;
}

.media-service .content .text li p {
  font-size: 24px;
  line-height: 36px;
  color: #333333;
  font-weight: bold;
}

.media-service .content .text .home-button {
  margin: 50px 0 0;
}

/* ========== */
/* = SOLUTION = */
/* ========== */
.solution {
  padding-bottom: 150px;
}

.solution-list {
  margin: 0 -40px;
}

.solution-list li {
  float: left;
  width: 33.3333%;
  margin-top: 78px;
  padding: 0 40px;
}

.solution-list li .img {
  position: relative;
  overflow: hidden;
}

.solution-list li .img img {
  width: 100%;
}

.solution-list li .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: .4;
}

.solution-list li p {
  line-height: 70px;
  background: #f8f8f8;
  padding: 0 90px 0 17px;
  position: relative;
  font-size: 24px;
  color: #070707;
  position: relative;
}

.solution-list li p:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 15px;
  width: 56px;
  height: 20px;
  background-image: url(../images/solution_more.png);
  background-size: cover;
}

.solution-list li a:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.solution-list li a:hover .img:after {
  opacity: .1;
}

.solution-list li a:hover p {
  color: #2a6cf4;
}

/* ========== */
/* = SOLUTION_DETAIL = */
/* ========== */
.solution-pain {
  padding: 46px 0 48px;
}

.solution-pain .img {
  margin-top: 40px;
}

.solution-journey {
  padding: 50px 0 80px;
  background: #f8f8f8;
}

.solution-journey .home-tit p {
  max-width: 890px;
  margin: 40px auto 0;
  font-size: 18px;
  line-height: 36px;
}

.solution-journey .content {
  margin: 60px 0;
}

.solution-journey .row {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  background: #d5e2fd;
}

.solution-journey .row .tit {
  height: 200px;
  width: 18.125%;
  border-right: 1px solid #eff4fe;
  padding-top: 70px;
  text-align: center;
}

.solution-journey .row .tit div {
  font-size: 24px;
  text-align: left;
  display: inline-block;
  color: #333333;
}

.solution-journey .row .tit span {
  display: block;
  font-weight: bold;
}

.solution-journey .row .tit p {
  margin-top: 5px;
}

.solution-journey .row .con {
  width: 81.875%;
}

.solution-journey .row .con {
  padding: 0 4%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.solution-journey .row:nth-child(2) {
  background: #aac4fb;
}

.solution-journey .row:nth-child(1) .con span {
  display: inline-block;
  vertical-align: middle;
  background: #2b6cf4;
  font-size: 24px;
  color: #FFFFFF;
  width: 150px;
  line-height: 40px;
  border-radius: 20px;
  text-align: center;
}

.solution-journey .row:nth-child(1) .con i {
  display: inline-block;
  font-style: normal;
  vertical-align: middle;
}

.solution-journey .row:nth-child(1) .con b {
  font-weight: normal;
  font-size: 18px;
  color: #2b6cf4;
}

.solution-journey .row:nth-child(1) .con img {
  margin-bottom: 14px;
}

.solution-journey .row:nth-child(2) .con {
  text-align: center;
  padding: 0 2%;
}

.solution-journey .row:nth-child(2) .con img {
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
}

.solution-journey .row:nth-child(2) .con div:nth-child(1) {
  width: 100%;
}

.solution-journey .row:nth-child(2) .con div:nth-child(2) {
  width: 30%;
}

.solution-journey .row:nth-child(3) .con {
  align-items: flex-start;
}

.solution-journey .row:nth-child(3) .con .text {
  width: 25%;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  padding-left: 60px;
}

.solution-journey .row:nth-child(3) .con .text span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  font-weight: bold;
}

.solution-journey .mb-content {
  margin: 0.8rem 0;
}

.solution-case {
  padding: 105px 0 80px;
}

.solution-case ul {
  margin: 0 -40px 80px;
}

.solution-case li {
  float: left;
  width: 33.333333%;
  margin-top: 60px;
  padding: 0 40px;
}

.solution-case li .box {
  position: relative;
  border-radius: 25px 0 25px 0;
  overflow: hidden;
}

.solution-case li .box .img {
  position: relative;
}

.solution-case li .box .img>img {
  width: 100%;
}

.solution-case li .box .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: .4;
}

.solution-case li .box .img span {
  position: absolute;
  z-index: 1;
  bottom: -35px;
  left: 50%;
  margin-left: -50px;
  border-radius: 100%;
  overflow: hidden;
  background: #f8f8f8;
}

.solution-case li .text {
  padding: 50px 25px 0;
}

.solution-case li .text .tit {
  padding-bottom: 20px;
  position: relative;
  text-align: center;
}

.solution-case li .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 4px;
  background: #2a6cf4;
}

.solution-case li .text .tit span {
  display: block;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.solution-case li .text .tit p {
  margin-top: 5px;
  font-size: 18px;
  color: #999999;
}

.solution-case li .text .des {
  margin-top: 30px;
  min-height: 210px;
  max-width: 390px;
}

.solution-case li .text .des p {
  margin-bottom: 15px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  padding-left: 30px;
}

.solution-case li .text .des p:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/ico_right.png);
  width: 24px;
  height: 24px;
  background-size: cover;
}

.solution-service {
  padding: 50px 0 130px;
  background-image: url(../images/solution_service_bg.jpg);
}

.solution-service ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.solution-service li {
  margin-top: 75px;
  width: 12%;
  max-width: 160px;
}

.solution-service li a {
  display: block;
  position: relative;
  border-radius: 100%;
  overflow: hidden;
}

.solution-service li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: .5;
}

.solution-service li a p {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 30px;
  margin-top: -15px;
}

.solution-service li a:hover:after {
  opacity: .2;
}



/* ========== */
/* = CASE_MARKET = */
/* ========== */
.case {
  padding: 40px 0 80px;
}

.case-tab {
  margin-bottom: 50px;
  font-size: 0;
}

.case-tab a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 30px 0;
  border-radius: 6px;
  overflow: hidden;
  padding: 0 3px;
  min-width: 100px;
  text-align: center;
  line-height: 36px;
  border: 1px solid #cccccc;
  color: #999999;
  font-size: 18px;
}

.case-tab a:hover {
  border: 1px solid #2a6cf4;
  color: #2a6cf4;
}

.case-tab a.active {
  background: #2a6cf4;
  color: #fff;
  border: 1px solid #2a6cf4;
}

.case-list {
  margin: 0 -35px;
}

.case-list li {
  margin-bottom: 70px;
  float: left;
  width: 33.333333%;
  padding: 0 35px;
}

.case-list li:nth-child(3n+1) {
  clear: both;
}

.case-list li .box {
  display: block;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  padding: 12%;
}

.case-list li .box .img {
  border: 1px solid #eeeeee;
  display: inline-block;
  max-width: 70%;
}

.case-list li .box .tit {
  margin-top: 30px;
  position: relative;
  padding-right: 70px;
  color: #999999;
  font-size: 16px;
}

.case-list li .box .tit:after {
  content: "";
  position: absolute;
  margin-top: -10px;
  top: 50%;
  right: 0;
  width: 56px;
  height: 20px;
  background-size: cover;
  background-image: url(../images/solution_more.png);
}

.case-list li .box .tit span {
  margin-right: 10px;
  font-size: 24px;
  color: #333333;
  letter-spacing: 2px;
}

.case-list li .box .des {
  margin-top: 30px;
  font-size: 18px;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
  text-align: justify;
}

.case-list li .box .tip {
  font-size: 0;
  width: 110%;
  min-height: 100px;
}

.case-list li .box .tip span {
  margin-right: 8%;
  display: inline-block;
  padding: 0 10px;
  min-width: 25%;
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
  color: #999999;
  border: 1px solid #999999;
  text-align: center;
}

.case-list li .box:hover .tit span {
  color: #2a6cf4;
}

.case-list li .box:hover .tit:after {
  background-image: url(../images/solution_more_blue.png);
}

.market-logo {
  padding: 60px 0;
  background: #f8f8f8;
}

.market-logo ul {
  margin: 0 auto;
}

.market-logo li {
  float: left;
  width: 20%;
  border-top: none;
  border-right: none;
  padding: 40px 10px 0 10px;
}

.market-logo li:nth-child(1),
.market-logo li:nth-child(2),
.market-logo li:nth-child(3),
.market-logo li:nth-child(4),
.market-logo li:nth-child(5) {
  border-top: none;
}

.market-logo li:nth-child(5n) {
  border-right: none;
}


/* ========== */
/* = CASE_MARKET_DETIAL = */
/* ========== */
.case-detail {
  padding: 80px 0;
  background: #FFFFFF;
}

.case-detail .container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.case-detail .left {
  width: 35%;
}

.case-detail .left img {
  width: 100%;
}

.case-detail .right {
  width: 61%;
  padding: 4% 5% 1%;
}

.case-detail .right .title {
  padding-bottom: 14px;
  border-bottom: 1px solid #aac4fb;
  position: relative;
  padding-right: 200px;
  color: #333333;
  font-size: 18px;
}

.case-detail .right .title .home-button {
  position: absolute;
  top: 0;
  right: 0;
}

.case-detail .right .title span {
  margin-right: 10px;
  font-size: 36px;
  font-weight: bold;
}

.case-detail .detail {
  margin-top: 20px;
  color: #999999;
  font-size: 18px;
  line-height: 30px;
}

.case-detail .detail .tit {
  margin-bottom: 10px;
  font-size: 24px;
  color: #333333;
}

.case-detail .detail .des {
  margin-bottom: 20px;
}

.case-detail .detail .des span {
  color: #2a6cf4;
}

.case-detail .detail .des .p-tip {
  margin-top: 10px;
  position: relative;
  padding-left: 60px;
}

.case-detail .detail .des .p-tip span {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #2a6cf4;
}

.case-detail .detail .result p {
  position: relative;
  padding-left: 28px;
}

.case-detail .detail .result p:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url(../images/ico_right2.png);
  width: 24px;
  height: 24px;
  background-size: cover;
}

.xg-case {
  padding: 70px 0;
  background: #f8f8f8;
}

.xg-case-list {
  margin: 0 -40px;
}

.xg-case-list li {
  margin-top: 60px;
  float: left;
  width: 33.333333%;
  padding: 0 40px;
}

.xg-case-list li .box {
  display: block;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  padding: 11%;
}

.xg-case-list li .box .con {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.xg-case-list li .box .img {
  border: 1px solid #eeeeee;
  display: inline-block;
  width: 45%;
}

.xg-case-list li .box .tit {
  width: 46%;
}

.xg-case-list li .box .tit span {
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  display: block;
  position: relative;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.xg-case-list li .box .tit span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 1px;
  background: #2a6cf4;
}

.xg-case-list li .box .des {
  font-size: 18px;
  line-height: 36px;
  margin-top: 25px;
  height: 72px;
  overflow: hidden;
  text-align: justify;
}

.xg-case-list li .box .more {
  margin-top: 10px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.xg-case-list li .box .more span {
  font-size: 16px;
  color: #999999;
}

.xg-case-list li .box .more i {
  display: inline-block;
  width: 56px;
  height: 20px;
  background-size: cover;
  background-image: url(../images/solution_more.png);
}

.xg-case-list li .box:hover .tit span {
  color: #2a6cf4;
}

.xg-case-list li .box:hover .more i {
  background-image: url(../images/solution_more_blue.png);
}

.xg-theme span {
  float: left;
  font-weight: bold;
  color: #333333;
  font-size: 36px;
  letter-spacing: 2px;
}

.xg-theme .home-button {
  float: right;
}


/* ========== */
/* = webcase = */
/* ========== */
.webcase {
  padding: 75px 0 105px;
}

.webcase .content {
  margin: 90px -40px 30px;
}

.webcase .article {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 40px;
}

.webcase .article:nth-child(2) {
  margin-top: 80px;
}

.webcase .article:nth-child(2n+1) {
  margin-top: -80px;
}

.webcase .article:nth-child(1) {
  margin-top: 0;
}

.webcase .article .box {
  display: block;
}

.webcase .article .box .img {
  position: relative;
  overflow: hidden;
}

.webcase .article .box .img img {
  width: 100%;
}

.webcase .article .box .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.webcase .article .box .con {
  display: none;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  text-align: center;
  color: #FFFFFF;
  z-index: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.webcase .article .box .con p {
  font-size: 24px;
  position: relative;
  padding-bottom: 15px;
}

.webcase .article .box .con p:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 20px;
  height: 1px;
  background: #FFFFFF;
}

.webcase .article .box .con i {
  margin-top: 12px;
  padding-left: 30px;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  font-style: normal;
  position: relative;
}

.webcase .article .box .con i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-image: url(../images/case_search.png);
  background-size: cover;
}

.webcase .article .box .text {
  padding: 30px 40px;
}

.webcase .article .box .text .tit {
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  position: relative;
}

.webcase .article .box .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 1px;
  background: #2a6cf4;
}

.webcase .article .box .text .tip {
  margin-top: 12px;
  position: relative;
  padding-right: 70px;
  font-size: 16px;
  color: #999999;
}

.webcase .article .box .text .tip:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
  width: 56px;
  height: 20px;
  background-image: url(../images/solution_more.png);
  background-size: cover;
}

.webcase .article .box:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.webcase .article .box:hover .img:after {
  opacity: .6;
}

.webcase .article .box:hover .con {
  display: block;
}

.webcase .article .box:hover .text .tit {
  color: #2a6cf4;
}

.webcase .article .box:hover .tip:after {
  background-image: url(../images/solution_more_blue.png);
}


/* ========== */
/* = webcase = */
/* ========== */
.webcase-detail-banner {
  padding: 80px 0 55px;
}

.webcase-detail-banner .content {
  position: relative;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.webcase-detail-banner .content .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  max-width: 40%;
}

.webcase-detail-banner .img {
  display: block;
  background-size: cover;
  background-image: url(../images/case_website_computer.png);
  width: 676px;
  height: 558px;
  padding: 32px 33px 0;
}

.webcase-detail-banner .img div {
  position: relative;
}

.webcase-detail-banner .img img {
  width: 100%;
}

.webcase-detail-banner .img div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .6;
}

.webcase-detail-banner .img div span {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  background-size: cover;
  background-image: url(../images/ico_play.png);
}

.webcase-detail-banner .text {
  width: 45%;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

.webcase-detail-banner .text .title {
  padding-bottom: 20px;
  position: relative;
  font-size: 24px;
}

.webcase-detail-banner .text .title span {
  font-size: 36px;
  font-weight: bold;
}

.webcase-detail-banner .text .title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: #FFFFFF;
}

.webcase-detail-banner .text .tip {
  margin-top: 20px;
  font-size: 16px;
}

.webcase-detail-banner .text .des {
  margin: 5% 0 10%;
  text-align: justify;
  font-size: 18px;
  line-height: 34px;
}

.webcase-detail-banner .text .webcase-button {
  border: 1px solid #FFFFFF;
}

.webcase-detail-banner .text .webcase-button i {
  background-image: url(../images/ico_view.png);
}

.webcase-detail-banner .text .webcase-button span {
  color: #FFFFFF;
}

.webcase-detail {
  padding: 60px 0 70px;
  position: relative;
}

.webcase-detail .content {
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.webcase-detail .content:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  background-image: url(../images/website_detail_logo.png);
  width: 361px;
  height: 361px;
}

.webcase-detail .detail {
  width: 50%;
  min-height: 600px;
}

.webcase-detail .detail img {
  width: 100%;
}

.webcase-detail .text {
  width: 47%;
  padding-top: 10px;
  position: relative;
  z-index: 1;
  background: #ffffff;
}

.webcase-detail .text.fx {
  position: fixed;
  top: 115px;
}

.webcase-detail .text .tit {
  margin-bottom: 8px;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}

.webcase-detail .text .color {
  margin-top: 20px;
}

.webcase-detail .text .color .box {
  margin-right: 6%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.webcase-detail .text .color .box span {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.webcase-detail .text .color .box p {
  color: #333333;
}

.webcase-detail .text .des .font {
  display: inline-block;
  min-width: 30%;
  margin-right: 2%;
}

.webcase-detail .text .des .font span {
  display: block;
  color: #333333;
}

.webcase-detail .text .des {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
  color: #999999;
  text-align: justify;
}

.webcase-button {
  display: inline-block;
  border: 1px solid #2a6cf4;
  padding: 6px 30px;
}

.webcase-button i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-image: url(../images/ico_dingzhi.png);
}

.webcase-button span {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #2a6cf4;
}

@media (max-height:690px) {
  .webcase-detail .text .color .box span {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }

  .webcase-detail .text .color .box p {
    font-size: 13px;
  }

  .webcase-detail .text .tit {
    font-size: 18px;
  }

  .webcase-detail .text .des {
    font-size: 14px;
    line-height: 24px;
  }
}

.xg-webcase {
  padding: 70px 0 55px;
  background: #f8f8f8;
  position: relative;
  z-index: 4;
}

.xg-webcase ul {
  margin: 0 -40px;
}

.xg-webcase li {
  margin-top: 55px;
  float: left;
  width: 33.333%;
  padding: 0 40px;
}

.xg-webcase li .box {
  display: block;
}

.xg-webcase li .box .img {
  position: relative;
  overflow: hidden;
}

.xg-webcase li .box .img div {
  width: 100%;
  padding-bottom: 68%;
}

.xg-webcase li .box .img img {
  width: 100%;
}

.xg-webcase li .box .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a6cf4;
  opacity: .3;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.xg-webcase li .box .text {
  padding: 20px;
}

.xg-webcase li .box .text .tit {
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  position: relative;
}

.xg-webcase li .box .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 1px;
  background: #2a6cf4;
}

.xg-webcase li .box .text .tip {
  margin-top: 12px;
  position: relative;
  padding-right: 70px;
  font-size: 16px;
  color: #999999;
}

.xg-webcase li .box .text .tip:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
  width: 56px;
  height: 20px;
  background-image: url(../images/solution_more.png);
  background-size: cover;
}

.xg-webcase li .box:hover .img div {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.xg-webcase li .box:hover .tit {
  color: #2a6cf4;
}

.xg-webcase li .box:hover .tip:after {
  background-image: url(../images/solution_more_blue.png);
}

/* ========== */
/* = WECHATAPPLET = */
/* ========== */
.wechat-list {
  margin: 0 -40px 80px;
}

.wechat-list li {
  float: left;
  width: 33.3333%;
  padding: 0 40px;
  margin-top: 80px;
}

.wechat-list .item {
  padding: 20px;
}

.wechat-list .item .img {
  float: left;
  width: 240px;
  height: 412px;
  padding: 7px 29px 9px;
  position: relative;
}

.wechat-list .item .img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/wechat_phone.png);
  background-size: cover;
}

.wechat-list .item .img img {
  width: 100%;
}

.wechat-list .item .text {
  margin-left: 255px;
  text-align: center;
  padding-top: 7%;
}

.wechat-list .item .text .ico {
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
}

.wechat-list .item .text .tit {
  font-size: 24px;
  color: #333333;
  padding: 12px 0;
  position: relative;
}

.wechat-list .item .text .tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  height: 1px;
  background: #2a6cf4;
}

.wechat-list .item .text .tip {
  margin-top: 10px;
  font-size: 18px;
}

.wechat-list .item .text .erweima {
  margin-top: 20%;
}

.wechat-list .item .text .erweima p {
  margin-top: 5px;
  font-size: 16px;
  color: #999999;
}


/* ========== */
/* = ABOUT = */
/* ========== */
.about-banner {
  background-image: url(../images/about_banner.jpg);
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  color: #333;
}

.about-banner:before {
  display: none;
}

.about-banner .text {
  width: 100%;
}

.about-banner .text span {
  font-weight: bold;
  font-size: 60px;
}

.about-banner .text p {
  font-size: 24px;
  margin-top: 20px;
}

.about-box {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.about-box #about {
  position: absolute;
  top: -100px;
  left: 0;
}

.about-box .text {
  width: 55%;
  padding: 2% 4% 2% 8%;
}

.about-box .text img {
  margin: 0;
}

.about-box .text .tu {
  width: 50px;
}

.about-box .text h2 {
  margin-top: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}

.about-box .text .tip {
  margin-top: 15px;
  font-size: 24px;
  color: #333333;
}

.about-box .text .des {
  margin-top: 10%;
  text-align: justify;
  font-size: 18px;
  line-height: 36px;
  color: #999999;
}

.about-box .right {
  width: 45%;
  padding: 3% 1% 6% 4%;
  background-image: url(../images/about_box_bg.jpg);
  color: #FFFFFF;
}

.about-box .right .home-tit {
  text-align: left;
}

.about-box .right .home-tit span {
  color: #FFFFFF;
}

.about-box .right .home-tit h2 {
  color: #FFFFFF;
}

.about-box .right .home-tit h2:after {
  left: 0;
  margin-left: 0;
  background: #FFFFFF;
}

.about-box ul {
  text-align: center;
}

.about-box ul li {
  display: inline-block;
  width: 32%;
  margin-top: 60px;
}

.about-box ul li:nth-child(4),
.about-box ul li:nth-child(5) {
  width: 40%;
}

.about-box ul li span {
  position: relative;
  padding-right: 30px;
  font-size: 60px;
  font-weight: lighter;
}

.about-box ul li span i {
  font-style: normal;
}

.about-box ul li span sup {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 36px;
  font-weight: bold;
  font-size: 36px;
}

.about-box ul li:first-child span sup {
  font-size: 20px;
}

.about-box ul li p {
  margin-top: 5px;
  font-size: 18px;
}

@media (max-width:1100px) {
  .about-box ul li span {
    font-size: 50px;
  }

  .about-box ul li span sup {
    font-size: 28px;
    line-height: 30px;
  }
}

.about-history {
  padding: 60px 0 80px;
  background-image: url(../images/about_history_bg.jpg);
}

.about-history .home-tit {
  text-align: left;
}

.about-history .home-tit h2:after {
  left: 0;
  margin-left: 0;
}

.about-history .content {
  margin: 70px 0 20px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.about-history .content .img {
  width: 30%;
}

.about-history .left {
  width: 65%;
  max-width: 600px;
}

.about-history .swiper-history .date {
  position: relative;
  font-size: 48px;
  font-weight: bold;
  color: #2a6cf4;
  padding-bottom: 20px;
  position: relative;
}

.about-history .swiper-history .date span {
  font-size: 80px;
}

.about-history .swiper-history .date:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 4px;
  background: #2a6cf4;
}

.about-history .swiper-history .des {
  font-size: 18px;
  line-height: 36px;
  text-align: justify;
  margin-top: 20px;
}

.about-history .time-content {
  position: relative;
  padding: 0 125px;
}

.about-history .time-content:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -100%;
  width: 300%;
  height: 1px;
  background: #e5e5e5;
}

.about-history .swiper-history-nav .swiper-slide {
  height: 80px;
  padding-top: 33px;
  text-align: center;
  cursor: pointer;
}

.about-history .swiper-history-nav .swiper-slide span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  padding: 2px;
}

.about-history .swiper-history-nav .swiper-slide i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background: #c8c8c8;
}

.about-history .swiper-history-nav .swiper-slide p {
  margin-top: 5px;
  font-size: 18px;
}

.about-history .swiper-history-nav .swiper-slide-thumb-active span {
  border: 1px solid #2a6cf4;
}

.about-history .swiper-history-nav .swiper-slide-thumb-active i {
  background: #2a6cf4;
}

.about-history .swiper-history-nav .swiper-slide-thumb-active p {
  color: #333333;
}

.about-history .swiper-button-next,
.about-history .swiper-button-prev {
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-size: cover;
}

.about-history .swiper-button-next {
  background-image: url(../images/about_next.png);
}

.about-history .swiper-button-prev {
  background-image: url(../images/about_prev.png);
}

.about-history .swiper-button-next:hover {
  background-image: url(../images/about_nexth.png);
}

.about-history .swiper-button-prev:hover {
  background-image: url(../images/about_prevh.png);
}

.about-honor {
  padding: 50px 0 77px;
}

.about-honor .content {
  position: relative;
}

.swiper-honor {
  padding: 48px 0 75px;
}

.swiper-honor .con {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.swiper-honor .con .left {
  width: 44%;
}

.swiper-honor .con .right {
  width: 50%;
}

.swiper-honor .con .right .text {
  margin-bottom: 130px;
  color: #999999;
  font-size: 30px;
  text-align: center;
}

.swiper-honor .con .right .text i {
  font-style: normal;
  font-size: 40px;
}

.swiper-honor .con .right .num {
  margin-bottom: 40px;
  text-align: right;
  font-size: 36px;
  color: #999999;
}

.swiper-honor .con .right .num span {
  font-size: 48px;
  color: #333333;
}

.swiper-honor .con .right .img {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.swiper-honor .con .right .img div {
  width: 45%;
}

.swiper-honor .swiper-pagination-bullet {
  background: #cccccc;
}

.swiper-honor .swiper-pagination-bullet-active {
  background: #2a6cf4;
}

.about-honor .button {
  position: absolute;
  right: 0;
  width: 100px;
  bottom: 65%;
}

.about-honor .swiper-button-next,
.about-honor .swiper-button-prev {
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-size: cover;
}

.about-honor .swiper-button-next {
  background-image: url(../images/about_next.png);
}

.about-honor .swiper-button-prev {
  background-image: url(../images/about_prev.png);
}

.about-honor .swiper-button-next:hover {
  background-image: url(../images/about_nexth.png);
}

.about-honor .swiper-button-prev:hover {
  background-image: url(../images/about_prevh.png);
}

.about-team {
  background-image: url(../images/about_team_bg.jpg);
  padding: 58px 0 95px;
}

.about-team .home-tit span {
  color: #FFFFFF;
}

.about-team .home-tit h2 {
  color: #FFFFFF;
}

.about-team ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}

.about-team li {
  margin-top: 60px;
  width: 30%;
  background: #FFFFFF;
}

.about-team li .box {
  padding: 9%;
}

.about-team li .head span {
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.about-team li .tit {
  margin-left: 14px;
  display: inline-block;
  vertical-align: middle;
}

.about-team li .tit h2 {
  font-size: 24px;
  color: #333333;
}

.about-team li .tit p {
  margin-top: 5px;
  font-size: 16px;
}

.about-team li .des {
  margin-top: 12px;
  text-align: justify;
  font-size: 18px;
  color: #999999;
  line-height: 36px;
}

.about-news {
  background: #f8f8f8;
  padding: 45px 0 80px;
}

.about-news .content {
  margin: 60px 0 80px;
  height: 510px;
}

.about-news .list {
  padding-right: 80px;
}

.about-news .list li {
  padding-bottom: 60px;
}

.about-news .list a {
  position: relative;
  display: block;
}

.about-news .list .img {
  float: left;
  width: 350px;
  overflow: hidden;
}

.about-news .list .text {
  margin-left: 400px;
  height: 225px;
  border-bottom: 1px solid #cfddf7;
}

.about-news .list .date {
  font-size: 18px;
}

.about-news .list .date span {
  font-size: 36px;
}

.about-news .list .tit {
  margin-top: 10px;
  font-size: 24px;
  color: #333;
}

.about-news .list .des {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  color: #999999;
}

.about-news .list .more {
  display: inline-block;
  margin-top: 20px;
  position: relative;
  padding-right: 40px;
  color: #2c71f4;
}

.about-news .list .more:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  margin-top: -10px;
  height: 20px;
  background-image: url(../images/about_news_more.png);
  background-size: cover;
}

.about-news .list a:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.about-news .list a:hover .date {
  color: #2c71f4;
}

.about-news .list a:hover .tit {
  color: #2c71f4;
}


/* ========== */
/* = video = */
/* ========== */
.video {
  padding: 80px 0 50px;
  text-align: center;
}

.video-list {
  background: #ffffff;
}

.video-list li {
  margin-bottom: 40px;
  float: left;
  width: 31%;
  margin-right: 3%;
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  text-align: left;
}

.video-list li:nth-child(3n) {
  margin-right: 0;
}

.video-list li:nth-child(3n+1) {
  clear: both;
}

.video-list li .img {
  position: relative;
  background: #000000;
  padding: 24px 0;
}

.video-list li .img div {
  overflow: hidden;
  width: 100%;
}

.video-list li .img div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .2);
}

.video-list li .img img {
  position: relative;
  z-index: 0;
  width: 100%;
}

.video-list li .img span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  background-image: url(../images/ico_play.png);
  background-size: cover;
  z-index: 1;
}

.video-list li .text {
  padding: 12px 24px 20px;
  border-bottom: 5px solid #FFFFFF;
}

.video-list li .text span {
  padding: 3px 12px;
  background: #2c71f4;
  color: #FFFFFF;
  display: inline-block;
}

.video-list li .text p {
  margin-top: 8px;
  text-align: justify;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  color: #333333;
}

.video-list li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.video-list li:hover .text {
  border-bottom: 5px solid #2c71f4;
}

.video-detail {
  padding: 60px 0;
}

.video-detail .title {
  font-size: 30px;
  text-align: center;
  color: #333;
  font-weight: bold;
  margin-bottom: 40px;
}

.video-detail video {
  width: 100%;
}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact {
  padding: 80px 0;
}

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

.contact .map-box {
  width: 70%;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.contact .map-box img {
  max-width: 1000%;
}

.contact .map-box .allmap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.contact .map-box .anchorBL {
  display: none;
}

.contact .text {
  width: 30%;
  background-image: url(../images/contact_bg.jpg);
  color: #FFFFFF;
  padding: 3% 4% 2%;
}

.contact .text>img {
  margin: 0;
}

.contact .text .tu1 {
  max-width: 100px
}

.contact .text li {
  margin-top: 40px;
  position: relative;
  min-height: 50px;
  padding-left: 70px;
  font-size: 16px;
  line-height: 24px;
}

.contact .text li img {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFFFFF;
  border-radius: 100%;
  overflow: hidden;
}

.contact .text li span {
  display: block;
  font-size: 20px;
}

.contact .text li a {
  color: #FFFFFF;
}

/* ========== */
/* = DIAGNOSIS = */
/* ========== */
.diagnosis {
  padding: 14% 0 5%;
  background-image: url(../images/diagnosis_bg.jpg);
}

.diagnosis .container {
  position: relative;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.diagnosis .text {
  width: 45%;
  color: #FFFFFF;
}

.diagnosis .text h2 {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 2px;
}

.diagnosis .text h2 span {
  color: #ff0000;
}

.diagnosis .text .des {
  margin: 40px 0 60px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
}

.diagnosis .text .des li {
  margin-bottom: 25px;
}

.diagnosis .text .des li span {
  margin-bottom: 3px;
  display: block;
  position: relative;
  padding-left: 50px;
  font-size: 24px;
}

.diagnosis .text .des li span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-image: url(../images/ico_right_white.png);
}

.diagnosis .text .des li p {
  padding-left: 50px;
}

.diagnosis .text .des:last-child {
  margin: 50px 0 0;
}

.diagnosis .box {
  width: 40%;
  margin-right: 5%;
  max-width: 480px;
  padding: 4% 3% 3%;
  background: rgba(255, 255, 255, .6);
  border-radius: 20px 0 20px 0;
  overflow: hidden;
}

.diagnosis .box .tit {
  padding-bottom: 30px;
  text-align: center;
}

.diagnosis .box .tit span {
  display: block;
  position: relative;
  padding-bottom: 15px;
  color: #333333;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 2px;
}

.diagnosis .box .tit span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 54px;
  height: 4px;
  margin-left: -27px;
  background: #2c71f4;
}

.diagnosis .box .tit p {
  font-size: 16px;
  margin-top: 10px;
}

.diagnosis .box .in {
  display: block;
  margin-top: 20px;
  position: relative;
  background: #FFFFFF;
  border-radius: 5px;
  overflow: hidden;
}

.diagnosis .box .in select,
.diagnosis .box .in input {
  width: 100%;
  height: 60px;
  line-height: 30px;
  padding: 15px 20px;
  font-size: 20px;
  border: none;
  background: none;
}

.diagnosis .box .in input {
  -webkit-appearance: none;
}

.diagnosis .box .ui-multiselect {
  display: block;
  width: 100%;
  padding: 0 55px 0 20px;
  line-height: 60px;
  height: 60px;
  font-size: 20px;
  position: relative;
  z-index: 1;
  background: none;
  border: none;
  color: #666;
}

.diagnosis .box .in-select {
  position: relative;
}

.diagnosis .box .in-select:after {
  /*content: "";position: absolute; z-index:0; top:15px; right: 15px; width: 30px; height: 30px; background-image: url(../images/ico_xz_down.png); background-size: cover;*/
}

.diagnosis .box select {
  color: #666666;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.not-arrow::-ms-expand {
  display: none;
}


.diagnosis .box .button {
  margin-top: 40px;
  width: 100%;
  background: #2a6cf4;
  color: #FFFFFF;
  line-height: 60px;
  height: 60px;
  font-size: 24px;
  letter-spacing: 2px;
  border-radius: 5px;
  overflow: hidden;
}

.diagnosis .box .tip {
  text-align: center;
  margin-top: 30px;
}

.diagnosis .box .tip p {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  line-height: 30px;
  color: #333333;
  font-size: 16px;
}

.diagnosis .box .tip span {
  color: #ff0000;
}

.diagnosis .box .tip p:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-image: url(../images/ico_laba.png);
  animation: fade 800ms infinite;
  -webkit-animation: fade 800ms infinite;
}

@keyframes fade {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  to {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
}

@-webkit-keyframes fade {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  to {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
}

/* ========== */
/* = NEWS = */
/* ========== */
.news {
  padding: 60px 0 100px;
}

.news .ny-menu {
  margin-bottom: 100px;
}

.news-left {
  float: left;
  width: 70%;
}

.news-list li {
  margin-bottom: 60px;
}

.news-list li a {
  position: relative;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.news-list li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65%;
  height: 1px;
  background: #d5e3fd;
}

.news-list li .img {
  width: 31%;
  overflow: hidden;
}

.news-list li .img img {
  width: 100%;
}

.news-list li .text {
  width: 65%;
}

.news-list li .text .date {
  font-size: 18px;
}

.news-list li .text .date span {
  font-size: 36px;
}

.news-list li .text .tit {
  margin-top: 7px;
  font-size: 24px;
}

.news-list li .text .des {
  margin-top: 14px;
  font-size: 16px;
  color: #999999;
}

.news-list li .text .more {
  margin-bottom: 15px;
  margin-top: 32px;
  display: inline-block;
  color: #999999;
  padding-right: 40px;
  position: relative;
}

.news-list li .text .more:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url(../images/news_more.png);
  background-size: cover;
}

.news-list li a:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.news-list li a:hover .tit {
  color: #2b6cf4;
}

.news-list li a:hover .date {
  color: #2b6cf4;
}

.news-list li a:hover .more {
  color: #2b6cf4;
}

.news-list li a:hover .more:after {
  background-image: url(../images/news_moreh.png);
}

.news-right {
  float: right;
  width: 25%;
  background: #fbfbfb;
  padding: 20px;
}

.news-right .box-img {
  padding: 35px 5px 30px;
  background-image: url(../images/news_right_img.jpg);
  color: #FFFFFF;
  text-align: center;
}

.news-right .box-img span {
  display: block;
  font-size: 24px;
  font-weight: bold;
}

.news-right .box-img p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 30px;
}

.news-right .box-img a {
  margin-top: 10px;
  width: 55%;
  background: #FFFFFF;
  display: inline-block;
  line-height: 40px;
  max-width: 180px;
  color: #3c7af4;
  font-size: 18px;
  letter-spacing: 3px;
}

.news-right .tit {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}

.news-right-list {
  margin-top: 40px;
}

.news-right-list ul {
  margin-top: 15px;
  border-top: 1px solid #d8d8d8;
}

.news-right-list li {
  padding: 10px 0 15px;
  border-bottom: 1px solid #d8d8d8;
}

.news-right-list li a {
  display: block;
}

.news-right-list li p {
  font-size: 16px;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
}

.news-right-list li div {
  margin-top: 15px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.news-right-list li div span {
  display: inline-block;
  padding-left: 22px;
  color: #999999;
  position: relative;
}

.news-right-list li div span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -2px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(../images/ico_time.png);
}

.news-right-list li div i {
  width: 40px;
  height: 20px;
  display: inline-block;
  background-image: url(../images/ico_more.png);
}

.news-right-list li a:hover p {
  color: #2c71f4;
}

.news-right-case {
  margin-top: 55px;
}

.news-right-case ul {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d8d8d8;
}

.news-right-case li {
  margin-bottom: 20px;
  float: left;
  width: 48%;
  margin-right: 4%;
}

.news-right-case li:nth-child(2n) {
  margin-right: 0;
}

/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail .title {
  letter-spacing: 1.5px;
  font-size: 24px;
  font-weight: bold;
  color: #3179be;
}

.news-detail .source {
  padding: 20px 0 15px;
  color: #999999;
}

.news-detail .source span {
  margin-right: 60px;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  padding-left: 40px;
  position: relative;
}

.news-detail .source span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-size: cover;
}

.news-detail .source span:nth-child(1):before {
  background-image: url(../images/news_share_01.png);
}

.news-detail .source span:nth-child(2):before {
  background-image: url(../images/news_share_02.png);
}

.news-detail .detail {
  padding: 40px 0 60px;
  font-size: 18px;
  line-height: 36px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.flip {
  margin-top: 15px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.flip a {
  max-width: 48%;
  font-size: 16px;
  color: #333333;
}

.news-detial-add {
  margin-top: 75px;
  padding: 6% 7% 13%;
  color: #FFFFFF;
  letter-spacing: 2px;
  background-image: url(../images/news_detail_add.jpg);
  background-position: bottom left;
}

.news-detial-add span {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.news-detial-add p {
  margin-top: 10px;
  font-weight: bold;
  font-size: 24px;
}

.news-detial-add a {
  margin-top: 35px;
  display: inline-block;
  padding: 0 10px;
  line-height: 40px;
  background: #ffffff;
  font-size: 18px;
  color: #3c7af4;
}

.news-interest {
  margin-top: 60px;
}

.news-interest .tit {
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}

.news-interest ul {
  margin-top: 20px;
}

.news-interest li {
  float: left;
  width: 30%;
  margin-right: 5%;
  padding: 10px 0 15px;
  border-bottom: 1px solid #d8d8d8;
}

.news-interest li:nth-child(3n) {
  margin-right: 0;
}

.news-interest li a {
  display: block;
}

.news-interest li p {
  font-size: 16px;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
}

.news-interest li div {
  margin-top: 15px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.news-interest li div span {
  display: inline-block;
  padding-left: 22px;
  color: #999999;
  position: relative;
}

.news-interest li div span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -2px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(../images/ico_time.png);
}

.news-interest li div i {
  width: 40px;
  height: 20px;
  display: inline-block;
  background-image: url(../images/ico_more.png);
}

.news-interest li a:hover p {
  color: #2c71f4;
}

.news-lable {
  margin-top: 50px;
  min-height: 26px;
  font-size: 16px;
}

.news-lable span {
  display: inline-block;
  vertical-align: middle;
}

.news-lable a:hover {
  color: #2c71f4;
  border: 1px solid #2c71f4;
}

.news-lable a {
  margin-left: 5px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #888;
  color: #333333;
  padding: 5px 20px;
}


/* ========== */
/* = JUHE = */
/* ========== */
.news-right-hot {
  margin-top: 40px;
  width: 100%;
  background: #FFFFFF;
}

.news-right-hot .tit {
  font-size: 18px;
  color: #ffffff;
  background: #333333;
  text-align: center;
  padding: 15px 0;
}

.news-right-hot .tit span {
  margin-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #aaaaaa;
  text-transform: uppercase;
}

.news-right-hot ul {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.news-right-hot li {
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
}

.news-right-hot li a {
  display: block;
  font-size: 16px;
  color: #888888;
  background: url(../images/hot_ico.png) no-repeat left;
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.news-right-hot li:hover a {
  color: #000000;
}

.juhe-img {
  margin-top: 80px;
}

.juhe-img img {
  width: 100%;
}

.juhe-tit {
  position: relative;
  padding-bottom: 15px;
  color: #333333;
  font-size: 24px;
  border-bottom: 2px solid #eeeeee;
}

.juhe-tit:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 25px;
  height: 2px;
  background: #288fd4;
}

.juhe-tit span {
  display: inline-block;
  margin-left: 10px;
  color: #999;
  font-size: 16px;
  text-transform: uppercase;
}

.jh-industry {
  margin-top: 80px;
}

.jh-industry ul {
  margin: 20px -15px 0;
}

.jh-industry li {
  float: left;
  padding: 15px;
  width: 50%;
  box-sizing: border-box;
}

.jh-industry li a {
  display: block;
  padding: 0 38px 30px;
  border: 1px solid #eeeeee;
}

.jh-industry li .tit {
  position: relative;
  padding: 25px 0;
  padding-right: 40px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 16px;
  color: #333333;
}

.jh-industry li .tit:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -12px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #d4d4d4;
}

.jh-industry li .tit:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/poly_more.png);
}

.jh-industry li span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jh-industry li p {
  margin-top: 20px;
  color: #999999;
  line-height: 22px;
  font-size: 14px;
  height: 66px;
  overflow: hidden;
}

.jh-industry li:hover .tit:before {
  background: #2a6cf4;
}

.jh-industry li:hover .tit:after {
  background: url(../images/poly_moreh.png);
}

.juhe-message {
  margin-top: 80px;
}

.juhe-message h2 {
  text-align: center;
  font-size: 24px;
  color: #333333;
}

.juhe-message h2 span {
  font-size: 16px;
  color: #999999;
  margin-left: 13px;
}

.juhe-message .input-list {
  width: 75%;
  margin: 0 auto;
}

.juhe-message .input-list .input-li {
  float: left;
  width: 48%;
  margin: 30px 1% 0;
  position: relative;
}

.juhe-message .input-list .input-li input {
  border: none;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-left: 21px;
  padding-right: 30px;
  font-size: 16px;
  background-color: #f6f6f6;
}

.juhe-message .input-list .input-li:after {
  position: absolute;
  content: '';
  right: 10px;
  top: 14px;
  width: 17px;
  height: 17px;
}

.juhe-message .input-li:nth-child(1):after {
  background: url(../images/juhe_message_ico_01.png);
}

.juhe-message .input-li:nth-child(2):after {
  background: url(../images/juhe_message_ico_02.png);
}

.juhe-message .input-li:nth-child(3):after {
  background: url(../images/juhe_message_ico_03.png);
}

.juhe-message .input-li:nth-child(4):after {
  background: url(../images/juhe_message_ico_04.png);
}

.juhe-message .input-li select {
  padding-left: 21px;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f6f6f6;
  line-height: 50px;
  width: 100%;
  font-size: 16px;
}

.juhe-message .input-li select option {
  width: 100%;
  border: none;
  outline: none;
  background-color: #f6f6f6;
}

.juhe-message .message-btn {
  display: block;
  margin: 40px auto 0;
  width: 180px;
  line-height: 40px;
  background: #2a6cf4;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
}

.jh-information {
  margin-top: 80px;
}

.jh-information .left {
  float: left;
  width: 74.5%;
}

.jh-information li {
  padding: 30px 0;
  border-bottom: 1px dashed #e4e4e4;
}

.jh-information li a {
  display: block;
  padding-right: 100px;
  position: relative;
}

.jh-information li .img {
  float: left;
  width: 300px;
}

.jh-information li .img img {
  width: 100%;
}

.jh-information li .text {
  margin-left: 340px;
  padding-top: 10px;
}

.jh-information li .text span {
  font-size: 16px;
  color: #202020;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jh-information li .text p {
  margin-top: 20px;
  color: #999999;
  font-size: 14px;
  line-height: 30px;
  height: 90px;
  overflow: hidden;
}

.jh-information li .date {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 30px;
  width: 84px;
  height: 140px;
  box-sizing: border-box;
  border-left: 1px solid #e4e4e4;
}

.jh-information li .date span {
  display: block;
  font-size: 18px;
  color: #777777;
}

.jh-information li .date em {
  margin-top: 5px;
  display: block;
  color: #cccccc;
  font-size: 12px;
  font-style: normal;
}

.jh-information li .date i {
  margin-top: 40px;
  display: block;
  width: 31px;
  height: 31px;
  background-image: url(../images/juhe_more.png);
  background-size: cover;
}

.jh-information li a:hover .text span {
  color: #2a6cf4;
}

.jh-information li a:hover .date i {
  background-image: url(../images/juhe_moreh.png);
}

.jh-information .getmore {
  margin-top: 50px;
  text-align: center;
}

.jh-information .getmore a {
  display: inline-block;
  width: 180px;
  line-height: 40px;
  background: #2a6cf4;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
}

.jh-information .tipbox {
  float: right;
  width: 22.5%;
}

.jh-information .tipbox .tit {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  background: #333333;
  text-align: center;
  padding: 12px 0;
}

.jh-information .tipbox .tit span {
  margin-left: 5px;
  color: #aaaaaa;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
}

.jh-information .tipbox .con {
  border: 1px solid #e4e4e4;
  border-top: none;
  padding: 25px 10px 35px;
  text-align: center;
}

.jh-information .tipbox .con a {
  margin: 2px;
  display: inline-block;
  border: 1px solid #2a6cf4;
  padding: 5px 20px;
}

.jh-information .tipbox .con a:hover,
.jh-information .tipbox .con a.active {
  background: #2a6cf4;
  color: #FFFFFF;
}

/* ========== */
/* = YINGXIAO = */
/* ========== */
.zt-tit {
  padding: 18px 0;
  border-bottom: 1px solid #eeeeee;
}

.zt-tit span {
  display: inline-block;
  padding-left: 15px;
  font-size: 18px;
  color: #333333;
  border-left: 4px solid #3179be;
}

.wltg-box {
  padding: 30px 20px;
  background: #FFFFFF;
}

.wltg-box .top-tit {
  margin-bottom: 20px;
  background: #3179be;
  line-height: 60px;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
}

.wltg-box .con {
  margin: 15px 0 30px;
  font-size: 0;
}

.wltg-box .con a {
  margin-right: 7px;
  margin-top: 8px;
  padding: 0 10px;
  line-height: 32px;
  display: inline-block;
  background: #f1f5f8;
  border-radius: 4px;
  font-size: 12px;
}

.wltg-box .con a:hover,
.wltg-box .con a.current {
  background: #2a6cf4;
  color: #FFFFFF;
}

.wltg-news {
  margin: 30px 0px;
  padding: 50px 7%;
  background: #fbfbfb;
}

.wltg-news ul {
  margin: 0 -35px;
}

.wltg-news li {
  float: left;
  width: 50%;
  padding: 0 35px;
  box-sizing: border-box;
}

.wltg-news li .item {
  padding: 35px 0;
  border-bottom: 1px solid #eeeeee;
}

.wltg-news li .item .img {
  float: left;
  position: relative;
  text-align: center;
}

.wltg-news li .item .img .con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
}

.wltg-news li .item .img .con div {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.wltg-news li .item .img .con i {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.wltg-news li .item .img .con span {
  font-size: 20px;
  font-weight: bold;
}

.wltg-news li .item .img .con p {
  margin-top: 5px;
  font-size: 12px;
  text-transform: uppercase;
}

.wltg-news li .item .text {
  margin-left: 195px;
}

.wltg-news li .item .text a {
  display: block;
  width: 100%;
  padding-right: 80px;
  line-height: 26px;
  height: 26px;
  position: relative;
  box-sizing: border-box;
}

.wltg-news li .item .text a span {
  display: block;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 15px;
  position: relative;
}

.wltg-news li .item .text a span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #2a6cf4;
}

.wltg-news li .item .text a em {
  position: absolute;
  top: 0;
  right: 0;
  color: #aaaaaa;
  font-size: 12px;
  font-style: normal;
}

.wltg-news li .item .text a:hover span {
  color: #2a6cf4;
}

.wltg-three {
  padding: 50px;
  background: #fbfbfb;
}

.wltg-three .box {
  float: left;
  width: 32%;
  margin-right: 2%;
  background: #FFFFFF;
  box-shadow: 0 0 25px rgba(0, 0, 0, .06);
  padding: 0 35px 40px;
  box-sizing: border-box;
}

.wltg-three .box:nth-child(3n) {
  margin-right: 0;
}

.wltg-three .box .zt-tit {
  padding: 25px 0;
}

.wltg-three .box .con {
  margin-top: 30px;
  padding: 15px 15px 30px;
  background: #fbfbfb;
}

.wltg-three .box .con a {
  display: block;
}

.wltg-three .box .con .tip {
  line-height: 40px;
}

.wltg-three .box .con .tip span {
  float: left;
  font-size: 30px;
  color: #333333;
}

.wltg-three .box .con .tip em {
  float: right;
  font-size: 18px;
  color: #999999;
  font-style: normal;
}

.wltg-three .box .con .tit {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  height: 48px;
  overflow: hidden;
}

.wltg-three .box .con .des {
  margin-top: 20px;
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}

.wltg-three .box .con .des em {
  font-style: normal;
  color: #2a6cf4;
}

.wltg-three .box .con a:hover .tit {
  color: #2a6cf4;
}

.wltg-three .box ul {
  margin-top: 30px;
}

.wltg-three .box li {
  margin-top: 5px;
}

.wltg-three .box li a {
  display: block;
  line-height: 24px;
  font-size: 14px;
  position: relative;
  padding-left: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wltg-three .box li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #2a6cf4;
}

.wltg-three .box li a:hover {
  color: #2a6cf4;
}

.wltg-hot {
  margin-top: 30px;
  padding: 50px;
  background: #fbfbfb;
}

.wltg-hot ul {
  margin: 0 -35px;
}

.wltg-hot li {
  float: left;
  width: 50%;
  padding: 0 35px;
  box-sizing: border-box;
}

.wltg-hot li a {
  display: block;
  line-height: 56px;
  height: 56px;
  border-bottom: 1px dotted #dcdcdc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 14px;
}

.wltg-hot li a:hover {
  color: #2a6cf4;
}


/* ========== */
/* = 404 = */
/* ========== */
.div404 {
  background: #FFFFFF;
  padding: 6% 7%;
}

.div404 .text {
  max-width: 600px;
  margin: 0 auto;
}

.div404 .text p {
  margin-top: 15px;
  line-height: 30px;
}

.div404 .text p .alink {
  margin: 0 10px;
  color: #298fd4;
}

/* ========== */
/* = SITEMAP = */
/* ========== */
.sitemap {
  background: #FFFFFF;
  padding: 100px 7% 70px;
}

.sitemap .tit {
  padding-bottom: 20px;
  border-bottom: 2px solid #EEEEEE;
  font-size: 16px;
  color: #333333;
}

.sitemap .tit span {
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 26px;
}

.sitemap li {
  padding: 25px 0;
  border-bottom: 2px solid #EEEEEE;
  line-height: 30px;
}

.sitemap li>span {
  display: inline-block;
  min-width: 120px;
}

.sitemap li>span a {
  display: inline-block;
  font-size: 20px;
  margin-right: 22px;
  color: #333333;
}

.sitemap li>span a:hover {
  color: #298fd4;
}

.sitemap li>div {
  margin-top: 15px;
}

.sitemap li>div img {
  display: inline-block;
  vertical-align: middle;
}

.sitemap li>div span {
  font-size: 18px;
  color: #333;
  margin-right: 22px;
  display: inline-block;
  vertical-align: middle;
}

.sitemap li>div a {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
}

.sitemap li>div a:hover {
  color: #298fd4;
}

.sitemap li .row {
  margin-bottom: 20px;
}

.sitemap li .row:last-child {
  margin-bottom: 0;
}

.sitemap li .row .top {
  margin-bottom: 8px;
}

@media (max-width:1580px) {

  /* ========== */
  /* = NY = */
  /* ========== */
  .ny-banner .text h2 {
    font-size: 50px;
  }

  .ny-banner .text h1 {
    font-size: 50px;
  }

  .ny-banner .text p {
    margin-top: 20px;
    font-size: 20px;
  }

  /* ========== */
  /* = NEWSEARCH = */
  /* ========== */
  .newsearch-sign .text .home-tit {
    text-align: center;
  }

  .newsearch-sign .text .home-tit h2:after {
    left: 50%;
    margin-left: -27px;
  }

  .newsearch-sign .text .des {
    margin-top: 30px;
    font-size: 16px;
    line-height: 32px;
  }

  .newsearch-sign .text .home-button {
    margin: 40px 0 0;
  }

  .newsearch-challenge .tit {
    font-size: 22px;
  }

  .newsearch-challenge .right .row-tit {
    font-size: 20px;
  }

  .newsearch-challenge .right .row div img {
    width: 44px;
    margin: 0 6px;
  }

  .newsearch-challenge .right .row .div-01 span {
    width: 130px;
    font-size: 16px;
  }

  .newsearch-challenge .right .row .div-01 span i {
    right: 17px;
  }

  .newsearch-challenge .right .row .div-03 span {
    font-size: 15px;
    min-width: 60px;
  }

  .newsearch-challenge .right .row .div-03 span:nth-child(1) {
    font-size: 17px;
  }

  .newsearch-operate li span {
    font-size: 20px;
  }

  .newsearch-case-big .box .left .img {
    width: 580px;
    height: 341px;
    padding: 25px 83px;
  }

  .newsearch-case-big .box .left .img img {
    width: 100%;
  }

  .newsearch-case-big .box .right {
    margin-left: 610px;
  }

  .newsearch-case-big .box .right .tit {
    font-size: 16px;
    margin-top: 20px;
  }

  .newsearch-case-big .box .right .des {
    font-size: 14px;
    line-height: 26px;
  }

  .newsearch-case-small .swiper-slide {
    padding: 0 18px;
  }

  /* ========== */
  /* = PROSERVEER = */
  /* ========== */
  .proserveer ul {
    margin: 0 -25px 60px;
  }

  .proserveer li {
    margin-top: 50px;
    padding: 0 25px;
  }

  .proserveer li .box .tit {
    font-size: 22px;
  }

  .proserveer li .box .des {
    font-size: 16px;
  }

  /* ========== */
  /* = REDBOOK = */
  /* ========== */
  .redbook-why .content .text li {
    margin-top: 30px;
  }

  .redbook-why .content .text li p {
    margin-top: 20px;
  }

  .redbook-service ul {
    margin-left: 2%;
    width: 48%;
  }

  .redbook-service ul li span {
    font-size: 22px;
  }

  .redbook-service ul li p {
    font-size: 15px;
  }

  .redbook-service .img .text {
    font-size: 20px;
    line-height: 30px;
  }

  /* ========== */
  /* = HEADLINES = */
  /* ========== */
  .headlines-service li .box .tit img {
    width: 60px;
  }

  .headlines-service li .box .tit span {
    margin-top: 270%;
    font-size: 50px;
  }

  .headlines-service li .box .des {
    margin-left: 0;
  }

  .headlines-service li .box .des p {
    margin: 18% 0;
  }

  .headlines-service li .box .des p img {
    margin-right: 5px;
  }

  .headlines-service li .box .des p span {
    font-size: 20px;
  }

  .headlines-advantage li p {
    font-size: 18px;
  }

  /* ========== */
  /* = mgHonors EPR = */
  /* ========== */
  .epr-why .text img {
    height: 90px;
  }

  .epr-why .text .box p {
    font-size: 20px;
  }

  .epr-service .content li {
    height: 100px;
    margin: 5% 0;
    padding-left: 150px;
  }

  .epr-service .content li span {
    width: 100px;
  }

  .epr-service .content li div i {
    font-size: 20px;
    line-height: 40px;
  }

  .epr-advantage li .tit {
    font-size: 20px;
  }

  .epr-advantage li .tit span {
    font-size: 24px;
  }

  /* ========== */
  /* = SEM = */
  /* ========== */
  .sem-why .con {
    margin: 30px 0 40px;
  }

  .sem-why .con img {
    width: 50px;
  }

  .sem-why .con p {
    font-size: 20px;
  }

  /*.sem-service li .tit span{ font-size: 22px; }
	.sem-service li .tit p{  font-size: 16px; }*/
  .sem-advantage li .tit {
    font-size: 20px;
  }

  /* ========== */
  /* = SEO = */
  /* ========== */
  .seo-service li .text .tit span {
    font-size: 22px;
  }

  .seo-service li .text .tit p {
    font-size: 16px;
  }

  .seo-service li .des {
    font-size: 14px;
  }

  /* ========== */
  /* = PLANMAKE = */
  /* ========== */
  .planmake-box .con .text .home-button {
    margin: 35px 0 0;
  }

  .planmake-why li .box span {
    width: 70px;
  }

  .planmake-why li .box div {
    margin-left: 85px;
  }

  .planmake-why li .box i {
    font-size: 20px;
  }

  .planmake-why li .box p {
    font-size: 14px;
    line-height: 26px;
  }

  .planmake-process .box .tit {
    font-size: 20px;
  }

  /* ========== */
  /* = ZHIHU = */
  /* ========== */
  .zhihu-why li span {
    font-size: 20px;
  }

  .zhihu-service .text .home-button {
    margin: 25px 0 0;
  }

  .zhihu-service .text li {
    margin-top: 25px;
  }

  .zhihu-service .text li span {
    font-size: 20px;
  }

  .zhihu-service .text li p {
    font-size: 14px;
    line-height: 26px;
  }

  .zhihu-advantage li .text span {
    font-size: 20px;
  }

  /* ========== */
  /* = FLOW = */
  /* ========== */
  .flow-why li span {
    font-size: 20px;
  }

  .flow-service .swiper-flow .box .text .tit {
    font-size: 20px;
  }

  .flow-advantage li span {
    font-size: 20px;
  }

  /* ========== */
  /* = SEO_SYSTEM = */
  /* ========== */
  .seo-system-list li .text .tit span {
    font-size: 24px;
  }

  .seo-system-list li .text .tit p {
    margin-top: 10px;
    font-size: 16px;
  }

  .seo-system-list li .text .des {
    margin-top: 5px;
    font-size: 16px;
    line-height: 30px;
  }

  .seo-system-list li .text .home-button {
    margin: 30px 0 0;
  }

  .seo-system-list li .text .num {
    font-size: 160px;
    line-height: 160px;
  }

  /* ========== */
  /* = MEDIA = */
  /* ========== */
  .media-why .con {
    margin: 40px 0 50px;
  }

  .media-why .con img {
    width: 50px;
  }

  .media-why .con p {
    font-size: 20px;
  }

  .media-service .content .text .des {
    font-size: 20px;
    line-height: 32px;
  }

  .media-service .content .text li p {
    font-size: 20px;
  }


  /* ========== */
  /* = solution = */
  /* ========== */
  .solution-list {
    margin: 0 -30px;
  }

  .solution-list li {
    padding: 0 30px;
  }

  /* ========== */
  /* = SOLUTION_DETAIL = */
  /* ========== */
  .solution-case ul {
    margin: 0 -30px 80px;
  }

  .solution-case li {
    padding: 0 30px;
  }

  .solution-case li .text .tit p {
    font-size: 16px;
  }

  /* ========== */
  /* = CASE_MARKET = */
  /* ========== */
  .case-list {
    margin: 0 -20px;
  }

  .case-tab a {
    margin: 0 20px 20px 0;
  }

  .case-list li {
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .case-list li .box .tip span {
    margin-right: 3%;
    min-width: 30%;
  }

  /* ========== */
  /* = CASE_MARKET_DETIAL = */
  /* ========== */
  .case-detail .right .title {
    font-size: 16px;
  }

  .case-detail .right .title span {
    font-size: 32px;
  }

  .case-detail .detail {
    font-size: 16px;
  }

  .case-detail .detail .tit {
    font-size: 20px;
  }

  .xg-case-list {
    margin: 0 -30px;
  }

  .xg-case-list li {
    padding: 0 30px;
  }

  /* ========== */
  /* = webcase = */
  /* ========== */
  .webcase .content {
    margin: 100px -30px 30px;
  }

  .webcase .article {
    padding: 0 30px;
  }

  /* ========== */
  /* = WEBCASE-DETAIL = */
  /* ========== */
  .webcase-detail-banner .img {
    width: 550px;
    height: 454px;
    padding: 26px 27px 0;
  }

  .webcase-detail-banner .text {
    width: 44%;
  }

  .xg-webcase ul {
    margin: 0 -25px;
  }

  .xg-webcase li {
    padding: 0 25px;
  }


  /* ========== */
  /* = WECHATAPPLET = */
  /* ========== */
  .wechat-list {
    margin: 0 -25px 80px;
  }

  .wechat-list li {
    padding: 0 25px;
  }

  .wechat-list .item .img {
    width: 200px;
    height: 343px;
    padding: 6px 24px 8px;
  }

  .wechat-list .item .img img {
    width: 100%;
  }

  .wechat-list .item .text {
    margin-left: 210px;
    padding-top: 4%;
  }

  .wechat-list .item .text .tit {
    font-size: 22px;
  }

  .wechat-list .item .text .tip {
    font-size: 16px;
  }

  .wechat-list .item .text .erweima {
    margin-top: 15%;
  }

  .wechat-list .item .text .erweima p {
    font-size: 14px;
  }

  /* ========== */
  /* = ABOUT = */
  /* ========== */
  .swiper-honor .con .left {
    width: 46%;
  }

  .swiper-honor .con .right .text {
    margin-bottom: 110px;
    font-size: 24px;
  }

  .swiper-honor .con .right .text i {
    font-size: 34px;
  }

  .swiper-honor .con .right .num {
    margin-bottom: 30px;
    font-size: 28px;
  }

  .swiper-honor .con .right .num span {
    font-size: 38px;
  }


  /* ========== */
  /* = NEWS = */
  /* ========== */
  .news-list li .text .date span {
    font-size: 32px;
  }

  .news-list li .text .tit {
    font-size: 22px;
  }

  .news-list li .text .more {
    margin-top: 20px;
  }

  .news-right .box-img p {
    font-size: 16px;
  }
}

@media (max-width:1320px) {

  /* ========== */
  /* = HEADLINES = */
  /* ========== */
  .headlines-service li .box .tit span {
    margin-top: 220%;
    font-size: 40px;
  }

  .headlines-service li .box .des {
    width: 48%;
  }

  .headlines-service li .box .des p {
    margin: 13% 0;
  }

  .headlines-service li .box .des p span {
    font-size: 18px;
  }

}

@media (max-width:999px) {

  .pro-news {
    padding: 1rem 0;
    background: #ffffff;
  }

  .pro-news .theme {
    padding-bottom: 0.26rem;
    font-size: 0.44rem;
  }

  .xg-zixun li {
    margin-top: 0.3rem;
    width: 100%;
    margin-right: 0;
  }

  .xg-zixun li a {
    padding-left: 0;
    padding-right: 40px;
  }

  .xg-zixun li .tit {
    font-size: 0.36rem;
    line-height: 0.52rem;
  }

  .xg-zixun li .tit span {
    width: 2.2rem;
    margin-right: 0;
  }

  .xg-zixun li .des {
    font-size: 0.3rem;
    padding-left: 2.2rem;
  }

  .xg-zixun li a:after {
    right: 0.3rem;
  }

  .xg-zixun li a:before {
    display: none;
  }

  .xg-zixun li a:hover {
    background: none;
    color: #666;
  }

  .xg-zixun li a:hover:after {
    background: url(../images/ico_more_hnews.png) right no-repeat;
  }

  .xg-zixun li a:hover .des {
    color: #666;
  }


  /* ========== */
  /* = NY = */
  /* ========== */
  .ny-banner .container {
    height: 6rem;
  }

  .ny-banner .text {
    width: 58%;
  }

  .ny-banner .text h2 {
    font-size: 0.6rem;
  }

  .ny-banner .text h1 {
    font-size: 0.6rem;
  }

  .ny-banner .text p {
    margin-top: 0.26666666rem;
    font-size: 0.26666666rem;
    line-height: 0.53333333rem;
  }

  .ny-banner .img {
    width: 38%;
  }

  .ny-banner .img2 {
    width: auto;
    top: 1rem;
  }

  .ny-banner .img2 img {
    height: 4rem;
  }

  .ny-menu span {
    font-size: 0.26666666rem;
    margin: 0 0.32rem;
  }

  .ny-menu a {
    font-size: 0.36rem;
  }

  .page a,
  .page a:hover,
  .page b {
    padding: 0 0.13333333rem;
    min-width: 0.66666666rem;
    margin: 0 0.02666666rem;
    line-height: 0.68rem;
    font-size: 0.32rem;
  }

  .video-pop .close {
    right: -0.8rem;
    width: 0.7rem;
    height: 0.7rem;
  }


  /* ========== */
  /* = NEWSEARCH = */
  /* ========== */
  .newsearch-sign {
    padding: 1rem 0;
  }

  .newsearch-sign .container {
    display: block;
  }

  .newsearch-sign .img {
    width: 100%;
  }

  .newsearch-sign .text {
    width: 100%;
  }

  .newsearch-sign .text .des {
    margin-top: 0.53333333rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .newsearch-sign .text .tip {
    margin-top: 0.4rem;
    line-height: 1.2rem;
    text-align: center;
  }

  .newsearch-sign .text .tip span,
  .newsearch-sign .text .tip span:nth-child(2) {
    margin: 0 0.4rem;
    padding-left: 1.4rem;
    font-size: 0.38rem;
  }

  .newsearch-sign .text .tip span i {
    width: 1rem;
  }

  .newsearch-sign .text .home-button {
    margin: 0.66666666rem auto 0;
  }


  .newsearch-box {
    padding: 1rem 0;
  }

  .newsearch-box ul {
    margin-bottom: 0.93333333rem;
  }

  .newsearch-box li {
    margin-top: 0.8rem;
    width: 100%;
    max-width: 100%;
    border-radius: 0.4rem 0 30px 0;
  }

  .newsearch-box li.jt {
    width: 100%;
    max-width: 100%;
    height: 0.5rem;
  }

  .newsearch-box li.jt span img {
    width: 0.5rem;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  .newsearch-box li .img span {
    bottom: -0.5rem;
    width: 1.2rem;
  }

  .newsearch-box li .text {
    padding: 0.66666666rem 0.26666666rem 0.4rem;
  }

  .newsearch-box li .text .tit {
    font-size: 0.4rem;
    letter-spacing: 0.02666666rem;
  }

  .newsearch-box li .text .des {
    margin-top: 0.4rem;
  }

  .newsearch-box li .text .des span {
    font-size: 0.35rem;
    line-height: 0.64rem;
    padding-left: 0.4rem;
  }

  .newsearch-box li .text .des span:before {
    top: 0.24rem;
    width: 0.16rem;
    height: 0.16rem;
  }

  .newsearch-box li .text .des p {
    margin-bottom: 0.22rem;
    font-size: 0.31rem;
    line-height: 0.6rem;
    min-height: 0;
  }

  .newsearch-box li:nth-child(3) .text .tit {
    font-size: 0.42666666rem;
  }

  .newsearch-box li:nth-child(3) .text .tip {
    margin-top: 0.4rem;
  }

  .newsearch-box li:nth-child(3) .text .tip span {
    font-size: 0.34666666rem;
    line-height: 0.7rem;
    padding-left: 0.53333333rem;
  }

  .newsearch-box li:nth-child(3) .text .tip span:before {
    margin-top: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
  }


  .newsearch-challenge {
    padding-top: 1rem;
  }

  .newsearch-operate {
    padding: 1rem 0;
  }

  .newsearch-operate ul {
    margin-bottom: 0.93333333rem;
    display: block;
  }

  .newsearch-operate li {
    display: inline-block;
    vertical-align: top;
    height: 6rem;
    width: 40%;
    margin: 0.8rem 4% 0;
  }

  .newsearch-operate li img {
    width: 1.2rem;
  }

  .newsearch-operate li span {
    padding: 0.26666666rem 0;
    font-size: 0.4rem
  }

  .newsearch-operate li p {
    margin-top: 0.26666666rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
  }

  .newsearch-case {
    padding-top: 1rem;
  }

  .newsearch-case .top {
    padding-bottom: 0.4rem;
    padding-right: 3.2rem;
  }

  .newsearch-case-big .swiper-slide {
    padding: 0.66666666rem 0.8rem;
  }

  .newsearch-case-big .swiper-button-next,
  .newsearch-case-big .swiper-button-prev {
    margin-top: -0.333333rem;
    width: 0.66666666rem;
    height: 0.66666666rem;
  }

  .newsearch-case-big .box .left {
    float: none;
    width: 100%;
  }

  .newsearch-case-big .box .left .img {
    width: 7.73333333rem;
    height: 4.54666666rem;
    padding: 0.34666666rem 1.12rem;
  }

  .newsearch-case-big .box .right {
    margin-left: 0;
    margin-top: 0.66666666rem;
    max-width: 100%;
  }

  .newsearch-case-big .box .right .con {
    padding-bottom: 0.4rem;
  }

  .newsearch-case-big .box .right .con .text {
    line-height: 0.53333333rem;
    font-size: 0.26666666rem;
    padding-top: 0.2rem;
  }

  .newsearch-case-big .box .right .tit {
    font-size: 0.38rem;
  }

  .newsearch-case-big .box .right .des {
    margin-top: 0.2rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
  }

  .newsearch-case-small {
    padding: 0.66666666rem 0;
  }

  .newsearch-case-small .swiper-slide {
    padding: 0 0.12rem;
  }

  /* ========== */
  /* = PROSERVEER = */
  /* ========== */
  .proserveer {
    padding: 1rem 0 0.4rem;
  }

  .proserveer .home-tit .sub {
    top: -1.6rem;
  }

  .proserveer ul {
    margin: 0 -0.26666666rem 0.53333333rem;
  }

  .proserveer li {
    margin-top: 0.53333333rem;
    width: 50%;
    padding: 0 0.26666666rem;
  }

  .proserveer li .box {
    padding: 0.66666666rem 0.13333333rem;
  }

  .proserveer li .box span {
    width: 1.2rem;
  }

  .proserveer li .box .tit {
    margin-top: 0.26666666rem;
    font-size: 0.4rem;
  }

  .proserveer li .box .des {
    margin-top: 0.18666666rem;
    font-size: 0.32rem;
    line-height: 0.53333333rem;
    min-height: 0.53333333rem;
  }

  .proserveer li .box .home-button {
    margin-top: 0.53333333rem;
  }

  /* ========== */
  /* = REDBOOK = */
  /* ========== */
  .redbook-why {
    padding: 1rem 0;
  }

  .redbook-why .content {
    margin: 0.8rem 0;
    display: block;
  }

  .redbook-why .content .img {
    width: 100%;
  }

  .redbook-why .content .text {
    margin-top: 0.8rem;
    width: 100%;
  }

  .redbook-why .content .text .tit {
    font-size: 0.5rem;
  }

  .redbook-why .content .text li {
    margin-top: 0.44rem;
  }

  .redbook-why .content .text li span {
    font-size: 0.4rem;
  }

  .redbook-why .content .text li p {
    margin-top: 0.33333333rem;
    font-size: 0.32rem;
    line-height: 0.53333333rem;
  }

  .redbook-service {
    padding: 1rem 0;
    background: #fff;
  }

  .redbook-service .content {
    margin: 0.8rem 0;
    display: block;
  }

  .redbook-service ul {
    margin-left: 0;
    width: 100%;
    padding-bottom: 1rem;
  }

  .redbook-service ul li {
    margin-top: 0.66666666rem;
    padding: 0 0.26666666rem;
  }

  .redbook-service ul li img {
    width: 0.8rem;
  }

  .redbook-service ul li span {
    font-size: 0.34rem;
  }

  .redbook-service ul li p {
    margin-top: 0.22rem;
    font-size: 0.26666666rem;
    line-height: 0.53333333rem;
  }

  .redbook-service .img {
    width: 100%;
  }

  .redbook-service .img .text {
    font-size: 0.32rem;
    line-height: 0.5rem;
    padding-top: 0.2rem;
  }

  .redbook-advantage {
    padding: 1rem 0;
  }

  .redbook-advantage ul {
    margin: 0 0 0.8rem;
  }

  .redbook-advantage li {
    margin-top: 0.7rem;
    width: 100%;
    padding: 0;
  }

  .redbook-advantage li .box {
    padding: 0.6rem 0.5rem 0.4rem;
    letter-spacing: 0.01333333rem;
  }

  .redbook-advantage li .box img {
    width: 1.4rem;
  }

  .redbook-advantage li .box .tit {
    font-size: 0.4rem;
    padding-bottom: 0.26666666rem;
  }

  .redbook-advantage li .box p {
    margin-top: 0.26666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  /* ========== */
  /* = HEADLINES = */
  /* ========== */
  .headlines-why {
    padding: 1rem 0;
  }

  .headlines-why ul {
    margin: 0.7rem 0;
    padding: 0;
  }

  .headlines-why ul li img {
    width: 1rem;
  }

  .headlines-why ul li span {
    font-size: 0.34rem;
  }

  .headlines-why ul li p {
    margin-top: 0.26666666rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
  }

  .headlines-service {
    padding: 1rem 0;
  }

  .headlines-service ul {
    margin: 0 0 0.8rem;
  }

  .headlines-service li {
    width: 100%;
    padding: 0;
    margin-top: 0.8rem;
  }

  .headlines-service li .box {
    border-radius: 0.33333333rem 0 0.33333333rem 0;
  }

  .headlines-service li .box .img span {
    top: 0.93333333rem;
    left: 0.53333333rem;
    font-size: 0.5rem;
    line-height: 0.7rem;
  }

  .headlines-service li .box .tit img {
    width: 1rem;
  }

  .headlines-service li .box .tit span {
    margin-top: 2rem;
    font-size: 0.8rem;
  }

  .headlines-service li .box .des {
    padding-right: 0.13333333rem;
  }

  .headlines-service li .box .des p {
    margin: 0.6rem 0;
  }

  .headlines-service li .box .des p img {
    margin-right: 0.13333333rem;
    width: 0.7rem;
  }

  .headlines-service li .box .des p span {
    font-size: 0.34rem;
  }

  .headlines-advantage {
    padding: 1rem 0;
  }

  .headlines-advantage ul {
    margin: 0 0 0.8rem;
  }

  .headlines-advantage li {
    width: 100%;
    margin-top: 0.8rem;
    padding: 0 0;
  }

  .headlines-advantage li .box {
    padding: 0.4rem 0.26666666rem 0.8rem;
  }

  .headlines-advantage li p {
    margin-top: 0.26666666rem;
    font-size: 0.4rem;
  }


  /* ========== */
  /* = mgHonors EPR = */
  /* ========== */
  .epr-why {
    padding: 1rem 0;
  }

  .epr-why .container {
    display: block;
  }

  .epr-why .text {
    width: 100%;
    margin-bottom: 0.66666666rem;
  }

  .epr-why .text img {
    height: 1.5rem;
  }

  .epr-why .text .con {
    margin: 0.66666666rem 0 0.93333333rem;
  }

  .epr-why .text .box p {
    margin-top: 0.4rem;
    font-size: 0.4rem;
  }

  .epr-why .img {
    width: 100%;
  }

  .epr-service {
    padding: 1rem 0;
    background: #fff;
  }

  .epr-service .content {
    display: block;
    margin: 0.8rem 0;
  }

  .epr-service .content .img {
    width: 100%;
  }

  .epr-service .content ul {
    margin-top: 0.8rem;
    width: 100%;
  }

  .epr-service .content li {
    height: 1.8rem;
    margin: 0.5rem 0;
    padding-left: 1.8rem;
  }

  .epr-service .content li span {
    width: 1.5rem;
  }

  .epr-service .content li div i {
    font-size: 0.32rem;
    line-height: 0.6rem;
  }

  .epr-service .content li div p {
    line-height: 0.5rem;
    font-size: 0.28rem;
  }

  .epr-advantage {
    padding: 1rem 0;
  }

  .epr-advantage ul {
    display: block;
    margin-bottom: 0.8rem;
  }

  .epr-advantage li {
    margin-top: 0.66666666rem;
    width: 100%;
    max-width: 100%;
  }

  .epr-advantage li {
    padding: 0.53333333rem;
  }

  .epr-advantage li .ico {
    width: 1.5rem;
    right: -0.3rem;
  }

  .epr-advantage li .tit {
    font-size: 0.36rem;
    line-height: 0.53333333rem;
    padding-bottom: 0.23rem;
  }

  .epr-advantage li .tit span {
    font-size: 0.42666666rem;
  }

  .epr-advantage li .des {
    margin-top: 0.23rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  /* ========== */
  /* = SEM = */
  /* ========== */
  .sem-why {
    padding: 1rem 0;
  }

  .sem-why .container {
    display: block;
  }

  .sem-why .img {
    margin-top: 0.6666rem;
    width: 100%;
  }

  .sem-why .text {
    width: 100%;
    padding: 0.4rem 0 0;
    margin-left: 0%;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }

  .sem-why .con {
    margin: 0 0 0.66666666rem;
  }

  .sem-why .con img {
    width: 0.9rem;
  }

  .sem-why .con p {
    margin-top: 0.13333333rem;
    font-size: 0.32rem;
    letter-spacing: 0;
  }

  /*.sem-service{ padding: 1rem 0; background: #ffffff;}
	.sem-service ul{ margin-bottom: 1.06666666rem; display: block;}
	.sem-service li{ margin-top: 0.66666666rem;  width: 100%; max-width: 100%; }
	.sem-service li .img span{ width: 1.2rem; }
	.sem-service li .text{ padding:0.53333333rem 0.4rem;}
	.sem-service li .tit span{ font-size: 0.4rem; }
	.sem-service li .tit p{ margin-top: 0.18666666rem; font-size: 0.36rem;}
	.sem-service li .des{ max-width:50%; margin:0.4rem auto 0; font-size: 0.32rem; line-height: 0.64rem;}
	.sem-service li .des p{ padding-left: 0.4rem;}
	.sem-service li .des p:before{ top:0.24rem; width: 0.16rem; height: 0.16rem; }
	.sem-service li .num{ bottom: 0; right: 0; font-size: 1.2rem; line-height:1.2rem;}*/

  .sem-advantage {
    padding: 1rem 0;
  }

  .sem-advantage ul {
    margin-bottom: 0.93333333rem;
    display: block;
  }

  .sem-advantage li {
    margin-top: 0.66666666rem;
    width: 100%;
    max-width: 100%;
  }

  .sem-advantage li {
    padding: 0.53333333rem;
    letter-spacing: 0.01333333rem;
  }

  .sem-advantage li span {
    width: 1.5rem;
    right: -0.3rem;
  }

  .sem-advantage li .tit {
    font-size: 0.36rem;
  }

  .sem-advantage li p {
    margin-top: 0.23rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }


  /* ========== */
  /* = SEO = */
  /* ========== */
  .seo-service {
    padding: 1rem 0;
    background: #fff;
  }

  .seo-service ul {
    margin-bottom: 1.06666666rem;
  }

  .seo-service li {
    margin-top: 0.8rem;
    width: 100%;
    padding: 0.53333333rem;
  }

  .seo-service li .img {
    width: 100%;
  }

  .seo-service li .img span {
    width: 1.1rem;
  }

  .seo-service li .text {
    margin-top: 0.66666666rem;
    width: 100%;
    max-width: 100%;
    position: relative;
  }

  .seo-service li .text .tit span {
    font-size: 0.4rem;
  }

  .seo-service li .text .tit p {
    font-size: 0.36rem;
  }

  .seo-service li .text .num {
    top: 0;
    right: 0;
    font-size: 0.66666666rem;
  }

  .seo-service li .des {
    font-size: 0.32rem;
    line-height: 0.64rem;
    min-height: 2.12rem;
  }

  .seo-service li .des p {
    padding-left: 0.4rem;
  }

  .seo-service li .des p:before {
    top: 0.24rem;
    width: 0.16rem;
    height: 0.16rem;
  }

  /* ========== */
  /* = PLANMAKE = */
  /* ========== */
  .planmake-box {
    padding: 1rem 0;
  }

  .planmake-box .tab {
    margin: 0.66666666rem auto 0;
  }

  .planmake-box .tab:after {
    height: 1px;
    border: none;
    background: #ccc;
  }

  .planmake-box .tab span {
    margin: 0 0.4rem;
  }

  .planmake-box .tab span p {
    font-size: 0.32rem;
  }

  .planmake-box .tab span i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    padding: 2px;
  }

  .planmake-box .tab span i b {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #c8c8c8;
  }

  .planmake-box .tab:after {
    bottom: 10px;
  }

  .planmake-box .swiper-planmake-box {
    margin-top: 1.06666666rem;
    overflow: hidden;
    width: 100%;
  }

  .planmake-box .con {
    display: block;
    width: 100%;
  }

  .planmake-box .con .img {
    width: 100%;
  }

  .planmake-box .con .text {
    margin-top: 0.8rem;
    width: 100%;
    padding-left: 0;
  }

  .planmake-box .con .text .tit {
    text-align: center;
  }

  .planmake-box .con .text .tit span {
    font-size: 0.44rem;
  }

  .planmake-box .con .text .tit p {
    font-size: 0.34rem;
    margin-top: 0.2rem;
  }

  .planmake-box .con .text .boxcon {
    text-align: center;
  }

  .planmake-box .con .text .box {
    display: inline-block;
    vertical-align: top;
    min-height: 1.6rem;
    width: 30%;
    margin: 0.6rem 4% 0;
  }

  .planmake-box .con .text .box span {
    float: none;
    display: block;
    margin: 0 auto;
    width: 1rem;
  }

  .planmake-box .con .text .box div {
    margin-left: 0;
    padding-top: 0.1rem;
    text-align: center;
  }

  .planmake-box .con .text .box i {
    font-size: 0.32rem;
  }

  .planmake-box .con .text .box i:after {
    width: 1.38rem;
  }

  .planmake-box .con .text .box p {
    margin-top: 0.13333333rem;
    font-size: 0.26666666rem;
    line-height: 0.53333333rem;
    text-align: center;
  }

  .planmake-box .con .text .home-button {
    margin: 0.66666666rem auto 0;
    background: #fff;
    color: #2a6cf4;
  }

  .planmake-why {
    padding: 1rem 0;
  }

  .planmake-why ul {
    margin-top: 1rem;
  }

  .planmake-why li {
    margin-bottom: 1.06666666rem;
    display: block;
  }

  .planmake-why li .img {
    width: 100%;
  }

  .planmake-why li .text {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0.66666666rem;
  }

  .planmake-why li:nth-child(2n) .text {
    padding-right: 0;
  }

  .planmake-why li .tit span {
    font-size: 0.4rem;
  }

  .planmake-why li .tit p {
    margin-top: 0.26666666rem;
    font-size: 0.34rem;
  }

  .planmake-why li .box {
    width: 46%;
    margin-right: 8%;
  }

  .planmake-why li .box {
    margin-top: 0.8rem;
  }

  .planmake-why li .box span {
    float: none;
    width: 1rem;
  }

  .planmake-why li .box div {
    margin-left: 0;
  }

  .planmake-why li .box i {
    font-size: 0.32rem;
    padding-bottom: 0.2rem;
  }

  .planmake-why li .box i:after {
    width: 1.38rem;
  }

  .planmake-why li .box p {
    margin-top: 0.13333333rem;
    font-size: 0.26666666rem;
    line-height: 0.53333333rem;
  }

  .planmake-process {
    padding: 1rem 0;
    background: #ffffff;
  }

  .planmake-process .content {
    margin: 0.8rem 0;
    display: block;
  }

  .planmake-process .box {
    width: 7.33333333rem;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 0.33333333rem 0.66666666rem 0.33333333rem 2.05333333rem;
    border-radius: 0.5rem 0 0.5rem 0;
  }

  .planmake-process .box .ico {
    position: absolute;
    width: 1rem;
    top: 0.33333333rem;
    left: 0.66666666rem;
  }

  .planmake-process .box .tit {
    font-size: 0.32rem;
    line-height: 1rem;
    padding: 0;
  }

  .planmake-process .box .tit:after {
    margin-left: 0;
    left: 0;
    width: 0.6rem;
  }

  .planmake-process .box .des {
    max-width: 100%;
    font-size: 0.26666666rem;
    line-height: 0.6rem;
  }

  .planmake-process .box .des p {
    display: inline-block;
    padding-left: 0.3rem;
    width: 48%;
  }

  .planmake-process .box .des p:before {
    top: 50%;
    margin-top: -0.05rem;
    width: 0.1rem;
    height: 0.1rem;
  }

  .planmake-process .box .num {
    bottom: 0.9rem;
    right: 0.3rem;
    font-size: 1.1rem;
    line-height: 1.7rem;
  }

  .planmake-process .jt {
    padding: 0.2rem 0;
  }

  .planmake-process .jt img {
    width: 0.5rem;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /* ========== */
  /* = ZHIHU = */
  /* ========== */
  .zhihu-why {
    padding: 1rem 0;
  }

  .zhihu-why ul {
    margin: 0.8rem 0;
    display: block;
    text-align: center;
    font-size: 0;
  }

  .zhihu-why li {
    margin: 0;
    width: 50%;
    padding: 0.15rem;
    display: inline-block;
  }

  .zhihu-why li .box {
    background: #fff;
    padding: 0.4rem;
    -webkit-box-shadow: 0 0 0.12rem rgba(0, 0, 0, .08);
    box-shadow: 0 0 0.12rem rgba(0, 0, 0, .08);
  }

  .zhihu-why li i {
    display: inline-block;
    background: #f8f8f8;
    border-radius: 100%;
    overflow: hidden;
    width: 1.2rem;
    padding: 0.12rem;
  }

  .zhihu-why li span {
    font-size: 0.32rem;
    letter-spacing: 0.01333333rem;
    margin-top: 0.13333333rem;
  }

  .zhihu-why li p {
    margin-top: 0.16rem;
    font-size: 0.26666666rem;
    line-height: 0.53333333rem;
  }

  .zhihu-service {
    display: block;
  }

  .zhihu-service .img {
    width: 100%;
    height: 6.66666666rem;
  }

  .zhihu-service .mb-content {
    padding: 0.3rem 0.4rem 1.2rem;
    background-image: url(../images/mb_zhihu_img.jpg);
  }

  .zhihu-service .text {
    width: 100%;
    padding: 0.66666666rem 0.23rem;
  }

  .zhihu-service .text .home-button {
    margin-top: 0.5rem;
  }

  .zhihu-service .text .home-button.pc-block {
    display: none;
  }

  .zhihu-service .text ul {
    font-size: 0;
  }

  .zhihu-service .text li {
    width: 50%;
    margin: 0;
    padding: 0.12rem;
  }

  .zhihu-service .text li .box {
    background: #fff;
    padding: 0.3rem 0.26rem;
    -webkit-box-shadow: 0 0 0.12rem rgba(0, 0, 0, .08);
    box-shadow: 0 0 0.12rem rgba(0, 0, 0, .08);
  }

  .zhihu-service .text li img {
    display: none;
  }

  .zhihu-service .text li span {
    display: block;
    padding-bottom: 0.15rem;
    position: relative;
    font-size: 0.36rem;
    color: #2a6cf4;
  }

  .zhihu-service .text li span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.5rem;
    height: 1px;
    background: #cccccc;
  }

  .zhihu-service .text li p {
    margin-top: 0.13rem;
    font-size: 0.26666666rem;
    line-height: 0.53333333rem;
    min-height: 1.599999rem;
  }

  .zhihu-advantage {
    padding: 1rem 0;
  }

  .zhihu-advantage ul {
    margin: 0.26666666rem 0 1.06666666rem;
  }

  .zhihu-advantage li {
    margin-top: 0.93333333rem;
    width: 100%;
    margin-right: 0;
  }

  .zhihu-advantage li .text {
    padding: 0.26666666rem;
  }

  .zhihu-advantage li .text span {
    font-size: 0.38rem;
    letter-spacing: 0.01333333rem;
  }

  .zhihu-advantage li .text p {
    margin-top: 0.26666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  /* ========== */
  /* = FLOW = */
  /* ========== */
  .flow-why {
    padding: 1rem 0;
  }

  .flow-why ul {
    margin: 0 auto 0.8rem;
  }

  .flow-why li {
    margin-top: 0.8rem;
  }

  .flow-why li img {
    width: 1.2rem;
  }

  .flow-why li span {
    font-size: 0.38rem;
  }

  .flow-why li p {
    margin-top: 0.18666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .flow-advantage {
    padding: 1rem 0;
  }

  .flow-advantage ul {
    margin-bottom: 0.8rem;
    display: block;
    text-align: center;
  }

  .flow-advantage li {
    display: inline-block;
    width: 46%;
    margin: 0.4rem 1% 0;
  }

  .flow-advantage li:nth-child(2n) {
    margin-right: 0;
  }

  .flow-advantage li span {
    font-size: 0.34rem;
    line-height: 0.8rem;
  }

  /* ========== */
  /* = SEO_SYSTEM = */
  /* ========== */
  .seo-system {
    padding: 1rem 0;
    background: none;
  }

  .seo-system-list {
    margin-top: 1rem;
  }

  .seo-system-list li {
    margin-bottom: 0.8rem;
    display: block;
  }

  .seo-system-list li .img {
    width: 100%;
  }

  .seo-system-list li .text {
    margin-top: 0.66666666rem;
    width: 100%;
    margin-right: 0;
  }

  .seo-system-list li .text .tit {
    padding-bottom: 0.26666666rem;
  }

  .seo-system-list li .text .tit span {
    font-size: 0.4rem;
  }

  .seo-system-list li .text .tit p {
    margin-top: 0.26666666rem;
    font-size: 0.34666666rem;
  }

  .seo-system-list li .text .des {
    margin-top: 0.26666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .seo-system-list li .text .home-button {
    margin: 0.66666666rem 0 0;
  }

  .seo-system-list li .text .num {
    font-size: 2rem;
    line-height: 2rem;
  }

  .seo-system-list li:nth-child(2n) .text {
    margin-left: 0;
  }

  .seo-system-list li:nth-child(2) .text,
  .seo-system-list li:nth-child(5) .text {
    color: #666;
  }

  .seo-system-list li:nth-child(2) .text .tit:after,
  .seo-system-list li:nth-child(5) .text .tit:after {
    background: #2a6cf4;
  }

  .seo-system-list li:nth-child(2) .text .tit span,
  .seo-system-list li:nth-child(5) .text .tit span {
    color: #333;
  }

  .seo-system-list li:nth-child(2) .text .des span,
  .seo-system-list li:nth-child(5) .text .des span {
    color: #333;
  }

  .seo-system-list li:nth-child(2) .text .num,
  .seo-system-list li:nth-child(5) .text .num {
    color: #2a6cf4;
    opacity: .05;
  }


  /* ========== */
  /* = MEDIA = */
  /* ========== */
  .media-tab {
    padding-top: 1rem;
  }

  .media-tab.ny-menu a {
    line-height: 0.8rem;
    width: 40%;
  }

  .media-tab.ny-menu span {
    display: none;
  }

  .media-why {
    padding: 1rem 0;
  }

  .media-why .container {
    display: block;
  }

  .media-why .img {
    width: 100%;
  }

  .media-why .text {
    margin-left: 0%;
    width: 100%;
    padding: 0.66666666rem 0.3rem;
  }

  .media-why .con {
    margin: 0.66666666rem 0;
  }

  .media-why .con img {
    width: 1.1rem;
  }

  .media-why .con p {
    margin-top: 0.13333333rem;
    font-size: 0.32rem;
    letter-spacing: 0;
  }

  .media-service {
    padding: 1rem 0;
  }

  .media-service .content {
    margin-top: 0.66666666rem;
    display: block;
  }

  .media-service .img {
    margin-bottom: 0.66666666rem;
    width: 100%;
  }

  .media-service .content .text {
    width: 100%;
  }

  .media-service .content .text .des {
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .media-service .content .text ul {
    margin-top: 0.8rem;
  }

  .media-service .content .text li span {
    width: 1.4rem;
  }

  .media-service .content .text li p {
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .media-service .content .text .home-button {
    margin: 0.66666666rem auto 0;
  }


  /* ========== */
  /* = solution = */
  /* ========== */
  .solution {
    padding-bottom: 1rem;
  }

  .solution-list {
    margin: 0;
  }

  .solution-list li {
    width: 100%;
    margin-top: 0.8rem;
    padding: 0;
  }

  .solution-list li p {
    line-height: 1.3rem;
    font-size: 0.38rem;
    padding: 0 1.4rem 0 0.4rem;
  }

  .solution-list li p:after {
    margin-top: -0.13333333rem;
    right: 0.4rem;
    width: 0.74666666rem;
    height: 0.26666666rem;
  }

  /* ========== */
  /* = SOLUTION_DETAIL = */
  /* ========== */
  .solution-pain {
    padding: 1rem 0;
  }

  .solution-pain .img {
    margin-top: 0.66666666rem;
  }

  .solution-journey {
    padding: 1rem 0;
  }

  .solution-journey .home-tit p {
    margin: 0.53333333rem auto 0;
    font-size: 0.32rem;
    line-height: 0.61333333rem;
  }

  .solution-case {
    padding: 1rem 0;
  }

  .solution-case ul {
    margin: 0 0 1.06666666rem;
  }

  .solution-case li {
    margin-top: 0.8rem;
    width: 100%;
    padding: 0;
  }

  .solution-case li .box .img span {
    bottom: -0.53333333rem;
    margin-left: -0.8rem;
    width: 1.6rem;
  }

  .solution-case li .text {
    padding: 0.66666666rem 0.4rem;
  }

  .solution-case li .text .tit {
    padding-bottom: 0.29333333rem;
  }

  .solution-case li .text .tit span {
    font-size: 0.4rem;
  }

  .solution-case li .text .tit p {
    margin-top: 0.13333333rem;
    font-size: 0.36rem;
  }

  .solution-case li .text .des {
    margin-top: 0.4rem;
    min-height: 0;
  }

  .solution-case li .text .des p {
    margin-bottom: 0.2rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
    padding-left: 0.6rem;
  }

  .solution-case li .text .des p:before {
    top: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
  }

  .solution-service {
    padding: 1rem 0;
  }

  .solution-service ul {
    display: block;
    text-align: center;
  }

  .solution-service li {
    display: inline-block;
    width: 22%;
    margin: 0.66666666rem 1% 0;
  }

  .solution-service li a p {
    font-size: 0.4rem;
    line-height: 0.66666666rem;
    margin-top: -0.33333333rem;
  }


  /* ========== */
  /* = CASE_MARKET = */
  /* ========== */
  .case {
    padding: 0.8rem 0 1rem;
  }

  .case-tab {
    margin-bottom: 1rem;
  }

  .case-tab a {
    margin: 0 0.15rem 0.15rem 0;
    border-radius: 0.05rem;
    padding: 0 0.1rem;
    min-width: 2.16rem;
    line-height: 0.8rem;
    font-size: 0.34rem;
  }

  .case-tab a:nth-child(4n) {
    margin-right: 0;
  }

  .case-tab a:hover {
    border: 1px solid #cccccc;
    color: #999999;
  }

  .case-tab a.actvie {
    border: 1px solid #2a6cf4;
    color: #fff;
  }

  .case-list {
    margin: 0;
  }

  .case-list li {
    margin-bottom: 1rem;
    width: 100%;
    padding: 0;
  }

  .case-list li .box {
    padding: 0.86666666rem;
  }

  .case-list li .box .tit {
    margin-top: 0.4rem;
    padding-right: 0.93333333rem;
    font-size: 0.32rem;
  }

  .case-list li .box .tit:after {
    margin-top: -0.13333333rem;
    width: 0.74666666rem;
    height: 0.26666666rem;
  }

  .case-list li .box .tit span {
    margin-right: 0.13333333rem;
    font-size: 0.4rem;
    letter-spacing: 0.02666666rem;
  }

  .case-list li .box .des {
    margin-top: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
    height: 1.28rem;
  }

  .case-list li .box .tip {
    width: 105%;
    min-height: 0;
  }

  .case-list li .box .tip span {
    font-size: 0.32rem;
  }

  .market-logo {
    padding: 1rem 0;
  }

  .market-logo ul {
    margin: 1.06666666rem 0;
  }

  .market-logo li {
    width: 33.33333%;
    padding: 0.4rem 0.13333333rem;
  }

  .market-logo li:nth-child(4),
  .market-logo li:nth-child(5) {
    border-top: 1px dashed #dfdfdf;
  }

  .market-logo li:nth-child(5n) {
    border-right: 1px dashed #dfdfdf;
  }

  .market-logo li:nth-child(3n) {
    border-right: none;
  }


  /* ========== */
  /* = CASE_MARKET_DETIAL = */
  /* ========== */
  .case-detail {
    padding: 1rem 0;
  }

  .case-detail .container {
    display: block;
  }

  .case-detail .left {
    width: 100%;
  }

  .case-detail .right {
    width: 100%;
    padding: 0.66666666rem 0.53333333rem;
  }

  .case-detail .right .title {
    padding-bottom: 0.3rem;
    padding-right: 3.2rem;
    font-size: 0.36rem;
  }

  .case-detail .right .title .home-button {
    position: absolute;
    top: 0;
    right: 0;
  }

  .case-detail .right .title span {
    margin-right: 0;
    font-size: 0.48rem;
    margin-bottom: 0.13333333rem;
    display: block;
  }

  .case-detail .detail {
    margin-top: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
  }

  .case-detail .detail .tit {
    margin-bottom: 0.2rem;
    font-size: 0.4rem;
  }

  .case-detail .detail .des {
    margin-bottom: 0.4rem;
  }

  .case-detail .detail .des .p-tip {
    margin-top: 0.2rem;
    padding-left: 0.9rem;
  }

  .case-detail .detail .result p {
    padding-left: 0.5rem;
  }

  .case-detail .detail .result p:before {
    top: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
  }

  .xg-case {
    padding: 1rem 0;
  }

  .xg-case-list {
    margin: 0;
  }

  .xg-case-list li {
    margin-top: 0.8rem;
    width: 100%;
    padding: 0;
  }

  .xg-case-list li .box {
    padding: 0.86666666rem;
  }

  .xg-case-list li .box .tit span {
    padding-bottom: 0.26666666rem;
    margin-bottom: 0.26666666rem;
    font-size: 0.4rem;
  }

  .xg-case-list li .box .des {
    font-size: 0.32rem;
    line-height: 0.64rem;
    margin-top: 0.33333333rem;
    height: 1.28rem;
  }

  .xg-case-list li .box .more {
    margin-top: 0.13333333rem;
  }

  .xg-case-list li .box .more span {
    font-size: 0.32rem;
  }

  .xg-case-list li .box .more i {
    width: 0.74666666rem;
    height: 0.26666666rem;
  }

  .xg-theme span {
    font-size: 0.53333333rem;
    letter-spacing: 0.02666666rem;
  }


  /* ========== */
  /* = WEBCASE = */
  /* ========== */
  .webcase {
    padding: 1rem 0;
  }

  .webcase .content {
    margin: 1rem 0 0;
  }

  .webcase .article {
    width: 100%;
    float: left;
    padding: 0;
  }

  .webcase .article:nth-child(2) {
    margin-top: 0;
  }

  .webcase .article:nth-child(2n+1) {
    margin-top: 0;
  }

  .webcase .article:nth-child(1) {
    margin-top: 0;
  }

  .webcase .article .box .text {
    padding: 0.4rem;
  }

  .webcase .article .box .text .tit {
    padding-bottom: 0.2rem;
    font-size: 0.4rem;
  }

  .webcase .article .box .text .tip {
    margin-top: 0.26666666rem;
    padding-right: 0.93333333rem;
    font-size: 0.32rem;
  }

  .webcase .article .box .text .tip:after {
    margin-top: -0.13333333rem;
    width: 0.74666666rem;
    height: 0.26666666rem;
  }

  .webcase .article .box:hover .img:after {
    opacity: 0;
  }

  .webcase .article .box:hover .con {
    display: none;
  }

  .webcase .article .box:hover .tip:after {
    background-image: url(../images/solution_more.png);
  }

  /* ========== */
  /* = WEBCASE-DETAIL = */
  /* ========== */
  .webcase-detail-banner {
    padding: 1rem 0;
  }

  .webcase-detail-banner .content {
    display: block;
  }

  .webcase-detail-banner .content .bg {
    display: none;
  }

  .webcase-detail-banner .img {
    margin: 0 auto 0.66666666rem;
    width: 9.01333333rem;
    height: 7.44rem;
    padding: 0.43rem 0.43rem 0;
  }

  .webcase-detail-banner .img div span {
    width: 0.8rem;
    height: 0.8rem;
    margin-left: -0.4rem;
    margin-top: -0.4rem;
  }

  .webcase-detail-banner .text {
    width: 100%;
  }

  .webcase-detail-banner .text .title {
    padding-bottom: 0.3rem;
    font-size: 0.4rem;
  }

  .webcase-detail-banner .text .title span {
    font-size: 0.48rem;
  }

  .webcase-detail-banner .text .tip {
    margin-top: 0.4rem;
    font-size: 0.32rem;
  }

  .webcase-detail-banner .text .des {
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .webcase-detail {
    padding: 1rem 0;
  }

  .webcase-detail .content {
    display: block;
    padding-bottom: 0;
  }

  .webcase-detail .content:after {
    display: none;
  }

  .webcase-detail .detail {
    width: 100%;
  }

  .webcase-detail .text {
    width: 100%;
    padding-top: 0.66666666rem;
  }

  .webcase-detail .text .tit {
    margin-bottom: 0.13333333rem;
    font-size: 0.4rem;
  }

  .webcase-detail .text .color {
    margin-top: 0.26666666rem;
  }

  .webcase-detail .text .color .box span {
    width: 1.33333333rem;
    height: 1.33333333rem;
    border-radius: 0.26666666rem;
  }

  .webcase-detail .text .des {
    margin-bottom: 0.66666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .webcase-button {
    padding: 0.13333333rem 0.4rem;
  }

  .webcase-button i {
    width: 0.5rem;
    height: 0.5rem;
  }

  .webcase-button span {
    margin-left: 0.13333333rem;
    font-size: 0.32rem;
  }

  .xg-webcase {
    padding: 1rem 0;
  }

  .xg-webcase ul {
    margin: 0;
  }

  .xg-webcase li {
    margin-top: 0.8rem;
    width: 100%;
    padding: 0;
  }

  .xg-webcase li .box .text {
    padding: 0.4rem;
  }

  .xg-webcase li .box .text .tit {
    padding-bottom: 0.26666666rem;
    font-size: 0.4rem;
  }

  .xg-webcase li .box .text .tip {
    margin-top: 0.2rem;
    padding-right: 0.93333333rem;
    font-size: 0.32rem;
  }

  .xg-webcase li .box .text .tip:after {
    margin-top: -0.13333333rem;
    width: 0.74666666rem;
    height: 0.26666666rem;
  }

  .xg-webcase li .box:hover .img img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .xg-webcase li .box:hover .tit {
    color: #333;
  }

  .xg-webcase li .box:hover .tip:after {
    background-image: url(../images/solution_more.png);
  }


  /* ========== */
  /* = WECHATAPPLET = */
  /* ========== */
  .wechat-list {
    margin: 0 0 1rem;
  }

  .wechat-list li {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }

  .wechat-list .item {
    padding: 0.4rem;
  }

  .wechat-list .item .img {
    width: 4rem;
    height: 6.86666666rem;
    padding: 0.10666666rem 0.46666666rem 0.13333333rem;
  }

  .wechat-list .item .text {
    margin-left: 4rem;
    padding-top: 0.3rem;
  }

  .wechat-list .item .text .ico {
    width: 1rem;
  }

  .wechat-list .item .text .tit {
    font-size: 0.44rem;
    padding: 0.2rem 0;
  }

  .wechat-list .item .text .tip {
    margin-top: 0.22rem;
    font-size: 0.36rem;
  }

  .wechat-list .item .text .erweima {
    margin-top: 0.66666666rem;
  }

  .wechat-list .item .text .erweima img {
    width: 50%;
  }

  .wechat-list .item .text .erweima p {
    margin-top: 0.2rem;
    font-size: 0.32rem;
  }

  /* ========== */
  /* = ABOUT = */
  /* ========== */
  .about-banner {
    height: 7rem;
  }

  .about-banner .text {
    transform: translateY(40%);
    -webkit-transform: translateY(40%);
  }

  .about-banner .text span {
    font-size: 0.66666666rem;
  }

  .about-banner .text p {
    font-size: 0.4rem;
    margin-top: 0.26666666rem;
  }

  .about-banner .button {
    display: none;
  }

  .about-box {
    display: block;
  }

  .about-box #about {
    top: -1.6rem;
  }

  .about-box .text {
    width: 100%;
    padding: 1rem 0.4rem;
  }

  .about-box .text img {
    width: 1rem;
  }

  .about-box .text h2 {
    margin-top: 0.53333333rem;
    font-size: 0.44rem;
  }

  .about-box .text .tip {
    margin-top: 0.26666666rem;
    font-size: 0.4rem;
  }

  .about-box .text .des {
    margin-top: 0.53333333rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .about-box .right {
    width: 100%;
    padding: 0.66666666rem 0.4rem;
  }

  .about-box .home-tit {
    display: none;
  }

  .about-box ul li {
    margin-top: 0.8rem;
  }

  .about-box ul li:nth-child(1),
  .about-box ul li:nth-child(2),
  .about-box ul li:nth-child(3) {
    margin-top: 0;
  }

  .about-box ul li span {
    padding-right: 0.4rem;
    font-size: 0.66666666rem;
  }

  .about-box ul li span sup {
    line-height: 0.4rem;
    font-size: 0.4rem;
  }

  .about-box ul li:first-child span sup {
    font-size: 0.32rem;
  }

  .about-box ul li p {
    margin-top: 0.13333333rem;
    font-size: 0.32rem;
  }

  .about-history {
    padding: 1rem 0;
  }

  .about-history .content {
    margin: 1rem 0 0.2rem;
  }

  .about-history .content .img {
    display: none;
  }

  .about-history .content .left {
    width: 100%;
  }

  .about-history .swiper-history .date {
    font-size: 0.48rem;
    padding-bottom: 0.33333333rem;
  }

  .about-history .swiper-history .date span {
    font-size: 0.6rem;
  }

  .about-history .swiper-history .des {
    font-size: 0.32rem;
    line-height: 0.64rem;
    margin-top: 0.26666666rem;
  }

  .about-history .time-content {
    padding: 0 0.8rem;
  }

  .about-history .swiper-history-nav .swiper-slide p {
    margin-top: 0.13333333rem;
    font-size: 0.34666666rem;
  }

  .about-history .swiper-button-next,
  .about-history .swiper-button-prev {
    margin-top: -0.33333333rem;
    width: 0.66666666rem;
    height: 0.66666666rem;
  }

  .about-honor {
    padding: 1rem 0;
  }

  .swiper-honor {
    padding: 0.66666666rem 0 1.06666666rem;
  }

  .swiper-honor .con {
    display: block;
  }

  .swiper-honor .con .left {
    margin-bottom: 0.9rem;
    width: 100%;
  }

  .swiper-honor .con .right {
    width: 100%;
  }

  .swiper-honor .con .right .text {
    display: none;
    margin-bottom: 0.3rem;
    font-size: 0.36rem;
  }

  .swiper-honor .con .right .text i {
    font-size: 0.4rem;
  }

  .swiper-honor .con .right .num {
    margin-bottom: 0.3rem;
    font-size: 0.4rem;
  }

  .swiper-honor .con .right .num span {
    font-size: 0.53333333rem;
  }

  .about-honor .button {
    display: none;
  }

  .about-team {
    padding: 1rem 0;
  }

  .about-team ul {
    display: block;
  }

  .about-team li {
    margin-top: 0.8rem;
    width: 100%;
  }

  .about-team li .box {
    padding: 0.66666666rem;
  }

  .about-team li .head span {
    width: 1.5rem;
  }

  .about-team li .tit {
    margin-left: 0.13333333rem;
  }

  .about-team li .tit h2 {
    font-size: 0.4rem;
  }

  .about-team li .tit p {
    margin-top: 0.06666666rem;
    font-size: 0.32rem;
  }

  .about-team li .des {
    margin-top: 0.18666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .about-news {
    padding: 1rem 0;
  }

  .about-news .content {
    margin: 0.8rem 0;
    height: 5.2rem;
    overflow-y: auto;
    overflow: scroll;
  }

  .about-news .list {
    padding-right: 0.5rem;
  }

  .about-news .list li {
    padding-bottom: 0.6rem;
  }

  .about-news .list .img {
    width: 3.2rem;
  }

  .about-news .list .text {
    margin-left: 3.4rem;
    height: 2.05rem;
  }

  .about-news .list .date {
    display: none;
  }

  .about-news .list .tit {
    margin-top: 0.3rem;
    font-size: 0.34rem;
  }

  .about-news .list .des {
    margin-top: 0.13rem;
    font-size: 0.3rem;
    line-height: 0.6rem;
    height: 1.2rem;
  }

  .about-news .list .more {
    display: none;
  }

  .about-news .list a:hover .img img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .about-news .list a:hover .date {
    color: #666;
  }

  .about-news .list a:hover .tit {
    color: #333;
  }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }

  /* ========== */
  /* = video = */
  /* ========== */
  .video {
    padding: 1rem 0 0.4rem;
  }

  .video-list {
    background: #ffffff;
  }

  .video-list li {
    margin-bottom: 0.8rem;
    width: 100%;
    margin-right: 0%;
  }

  .video-list li .img {
    padding: 0.5rem 0;
  }

  .video-list li .img span {
    width: 0.8rem;
    height: 0.8rem;
    margin-left: -0.4rem;
    margin-top: -0.4rem;
  }


  .video-detail {
    padding: 1rem 0;
  }

  .video-detail .title {
    font-size: 0.46rem;
    margin-bottom: 0.6rem;
  }


  /* ========== */
  /* = CONTACT = */
  /* ========== */
  .contact {
    padding: 1rem 0;
  }

  .contact .content {
    display: block;
  }

  .contact .map-box {
    width: 100%;
    height: 8rem;
  }

  .contact .text {
    width: 100%;
    padding: 0.66666666rem;
  }

  .contact .text>img {
    width: 3rem;
  }

  .contact .text li {
    margin-top: 0.53333333rem;
    min-height: 1rem;
    padding-left: 1.2rem;
    font-size: 0.32rem;
    line-height: 0.58rem;
  }

  .contact .text li img {
    width: 1rem;
  }

  .contact .text li span {
    font-size: 0.36rem;
  }


  /* ========== */
  /* = DIAGNOSIS = */
  /* ========== */
  .diagnosis {
    padding: 2.6rem 0 1rem;
  }

  .diagnosis .container {
    display: block;
  }

  .diagnosis .text {
    width: 100%;
  }

  .diagnosis .text h2 {
    font-size: 0.46rem;
    letter-spacing: 0.02666666rem;
  }

  .diagnosis .text .des {
    margin: 0.53333333rem 0 0.66666666rem;
    font-size: 0.32rem;
    line-height: 0.64rem;
    letter-spacing: 0.01333333rem;
  }

  .diagnosis .text .des li {
    margin-bottom: 0.26666666rem;
  }

  .diagnosis .text .des li span {
    margin-bottom: 0.04rem;
    padding-left: 0.6rem;
    font-size: 0.36rem;
  }

  .diagnosis .text .des li span:before {
    top: 0.1rem;
    width: 0.44rem;
    height: 0.44rem;
  }

  .diagnosis .text .des li p {
    padding-left: 0.6rem;
  }

  .diagnosis .text .des:last-child {
    margin: 0.66666666rem 0 0;
  }

  .diagnosis .box {
    margin-top: 0.8rem;
    width: 100%;
    margin-right: 0;
    max-width: 100%;
    padding: 0.66666666rem 0.4rem;
  }

  .diagnosis .box .tit {
    padding-bottom: 0.4rem;
  }

  .diagnosis .box .tit span {
    padding-bottom: 0.26666666rem;
    font-size: 0.44rem;
    letter-spacing: 0.02666666rem;
  }

  .diagnosis .box .tit p {
    font-size: 0.34666666rem;
    margin-top: 0.18666666rem;
  }

  .diagnosis .box .in {
    margin-top: 0.26666666rem;
  }

  .diagnosis .box .in select,
  .diagnosis .box .in input {
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.32rem;
    font-size: 0.34666666rem;
  }

  .diagnosis .box .ui-multiselect {
    padding: 0 0.73333333rem 0 0.32rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.34666666rem;
  }

  .diagnosis .box .in-select:after {
    top: 0.35rem;
    right: 0.4rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .diagnosis .box .button {
    margin-top: 0.4rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.37333333rem;
    letter-spacing: 0.02666666rem;
  }

  .diagnosis .box .tip {
    margin-top: 0.4rem;
  }

  .diagnosis .box .tip p {
    padding-left: 0.66666666rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
  }

  .diagnosis .box .tip p:before {
    top: 0.05rem;
    width: 0.4rem;
    height: 0.4rem;
  }


  /* ========== */
  /* = NEWS = */
  /* ========== */
  .news {
    padding: 1rem 0;
  }

  .news .ny-menu {
    margin-bottom: 1rem;
  }

  .news-left {
    width: 100%;
  }

  .news-list li {
    margin-bottom: 1rem;
  }

  .news-list li a {
    display: block;
  }

  .news-list li a:after {
    width: 100%;
  }

  .news-list li .img {
    width: 100%;
  }

  .news-list li .text {
    margin-top: 0.6rem;
    width: 100%;
  }

  .news-list li .text .date {
    font-size: 0.32rem;
  }

  .news-list li .text .date span {
    font-size: 0.6rem;
  }

  .news-list li .text .tit {
    margin-top: 0.22rem;
    font-size: 0.38rem;
    font-weight: bold;
  }

  .news-list li .text .des {
    margin-top: 0.4rem;
    font-size: 0.32rem;
  }

  .news-list li .text .more {
    margin-bottom: 0.4rem;
    margin-top: 0.4rem;
    padding-right: 0.6rem;
  }

  .news-list li .text .more:after {
    margin-top: -0.25rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  .news-right {
    width: 100%;
    margin-top: 1rem;
  }

  .news-right .box-img span {
    font-size: 0.5rem;
  }

  .news-right .box-img p {
    margin-top: 0.2rem;
    font-size: 0.34rem;
    line-height: 0.68rem;
  }

  .news-right .box-img a {
    margin-top: 0.3rem;
    font-size: 0.34rem;
    letter-spacing: 0;
  }

  .news-right .tit {
    font-size: 0.5rem;
  }

  .news-right-list {
    margin-top: 0.66666666rem;
  }

  .news-right-list ul {
    margin-top: 0.5rem;
  }

  .news-right-list li {
    padding: 0.3rem 0 0.3rem;
  }

  .news-right-list li p {
    font-size: 0.36rem;
    line-height: 0.64rem;
    height: 1.28rem;
  }

  .news-right-list li div {
    margin-top: 0.3rem;
  }

  /* ========== */
  /* = NEWS-DETAIL = */
  /* ========== */
  .news-detail .title {
    font-size: 0.46rem;
  }

  .news-detail .source {
    padding: 0.5rem 0 0.4rem;
  }

  .news-detail .source span {
    margin-right: 0.4rem;
    font-size: 0.32rem;
    line-height: 0.4rem;
    padding-left: 0.53333333rem;
  }

  .news-detail .source span:before {
    width: 0.4rem;
    height: 0.4rem;
  }

  .news-detail .detail {
    padding: 0.8rem 0;
    font-size: 0.32rem;
    line-height: 0.64rem;
  }

  .flip {
    margin-top: 0.53333333rem;
  }

  .flip a {
    font-size: 0.32rem;
  }

  .news-detial-add {
    margin-top: 1.06666666rem;
    padding: 1.06666666rem 0.4rem 2.2rem;
    letter-spacing: 0;
  }

  .news-detial-add span {
    font-size: 0.37333333rem;
  }

  .news-detial-add p {
    font-size: 0.4rem;
  }

  .news-detial-add a {
    margin-top: 0.53333333rem;
    font-size: 0.34666666rem;
  }

  .news-interest {
    margin-top: 0.3rem;
  }

  .news-interest .tit {
    font-size: 0.5rem;
  }

  .news-interest ul {
    margin-top: 0.5rem;
  }

  .news-interest li {
    width: 100%;
    margin-right: 0;
    padding: 0.3rem 0 0.3rem;
  }

  .news-interest li p {
    font-size: 0.36rem;
    line-height: 0.64rem;
    height: 1.28rem;
  }

  .news-interest li div {
    margin-top: 0.3rem;
  }

  .news-lable {
    margin-top: 0.66666666rem;
    min-height: 0.4rem;
    font-size: 0.34rem;
  }

  .news-lable a {
    margin-left: 0.13333333rem;
    line-height: 0.6rem;
    padding: 0.06666666rem 0.29333333rem;
  }

  /* ========== */
  /* = JUHE = */
  /* ========== */
  .news-right-hot {
    margin-top: 0.8rem;
  }

  .news-right-hot .tit {
    font-size: 0.4rem;
  }

  .news-right-hot .tit span {
    font-size: 0.32rem;
  }

  .news-right-hot ul {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
  }

  .news-right-hot li {
    padding: 0.4rem;
  }

  .news-right-hot li a {
    font-size: 0.32rem;
  }

  .juhe-img {
    margin-top: 0.8rem;
  }

  .juhe-tit {
    font-size: 0.44rem;
    font-weight: bold;
  }

  .juhe-tit span {
    font-size: 0.32rem;
    font-weight: normal;
  }

  .jh-industry {
    margin-top: 1rem;
  }

  .jh-industry ul {
    margin: 0.8rem 0 0;
  }

  .jh-industry li {
    width: 100%;
    padding: 0;
    margin-bottom: 0.4rem;
  }

  .jh-industry li .tit:after {
    margin-top: -0.25rem;
    ;
    width: 0.5rem;
    height: 0.5rem;
    background-size: cover;
  }

  .juhe-message {
    margin-top: 0.8rem;
  }

  .juhe-message h2 {
    font-size: 0.4rem;
    font-weight: bold;
  }

  .juhe-message h2 span {
    font-size: 0.32rem;
    margin-left: 0.13333333rem;
    font-weight: normal;
  }

  .juhe-message .input-list {
    margin-top: 0.4rem;
    width: 100%;
  }

  .juhe-message .input-list .input-li {
    width: 100%;
    margin: 0.4rem 0 0;
  }

  .juhe-message .message-btn {
    width: 3rem;
    line-height: 1rem;
    font-size: 0.34666666rem;
  }

  .jh-information {
    margin-top: 1rem;
  }

  .jh-information .left {
    width: 100%;
  }

  .jh-information li {
    padding: 0.5rem 0;
  }

  .jh-information li a {
    padding-right: 0;
  }

  .jh-information li .img {
    width: 4.1rem;
  }

  .jh-information li .text {
    margin-left: 4.2rem;
    padding-top: 0;
  }

  .jh-information li .text span {
    font-size: 0.34rem;
    line-height: 0.66666666rem;
  }

  .jh-information li .text p {
    margin-top: 0.15rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
    height: 1.2rem;
  }

  .jh-information li .date {
    display: none;
  }

  .jh-information .getmore {
    margin-top: 0.53333333rem;
  }

  .jh-information .getmore a {
    width: 3rem;
    line-height: 1rem;
    font-size: 0.34666666rem;
  }

  .jh-information .tipbox {
    width: 100%;
    margin-top: 1.06666666rem;
  }

  .jh-information .tipbox .tit {
    font-size: 0.4rem;
  }

  .jh-information .tipbox .tit span {
    font-size: 0.32rem;
  }

  .jh-information .tipbox .con a {
    margin: 0.1rem;
    padding: 0.13333333rem 0.26666666rem;
    font-size: 0.32rem;
  }


  /* ========== */
  /* = YINGXIAO = */
  /* ========== */
  .zt-tit {
    padding: 0.26666666rem 0;
  }

  .zt-tit span {
    padding-left: 0.26666666rem;
    font-size: 0.4rem;
  }

  .wltg-box {
    padding: 0.5rem 0.4rem;
  }

  .wltg-news {
    padding: 0.5rem 0.4rem;
  }

  .wltg-news ul {
    margin: 0;
  }

  .wltg-news li {
    width: 100%;
    padding: 0;
  }

  .wltg-news li .item {
    padding: 0.5rem 0;
  }

  .wltg-news li .item .img {
    width: 2.9rem;
  }

  .wltg-news li .item .img .con span {
    font-size: 0.32rem;
  }

  .wltg-news li .item .img .con p {
    margin-top: 0.06666666rem;
    font-size: 0.22rem;
  }

  .wltg-news li .item .text {
    margin-left: 3.1rem;
  }

  .wltg-news li .item .text a {
    padding-right: 1.55rem;
    line-height: 0.46rem;
    height: 0.46rem;
  }

  .wltg-news li .item .text a span {
    font-size: 0.28rem;
  }

  .wltg-news li .item .text a em {
    font-size: 0.24rem;
  }

  .wltg-three {
    padding: 0;
  }

  .wltg-three .box {
    width: 100%;
    margin-right: 0;
    padding: 0.5rem 0.4rem;
  }

  .wltg-three .box .zt-tit {
    padding: 0.26666666rem 0;
  }

  .wltg-three .box .con {
    margin-top: 0.53333333rem;
    padding: 0.26666666rem;
  }

  .wltg-three .box .con .tip {
    line-height: 0.66666666rem;
  }

  .wltg-three .box .con .tip span {
    font-size: 0.45333333rem;
  }

  .wltg-three .box .con .tip em {
    font-size: 0.32rem;
  }

  .wltg-three .box .con .tit {
    margin-top: 0.26666666rem;
    font-size: 0.34666666rem;
    line-height: 0.42666666rem;
    max-height: 0.85333333rem;
  }

  .wltg-three .box .con .des {
    margin-top: 0.26666666rem;
    font-size: 0.32rem;
    line-height: 0.4rem;
    height: 0.8rem;
  }

  .wltg-three .box ul {
    margin-top: 0.4rem;
  }

  .wltg-three .box li {
    margin-top: 0.06666666rem;
  }

  .wltg-three .box li a {
    line-height: 0.7rem;
    font-size: 0.32rem;
  }

  .wltg-hot {
    padding: 0.5rem 0.4rem;
  }

  .wltg-hot ul {
    margin: 0;
  }

  .wltg-hot li {
    width: 100%;
    padding: 0;
  }

  .wltg-hot li a {
    line-height: 0.7rem;
    font-size: 0.32rem;
  }

  /* ========== */
  /* = SITEMAP = */
  /* ========== */
  .sitemap {
    padding: 1.5rem 0.53333333rem;
  }

  .sitemap .tit {
    padding-bottom: 0.4rem;
    font-size: 0.44rem;
  }

  .sitemap .tit span {
    margin-right: 0.26666666rem;
    font-size: 0.38rem;
  }

  .sitemap li {
    padding: 0.4rem 0;
    line-height: 0.8rem;
  }

  .sitemap li>span a {
    font-size: 0.36rem;
    margin-right: 0.26666666rem;
  }

  .sitemap li>div {
    margin-top: 0.26666666rem;
  }

  .sitemap li>div img {
    width: 0.6rem;
  }

  .sitemap li>div span {
    font-size: 0.333333rem;
    margin-right: 0.3rem;
  }

  .sitemap li>div a {
    margin-right: 0.26666666rem;
    font-size: 0.32rem;
  }
}








/* ========== */
/* = redbook = */
/* ========== */
.redbook-banner {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/banner.jpg);
  background-position: center;
}

.redbook-banner .text {
  padding-top: 290px;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 10%;
}

.redbook-banner .text a {
  display: inline-block;
  width: 213px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 5px;
  font-size: 26px;
  color: #f62d4f;
  font-weight: bold;
  position: relative;
}

.ico-hand {
  content: "";
  position: absolute;
  bottom: -15px;
  right: 0px;
  width: 40px;
  height: 40px;
  background-image: url(../images/ico_hand.png);
  background-size: cover;
}

.ico-hand {
  -webkit-animation: scales 1.5s linear infinite 0s;
  -moz-animation: scales 1.5s linear infinite 0s;
  -o-animation: scales 1.5s linear infinite 0s;
  -ms-animation: scales 1.5s linear infinite 0s;
  animation: scales 1.5s linear infinite 0s;
  -webkit-transition: all ease .4s;
  -moz-transition: all ease .4s;
  -ms-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
}

@-webkit-keyframes scales {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scales {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes scales {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes scales {
  0% {
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scales {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}


.redbook-tit {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
  font-size: 32px;
  color: #333333;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 28px;
  border-bottom: 1px solid #999999;
}

.redbook-tit:after {
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -6px;
  left: 50%;
  width: 12px;
  height: 12px;
  background: #f62d4f;
  border-radius: 100%;
}

.redbook-des {
  margin-top: 25px;
  font-size: 20px;
  color: #666;
  text-align: center;
  letter-spacing: 1px;
}

a.redbook-bt {
  display: block;
  margin: 0 auto;
  width: 234px;
  height: 68px;
  line-height: 68px;
  background: #f62d4f;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  position: relative;
}

.redbook-box {
  padding: 60px 0;
  text-align: center;
  background: #ffffff;
}

.redbook-box .content {
  margin-top: 55px;
}

.redbook-brand {
  padding: 60px 0;
  background: #fafafa;
}

.redbook-brand li {
  margin-top: 50px;
  float: left;
  width: 23.5%;
  margin-right: 2%;
  text-align: center;
}

.redbook-brand li:nth-child(4n) {
  margin-right: 0;
}

.redbook-brand li span {
  display: block;
  font-size: 24px;
  color: #FFFFFF;
  background: #f62d4f;
  line-height: 70px;
}

.redbook-brand li p {
  border: 1px solid #afafaf;
  padding: 22px 30px;
  font-size: 20px;
  line-height: 30px;
  color: #666666;
}

.redbook-market {
  padding: 60px 0;
  background: #ffffff;
}

.redbook-market .content {
  margin-top: 55px;
}

.redbook-market .left {
  float: left;
  width: 58%;
}

.redbook-market .right {
  float: right;
  width: 38%;
}

.redbook-flow {
  padding: 60px 0;
  background: #f9f9f9;
}

.redbook-flow .con {
  margin: 40px 0 60px;
  text-align: center;
}

.redbook-exposure {
  background: #FFFFFF;
}

.redbook-case {
  background: #f9f9f9;
  padding: 60px 0;
}

.redbook-case .logo-div {
  max-width: 1440px;
  margin: 60px auto 50px;
}

.redbook-case .logo-div div {
  float: left;
  width: 12.5%;
  padding: 0 10px;
  box-sizing: border-box;
}

.redbook-case .slick {
  padding-bottom: 65px;
}

.redbook-case .slick-dots {
  bottom: 0;
}

.redbook-case .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 8px;
}

.redbook-case .slick-dots li button {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #f62d4f;
  background: #ffffff;
}

.redbook-case .slick-dots li button:before {
  display: none
}

.redbook-case .slick-dots li.slick-active button {
  background: #f62d4f;
}

.detail p {
  line-height: 1.75;
  margin-bottom: 14px;
  font-size: 14px;
  text-align: justify;
  color: #666;
  text-indent: 2em;
  word-break: break-word;
  font-family: "PingFang SC", Microsoft YaHei, Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

.detail h2,
h3,
h4,
h5,
h6,
h7 {
  position: relative;
  color: #141414;
  padding-left: 0;
  margin-bottom: 15px;
  font-size: 20px;
  border-image-slice: 1 0 0 0;
  padding-top: 20px;
  padding-bottom: 5px;
  font-weight: 500;

}

.detail strong {
  color: #141414;
  white-space: pre-wrap;
  border-width: 0.25em 0;
  display: inline;
  padding: 2px 4px 2px 4px;
  background: #f9fafb;
}

.detail strong {
  border: 0;
}

.detail img {
  max-width: 100%;
  display: block;
  box-shadow: 0 1px 3px rgb(27 95 160 / 10%);
  border: 1px solid #eee;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex: ;
  direction: column;
  margin-top: 20px;
}

@media(max-width: 750px) {
  .home-news .right {
    padding: 0
  }

  .home-news .tab {
    display: none;
  }

  .home-news .right {
    width: 100%;
  }

  .img bgFull {
    display: none;
  }

  .home-news .right .list .date {
    font-size: 14px;
  }

  .home-news .right .list .tit {
    font-size: 18px;
    margin-top: 15px;
  }

  .home-news .right .list .des {
    font-size: 14px;
    text-align: justify;
    margin-top: 15px;
  }

  .home-news .right .list li {
    padding: 30px 0;
  }

  .home-news .right {
    height: auto;
  }

  .home-news {
    padding: 50px 0 60px;
  }

  .fade-up img {
    width: 100%;
  }

  .home-service li .box .tip p {
    padding: 0 10px 0 0;
    text-align: justify;
  }
}

@media (max-width: 750px) {
  .detail img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
  }
}