/* sprite */

.sprite-inner-1-line {
  background-position: 0 -1.9rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* top */

.content .top-img {
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 2.99rem;
  margin-top: -1px;
} 

.content .top-img img {
  width: 100%;
}

.content .wrapper {
  padding: 0.5rem 0.5rem 0.96rem;
}

/* 1 */

.inner-1 {
  position: relative;
  padding-bottom: 0.57rem;
}

.inner-1 .line {
  z-index: 1;
  position: absolute;
  top: 4.5rem;
  left: -3.56rem;
  height: 1px;
  width: 7.75em;
}

.inner-1 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0.5rem;
}

.inner-1 .item:last-child {
  margin-bottom: 0;
}

.inner-1 .item .num {
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.21rem;
  width: 0.61rem;
	height: 0.61rem;
  border: solid 1px #136097;
  border-radius: 50%;
  padding: 0.11rem 0;
  text-align: center;
  font-size: 0.318rem;
  letter-spacing: 0.016rem;
  color: #136097;
  background: #fff;
}

.inner-1 .item .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 0.19rem;
	line-height: 0.286rem;
	letter-spacing: 0.01rem;
	color: #2c2d32;
}

/* 2 */

.inner-2 {
  margin: 0 -0.5rem;
  background-color: #f7f7f7;
}

.inner-2 .title {
  padding-top: 0.62rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
	line-height: 0.436rem;
	letter-spacing: 0.016rem;
	color: #3c3c3d;
}

.inner-2 .title p:nth-child(2) {
  color: #136097;
}

.inner-2 .title p:nth-child(3) {
  margin: 0.1rem auto 0;
  width: 0.82rem;
	height: 0.03rem;
	background-color: #136097;
}

.inner-2 .item-warpper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inner-2 .item {
  position: relative;
  margin: 0.6rem 0.17rem 0;
  text-align: center;
  width: 2.57rem;
  height: 2.39rem;
  background-color: #ffffff;
}

.inner-2 .item:last-child {
  margin: 0.48rem 0 0.9rem;
  width: 5.48rem;
	height: 2.09rem;
}

.inner-2 .item .num {
  position: absolute;
  top: -0.2rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background-color: #136097;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg)
}

.inner-2 .item .num p {
  font-size: 0.205rem;
  line-height: 0.42rem;
	letter-spacing: 0.01rem;
  color: #f7f7f7;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg)
}
 
.inner-2 .item .desc {
  padding: 0.7rem 0.34rem 0;
  font-size: 0.205rem;
	line-height: 0.306rem;
	letter-spacing: 0.01rem;
	color: #2c2d32;
}

/* 3 */

.inner-3 .title {
  margin-top: 0.92rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.32rem;
	line-height: 0.436rem;
	letter-spacing: 0.016rem;
	color: #3c3c3d;
}

.inner-3 .title p:nth-child(2) {
  margin: 0.1rem auto 0;
  width: 0.82rem;
	height: 0.03rem;
	background-color: #136097;
}

.inner-3 .item-wrapper .item-title {
  margin-top: 0.44rem;
  text-align: center;
  line-height: 0;
}

.inner-3 .item-wrapper .item-title span {
  display: inline-block;
  font-size: 0.32rem;
	line-height: 0.74rem;
	letter-spacing: 0.016rem;
	color: #3c3c3d;
  padding: 0 0.68rem;
  background-color: #e6e6e6;
}

.inner-3 .item-wrapper .item-title .active {
  position: relative;
  color: #ffffff;
  background-color: #136097;
}

.inner-3 .item-wrapper .item-title .active:after{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.11rem;
  margin: 0 auto;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.11rem solid transparent;
  border-right: 0.11rem solid transparent;
  border-top: 0.11rem solid #136097;
}

.inner-3 .item-content {
  margin-top: 0.49rem;
}

.inner-3 .item-content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0.08rem;
}

.inner-3 .item-content .num {
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.12rem;
  width: 0.34rem;
	height: 0.34rem;
  border: dashed 1px #136097;
  border-radius: 50%;
  padding: 0.05rem 0;
  text-align: center;
  font-size: 0.2rem;
  letter-spacing: 0.01rem;
  color: #136097;
}

.inner-3 .item-content .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: -0.04rem;
  font-size: 0.2rem;
	line-height: 0.436rem;
	letter-spacing: 0.01rem;
	color: #4c4c4d;
}

/* 4 */

.inner-4 {
  margin: 0 -0.5rem;
}

.inner-4 .title {
  text-align: center;
  margin-top: 0.7rem;
}

.inner-4 .title p:nth-child(1) {
  font-size: 0.505rem;
	line-height: 0.436rem;
	letter-spacing: 0.025rem;
	color: #000000;
}

.inner-4 .title p:nth-child(2) {
  margin: 0 auto;
  margin-top: 0.12rem;
  width: 1.58rem;
	height: 0.25rem;
	line-height: 0.25rem;
  font-size: 0.168rem;
  color: #ffffff;
	background-color: #104c76;
}

.inner-4 .content-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inner-4 .content-container .item {
  margin: 0.81rem 0.1rem 0;
  width: 2.8rem;
  text-align: center;
}

.inner-4 .content-container .avatar {
  width: 2.56rem;
  height: 2.56rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}

.inner-4 .content-container .avatar img {
  width: 100%;
}

.inner-4 .content-container .name {
  margin-top: 0.29rem;
  margin-bottom: 0.1rem;
  font-size: 0.3rem;
	letter-spacing: 0.015rem;
	color: #2b2b2b;
}

.inner-4 .content-container .post,
.inner-4 .content-container .job {
  font-size: 0.18rem;
	line-height: 0.28rem;
	letter-spacing: 0.009rem;
	color: #000000;
	opacity: 0.5;
}

.inner-4 .content-container .counsel {
  display: block;
  margin: 0 auto;
  margin-top: 0.22rem;
  width: 1.7rem;
  height: 0.51rem;
  line-height: 0.51rem;
	background-color: #136097;
  border-radius: 0.02rem;
  font-size: 0.214rem;
	letter-spacing: 0.011rem;
	color: #ffffff;
}

.content-container {
  width: 100%;
}

.content-container .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem; 
  opacity: 1;
	background-color: #e4e4e4;
}

.content-container .swiper-pagination-bullet-active {
  background: #136097;
}

.content-container .swiper-pagination {
  position: static;
  margin-top: 0.4rem;
  line-height: 0;
}