.about-1 .container1{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.about-1 .container1{
  justify-content: center;
  -webkit-justify-content: center;
}
.wal {
  max-width: 12.5rem;
  margin: 0 auto;
}
.about-1 {
  padding: 0 .2rem 1.25rem .2rem;
}
.about-1 .title {
    text-align: center;
    padding: .65rem 0 .5rem 0;
    font-size: .36rem;
	font-weight:bold;
    line-height: 1em;
}
.about-1 .img1 {
    display: none;
}
.about-1 .container1 {
    min-height: 4.03rem;
    background: url("../ny_images/jkzgldjy.jpg") left center no-repeat;
    background-size: 9.23rem;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    padding: 0 .5rem 0 0;
}
.about-1 .container1 .content {
      width: 6rem;
      position: relative;
      padding: .42rem 0 .2rem 0;
      font-size: .14rem;
      text-align: justify;
      line-height: 1.78em;
}
.about-1 .container1 .content:before {
        content: "";
        display: block;
        position: absolute;
        left: -.25rem;
        top: 0;
        background: url("../ny_images/img37_1.png") center no-repeat;
        background-size: 100%;
        width: .37rem;
        height: .28rem;
}
.about-1 .container1 .name {
      padding: .12rem .68rem 0 0;
      position: relative;
}
.about-1 .container1 .name:before {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: url("../ny_images/img37_2.png") center no-repeat;
        background-size: 100%;
        width: .37rem;
        height: .28rem;
}
.about-1 .container1 .name img {
        width: 1.53rem;
}
.about-1 .more {
    padding-top: .5rem;
}
a.p-more {
  display: block;
  width: 1.78rem;
  height: .53rem;
  line-height: .53rem;
  margin: 0 auto;
  background: #bb3985;
  font-size: .18rem;
  color: #fff;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
a.p-more:hover {
    background: #00abba;
}


.about-2 {
  background: url("../ny_images/about-2.jpg") center top no-repeat;
  background-size: auto 4.6rem;
  padding: 2rem 0 1.38rem 0;
}
.about-2 .wal {
    background: #fff;
    max-width: 9.15rem;
    padding: .6rem 1.2rem 0 1.2rem;
}
.about-2 .title {
    text-align: center;
    font-size: .36rem;
    line-height: 1em;
}
.about-2 .content {
    font-size: .14rem;
    line-height: 1.78em;
    text-align: justify;
    padding: .3rem 0 .16rem 0;
}
.about-2 .content p {
      text-indent: 2em;
      padding-bottom: .14rem;
}

.about-3 ul {
  justify-content: space-around;
  -webkit-justify-content: space-around; 
}
.about-3 ul{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.about-3 li {
  width: 5.25rem;
  padding-bottom: 1.3rem;
}
.about-3 li .img {
    position: relative;
}
.about-3 li .img h2 {
      position: absolute;
      z-index: 10;
      left: 0;
      right: 0;
      top: auto;
      bottom: 0;
      color: #fff;
      text-align: center;
      font-size: .3rem;
      line-height: .78rem;
      background: rgba(7, 130, 155, 0.75);
}
.about-3 li .content {
    min-height: 1.5rem;
    padding: .2rem 0;
    text-indent: 2em;
    font-size: .14rem;
    line-height: 1.78em;
    text-align: justify;
}

.about-4 .list-wrapper .dots{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}
.about-4 .list-wrapper .dots{
  justify-content: center;
  -webkit-justify-content: center; }

.about-4 .wal {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.about-4 .wal{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.about-4 {
  background: #e6eae9;
  padding: .9rem .15rem;
}
.about-4 .list-wrapper {
    background: #fff;
    width: 8.6rem;
    min-height: 6.13rem;
    position: relative;
}
.about-4 .list-wrapper .title {
      text-align: center;
      font-size: .36rem;
	  font-weight:bold;
      line-height: 1em;
      padding: .45rem 0 .35rem 0;
}
.about-4 .list-wrapper .list {
      width: 7.86rem;
      overflow: hidden;
      position: relative;
      margin: 0 auto;
}
.about-4 .list-wrapper .list li {
        padding: 0 .21rem;
        color: #454646;
}
.about-4 .list-wrapper .list li h3 {
          font-size: .18rem;
		  font-weight:bold;
          padding: .15rem 0 .1rem 0;
}
.about-4 .list-wrapper .list li p {
          font-size: .14rem;
          line-height: 1.78em;
          min-height: .68rem;
}
.about-4 .list-wrapper .list li .btn {
          text-align: right;
}
.about-4 .list-wrapper .list li .btn a {
            font-size: .14rem;
            color: #747474;
            padding-right: .2rem;
            background: url("../ny_images/img9.png") right center no-repeat;
            background-size: .09rem;
}
.about-4 .list-wrapper .list li .btn a:hover {
              color: #bb3985;
}
.about-4 .list-wrapper .arrow a {
      display: block;
      width: .45rem;
      height: 1rem;
      background: center no-repeat;
      background-size: .17rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: auto;
      top: 50%;
      bottom: auto;
      margin-top: -.5rem;
      opacity: 0;
      visibility: hidden;
}
.about-4 .list-wrapper .arrow a.prev {
        left: 0;
        background-image: url("../ny_images/prev17.png");
}
.about-4 .list-wrapper .arrow a.prev:hover {
          background-image: url("../ny_images/prev17on.png");
}
.about-4 .list-wrapper .arrow a.next {
        right: 0;
        background-image: url("../ny_images/next17.png");
}
.about-4 .list-wrapper .arrow a.next:hover {
          background-image: url("../ny_images/next17on.png");
}
.about-4 .list-wrapper:hover .arrow a {
      opacity: 1;
      visibility: visible;
}
.list-wrapper .dots{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}
.list-wrapper .dots{
  justify-content: center;
  -webkit-justify-content: center;
}
.about-4 .list-wrapper .dots {
      padding: .25rem 0;
}
.about-4 .list-wrapper .dots span {
        width: .1rem;
        height: .1rem;
        background: #b5b5b5;
        margin: 0 .06rem;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
}
.about-4 .list-wrapper .dots span.swiper-pagination-bullet-active {
        background: #c04590;
}
.page-side {
  width: 3.21rem;
}
.side-contact {
  min-height: 2.47rem;
  padding: 0 .3rem .3rem .45rem;
  background: #00abba;
  color: #fff;
}
.side-contact h2 {
    font-weight: 400;
    font-size: .3rem;
    line-height: 1em;
    padding: .38rem 0 .2rem 0;
}
.side-contact li {
    font-size: .14rem;
    line-height: .3rem;
}
.side-job {
  padding-top: .29rem;
}

.side-job a {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}
.side-job a{
  align-items: center;
  -webkit-align-items: center;
}
.side-job a {
  justify-content: center;
  -webkit-justify-content: center;
}
.side-job a {
    color: #fff;
    height: 1.39rem;
    font-size: .3rem;
    position: relative;
    background-image: linear-gradient(to right, #9a3478, #c04590);
    -webkit-background-image: linear-gradient(to right, #9a3478, #c04590);
}
.side-job a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: #5d246a;
      opacity: 0;
}
.side-job a img {
      width: .49rem;
      margin-left: .45rem;
      position: relative;
}
.side-job a em {
      position: relative;
}
.side-job a:hover:before {
      opacity: 1;
}



@media screen and (min-width: 800px) {
.about-1 .container1 {
    height: 4.03rem;
}
}
@media screen and (max-width: 800px) {
.pc-show {
    display: none;
}
.side-contact, .side-job {
    display: none;
}

.wal {
    max-width: 8rem;
}
.about-1 {
    padding: 0 0 1.25rem 0;
}
.about-1 .img1 {
      display: block;
      padding-bottom: .3rem;
}
.about-1 .container1 {
      min-height: 1rem;
      background: none;
      padding: 0;
}
.about-1 .container1 .content {
        width: 100%;
        /*font-size: .28rem;*/
		font-size: .2rem;
}
.about-1 .more {
      padding-top: .5rem;
}

.about-2 {
    background-size: auto 3.6rem;
    padding: 1.5rem 0 1.38rem 0;
}
.about-2 .wal {
      padding: .6rem .4rem 0 .4rem;
}
.about-2 .content {
      /*font-size: .28rem;*/
		font-size: .2rem;
}

.about-3 li {
    width: 100%;
}
.about-3 li .content {
      /*font-size: .28rem;*/
		font-size: .2rem;
}

.about-4 {
    padding: .9rem 0;
}
.about-4 .list-wrapper {
      width: 100%;
}
.about-4 .list-wrapper .list {
        width: 100%;
}
.about-4 .list-wrapper .list li {
          padding: 0 .6rem;
}
.about-4 .list-wrapper .list li .img img {
            width: 100%;
}
.about-4 .list-wrapper .list li h3 {
            /*font-size: .3rem;*/
			font-size: .22rem;
			font-weight:bold;
            padding: .2rem 0 .1rem 0;
}
.about-4 .list-wrapper .list li p {
            /*font-size: .28rem;*/
		font-size: .2rem;
}
.about-4 .list-wrapper .list li .btn {
            text-align: center;
            display: none;
}
.about-4 .list-wrapper .list li .btn a {
              /*font-size: .28rem;*/
		font-size: .2rem;
              padding: 0 .2rem;
}
.about-4 .list-wrapper .dots {
        padding-bottom: .6rem;
}
.about-4 .page-side {
      display: none;
}
}
@media screen and (max-width: 550px) {
.wal {
    margin: 0 .75rem;
}
}