.jiudian .sub-banner {
  height: 400px;
  background: url(/images/jiudian/banner.png) no-repeat;
  background-position: 50% 0%;
}
.jiudian .sub-banner h2 {
  color: #fff;
  font-size: 46px;
  font-weight: 400;
}
.jiudian .sub-banner h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.jiudian .sub-banner a {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin: 0 auto;
  width: 148px;
  box-shadow: 0px 4px 12px 0px rgba(4, 48, 91, 0.2);
  border: 2px solid rgba(255, 255, 255, 1);
  color: #fff;
  line-height: 48px;
  margin-top: 38px;
}
.jiudian .sub-banner a:hover {
  background: #fff;
  color: #1c408a;
  text-decoration: none;
}
.jiudian .bg-gray {
  background-color: rgba(249, 250, 252, 1);
}

.jiudian-content-item {
  padding: 80px 0;
}
.jiudian-content-item > .container {
  max-width: 1000px;
  padding: 0;
}
.jiudian-content-item > .container > h2 {
  line-height: 46px;
  font-size: 32px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}

.jiudian-content-item > .container > .head-desc {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  margin-top: 16px;
}

.jiudian .tongdian .tongdian-head {
  margin-bottom: 84px;
  line-height: 46px;
  font-size: 32px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}

.jiudian .tongdian .tongdian-list {
  display: flex;
  justify-content: space-between;
}
.jiudian .tongdian .tongdian-list .tongdian-list-item {
  width: 192px;
}
.jiudian .tongdian-list-item img {
  width: 220px;
}

.jiudian .tongdian-list-item img {
  width: 72px;
}

.jiudian .tongdian-list-item .title {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 26px;
  margin: 28px 0 16px;
}

.jiudian .tongdian-list-item .desc {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 26px;
  text-align: left;
}

.jiudian .fangan {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
}

.jiudian .fangan .fangan-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 84px;
}
.jiudian .fangan .fangan-list .fangan-list-item {
  width: 280px;
}
.jiudian .fangan .fangan-list .fangan-list-item-line {
  width: 1px;
  height: 240px;
  background: rgba(0, 0, 0, 0.1);
}

.jiudian .fangan .fangan-list-item img {
  width: 72px;
  height: 72px;
}

.jiudian .fangan .fangan-list-item .title {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 26px;
  margin: 24px 0 16px;
}

.jiudian .fangan .fangan-list-item .desc {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 26px;
  margin-bottom: 8px;
}

.jiudian .fuwu .fuwu-list {
  width: 1000px;
  height: 584px;
  margin: 80px auto 0;
  position: relative;
}

.jiudian .fuwu .fuwu-list .fuwulist-item-center {
  position: absolute;
  left: 414px;
  top: 206px;
  width: 172px;
  height: 172px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 8px 0px rgba(2, 21, 41, 0.1);
  border-radius: 2px;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-center .title {
  font-size: 24px;
  color: rgba(28, 64, 138, 1);
  font-weight: 500;
  line-height: 32px;
  margin: 30px 0 16px;
}

.jiudian .fuwu .fuwu-list .fuwulist-item-center .desc {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 26px;
}

.jiudian .fuwu .fuwu-list .fuwulist-item-aside {
  position: absolute;
  width: 344px;
  height: 134px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 8px 0px rgba(2, 21, 41, 0.1);
  border-radius: 2px;
  padding: 24px;
}

.jiudian .fuwu .fuwu-list .fuwulist-item-aside.left-first {
  left: 0;
  top: 0;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-aside.left-second {
  left: 0;
  top: 150px;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-aside.left-third {
  left: 0;
  top: 300px;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-aside.left-fourth {
  left: 0;
  top: 450px;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-aside.right-first {
  right: 0;
  top: 0;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-aside.right-second {
  right: 0;
  top: 150px;
}

.jiudian .fuwu .fuwu-list .fuwulist-item-aside.right-third {
  right: 0;
  top: 300px;
}

.jiudian .fuwu .fuwu-list .fuwulist-item-aside.right-fourth {
  right: 0;
  top: 450px;
}

.fuwulist-item-link-line {
  position: absolute;
  height: 151px;
  width: 32px;
}

.jiudian .fuwu .fuwu-list .left-first-line {
  left: 344px;
  top: 67px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.jiudian .fuwu .fuwu-list .left-second-line {
  left: 344px;
  top: 219px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.jiudian .fuwu .fuwu-list .left-third-line {
  left: 344px;
  top: 367px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.jiudian .fuwu .fuwu-list .right-first-line {
  right: 344px;
  top: 67px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.jiudian .fuwu .fuwu-list .right-second-line {
  right: 344px;
  top: 219px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.jiudian .fuwu .fuwu-list .right-third-line {
  right: 344px;
  top: 367px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.left-center-line {
  left: 376px;
  top: 296px;
  height: 1px;
  width: 37px;
  background-color: rgba(0, 0, 0, 0.1);
}

.right-center-line {
  right: 376px;
  top: 296px;
  height: 1px;
  width: 37px;
  background-color: rgba(0, 0, 0, 0.1);
}

.jiudian .fuwu .fuwu-list .fuwulist-item-aside .title {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 26px;
}
.jiudian .fuwu .fuwu-list .fuwulist-item-aside .desc {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 26px;
}

.jiudian .fenxi .fenxi-explain {
  width: 1000px;
  margin: 80px auto 0;
}

.jiudian .fenxi .fenxi-explain img {
  width: 100%;
}

.jiudian .xingdong .xingdong-explain {
  width: 1000px;
  margin: 80px auto 0;
  position: relative;
}
.jiudian .xingdong .xingdong-explain .text-center {
  width: 25%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.jiudian .xingdong .xingdong-explain .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 25px;
}

.jiudian .xingdong .xingdong-explain img {
  width: 100%;
}

.jiudian .second h2 {
  background: url(/images/about/02.png) no-repeat;
  background-position: 50% 0%;
  text-align: center;
}
.jiudian .third h2 {
  background: url(/images/about/03.png) no-repeat;
  background-position: 50% 0%;
  text-align: center;
}
.jiudian .companys h2 {
  background: url(/images/about/04.png) no-repeat;
  background-position: 50% 0%;
  text-align: center;
}
.jiudian .companys .thumbnail,
.aboutsem .companys .thumbnail {
  cursor: default;
}
.aboutsem .sub-banner {
  background: url(/images/index/anli1.png) no-repeat;
  background-position: 50% 0%;
}
.aboutsem .sub-banner h2 {
  color: #fff;
}
.aboutsem .sub-banner h5 {
  color: #fff;
  padding: 10px 0 0 0;
  line-height: 35px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .about-us .media-left {
    display: block;
  }
  .about-us .media-body h5 {
    text-align: center;
  }
  .about-us .media-body p {
    text-align: center;
  }
  .about-us .about-us-item {
    padding-left: 0;
    padding-right: 0;
  }
  #udesk-link {
    padding-top: 50px !important;
  }
  .row02 {
    margin-top: 0px !important;
  }
  .welcome .about-media h5 {
    text-align: left;
  }
  .aboutE {
    width: 100%;
    display: block;
  }
  /*  .about-media p{
      text-align: center;
    }*/
}

@media (min-width: 600px) and (max-width: 767px) {
  .col-sm-offset-112 {
    padding-left: 6% !important;
  }
}
@media (min-width: 768px) {
  .about-us .about-us-item {
    padding-left: 160px;
    padding-right: 160px;
  }
  .aboutMa img {
    margin-left: 0px;
  }
  .col-sm-offset-04 {
    padding-left: 4%;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .aboutE {
    width: 100%;
    display: block;
  }
}
@media (min-width: 992px) {
  .aboutE {
    padding-left: 15px;
  }
}
@media (max-width: 420px) {
  .sub-banner h3 {
    font-size: 20px;
  }
}
/*@media (max-width: 991px) and (min-width: 768px){
    .about-media{
      padding-left: 100px;
    }
  }*/

/*@media (min-width: 992px){
    .about-media{
      padding-left: 200px;
    }
  }*/