@charset "UTF-8";

/* page-pro-tab-wrap */
.page-pro-tab-wrap .swiper-wrapper {
  width: auto;
}
.page-pro-tab-wrap .swiper-slide {
  width: auto;
  padding: 0px 0.3rem;
}

.page-pro-tab-wrap.active {
  position: fixed;
  width: 100%;
}


@media only screen and (max-width:767px){
  .page-pro-tab-wrap {
    padding: 0px;
  }
  .page-pro-tab-wrap .swiper-slide{
    padding: 0px;
    display: inline-block;
  }
  .page-pro-tab-wrap .swiper-slide a {
    padding: 0.2rem 0.05rem;
  }
}
@media only screen and (max-width:414px){
  .page-pro-tab-wrap .page-pro-tab {
    font-size: 13px;
  }
}
@media only screen and (max-width:375px){
  .page-pro-tab-wrap .page-pro-tab {
    font-size: 12px;
  }
}
@media only screen and (max-width:374px){
  .page-pro-tab-wrap .page-pro-tab {
    font-size: 11px;
  }
  .page-pro-tab-wrap .swiper-slide a {
    padding: 0.2rem 0rem;
  }
}


/* about-sec01 */
.about-sec01 {
  padding: 0.72rem 0px 0px;
}
.about-sec01 .page-con {
  padding: 0.86rem 0px 0.7rem;
}
.about-sec01 .page-text {
  width: 42.39%;
  line-height: 1.75;
  padding-top: 0.23rem;
}
.about-sec01 .page-video {
  width: 47.04%;
  padding: 0.68rem 0.68rem 0px 0.36rem;
  position: relative;
}
.about-sec01 .page-video::before {
  position: absolute;
  content: "";
  width: 3.22rem;
  height: 3.06rem;
  background: #f7b228;
  right: 0px;
  top:0px;
}
.about-sec01 .page-video::after {
  position: absolute;
  content: "";
  width:0.36rem;
  height: 1.44rem;
  background: #342d2c;
  left: 0px;
  bottom:0px;
}
.about-sec01 .video-con {
  position: relative;
  padding-bottom: 74.26%;
}
.about-sec01 .video-con .page-play {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  background: url(../images/page-play01.png) no-repeat center center/100% 100%;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
}
.about-sec01 video {
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.about-sec01 .bg_container {
  position: absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
}
.about-sec01 .video-con.on .bg_container{
  opacity: 0;
}
.about-sec01 .video-con.on .page-play {
  display: none;
}
.about-sec01 .video-con.on video {
  opacity: 1;
  filter: alpha(opacity=100);
}
.about-sec01 .video-con.on:hover .page-play {
  display: block;
}
.about-sec01 .page-list {
  background: #f8f8f8;
  padding: 0.44rem 0px 0.88rem;
}
.about-sec01 .page-list .page-slide {
  overflow: hidden;
  height: 4em;
}
.about-sec01 .page-list .page-ico {
  width: 0.54rem;
}
.about-sec01 .page-list .page-item {
  width: 50%;
  padding-top: 0.47rem;
  padding-left: 0.7rem;
}
.about-sec01 .page-list .page-tit {
  margin-bottom: 0.17rem;
}
.about-sec01 .page-list .page-tit span {
  padding-left: 0.1rem;
}
.about-sec01 .page-list .page-tit .page-ico img {
  max-width: 100%;
}
.about-sec01 .page-list .swiper-slide .page-sub {
  padding-left: 0.64rem;
  position: relative;
  line-height: 2;
  max-height: 4em;
}
.about-sec01 .page-list .swiper-slide .page-sub:before {
  position: absolute;
  content: "";
  top:50%;
  margin-top: -0.2rem;
  left: 0.07rem;
  width: 0.4rem;
  height: 0.4rem;
  background: rgba(245,177,59,0.32);
  border-radius: 50%;
}
.about-sec01 .page-list .swiper-slide .page-sub:after {
  position: absolute;
  content: "";
  top:50%;
  margin-top: -0.1rem;
  left: 0.17rem;
  width: 0.2rem;
  height: 0.2rem;
  background:#f5b13b;
  border-radius: 50%;
}

@media only screen and (max-width:1240px){
  .about-sec01 .page-text {
    width: 47%;
  }
  .about-sec01 .page-list .page-item {
    padding-left:0px;
    padding-right: 0.2rem;
  }
}
@media only screen and (max-width:767px){
  .about-sec01 .page-con {
    padding-top: 0.5rem;
  }
  .about-sec01 .page-text {
    width: 100%;
  }
  .about-sec01 .page-video {
    width: 100%;
    margin-top: 0.5rem;
  }
  .about-sec01 .page-list .page-item {
    width: 100%;
  }
}

/* about-sec02 */
.about-sec02 {
  padding: 0.75rem 0px 0px;
}
.about-sec02 .page-list {
  margin-top: 0.66rem;
  position: relative;
}
.about-sec02 .page-wrap {
  position: relative;
  z-index: 2;
}
.about-sec02 .team-swiper {
  overflow: hidden;
}
.about-sec02 .imgbg {
  position: absolute;
  left: 0px;
  right:0px;
  bottom: 0px;
  height: 81.94%;
}
.about-sec02 .page-con {
  background: #fff;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.1);
  padding: 0.28rem 0.2rem 0.63rem;
  height: 100%;
} 
.about-sec02 .page-tit {
  padding-top: 0.16rem;
}
.about-sec02 .page-tit b {
  display: inline-block;
  font-size: 1.3em;
  padding-right: 0.1rem;
}
.about-sec02 .page-txt {
  line-height: 1.778;
  height: 5.334em;
  max-height: 5.334em;
  margin-top: 0.2rem;
  color: #000;
}
.about-sec02 .page-img {
  width: 1.28rem;
  height: 1.28rem;
  border:0.05rem solid #ffefcf;
  border-radius: 50%;
  margin: 0px auto;
  position: relative;
}
.about-sec02 .page-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.about-sec02 .page-team-logo {
  padding-top: 0.34rem;
}
.about-sec02 .page-team-logo ul li {
  height: 2em;
  padding: 0px 0.12rem;
  margin-top: 0.2rem;
}
.about-sec02 .page-team-logo ul li img {
  max-height: 100%;
}
.about-sec02 .team-sml-swiper .page-team-logo {
  padding-top: 0.1rem;
}

.about-sec02 .team-sml-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0.2rem 0.7rem 0.85rem 0.1rem;
}

.about-sec02 .swiper-slide-active {
  width:27.6%!important;
}
.about-sec02 .swiper-slide-active  .page-img {
  width: 2.3rem;
  height: 2.3rem;
  border-width: 0.1rem;
}
.about-sec02 .swiper-slide-active .page-tit {
  padding-top: 0.3rem;
}
.about-sec02 .swiper-slide-active .page-tit span {
  font-size: 1.3em;
}
.about-sec02 .swiper-slide-active .page-tit b {
  font-size: 1.6em;
}
.about-sec02 .swiper-slide-active .page-con {
  padding-left:0.56rem;
  padding-right:0.56rem;
  padding-bottom: 0.48rem;
}
.about-sec02 .swiper-slide-active .page-txt {
  margin-top: 0.37rem;
}
.about-sec02 .swiper-slide-active .page-team-logo ul li {
  height: 3.25em;
  padding: 0px 0.22rem;
}
.about-sec02 .page-btn {
  top:auto;
  bottom: 0px;
  left: 50%;
  right: auto;
  width: 1.06rem;
  height: 0.63rem;
  border:2px solid #d2d2d2;
}
.about-sec02 .page-btn:after {
  display: none;
}
.about-sec02 .swiper-button-prev {
  margin-left: -1.16rem;
  background: url(../images/jt15.png) no-repeat center center/0.24rem auto #fff;
}
.about-sec02 .swiper-button-next {
  background: url(../images/jt17.png) no-repeat center center/0.24rem auto #fff;
}
.about-sec02 .swiper-button-disabled {
  opacity: 1;
}
.about-sec02 .swiper-button-prev.swiper-button-disabled {
  background: url(../images/jt18.png) no-repeat center center/0.24rem auto #fff;
}
.about-sec02 .swiper-button-next.swiper-button-disabled {
  background: url(../images/jt16.png) no-repeat center center/0.24rem auto #fff;
}
.about-sec02 .page-more {
  position: absolute;
  left: 28.5%;
  top:78.5%;
  width: 71.5%;
}

@media only screen and (max-width:1640px){
  .about-sec02 .page-team-logo ul li {
    height: 1em;
  }
  .about-sec02 .swiper-slide-active .page-team-logo ul li {
    height: 1.5em;
  }
}

@media only screen and (max-width:1440px){
  .about-sec02 .page-team-logo ul li {
    height: 0.75em;
  }
  .about-sec02 .swiper-slide-active .page-team-logo ul li {
    height: 1em;
  }
}


@media only screen and (max-width:1039px){
  .about-sec02 .swiper-slide-active {
    width:38%!important;
  }
  .about-sec02 .team-sml-swiper {
    padding: 0.2rem 0.9rem 0.85rem 0.1rem;
  }
  .about-sec02 .page-more {
    left: 38%;
    top:80%;
    width: 62%;
  }
} 
@media only screen and (max-width:767px){
  .about-sec02 .swiper-slide-active {
    width:78%!important;
  }
  .about-sec02 .team-sml-swiper {
    padding: 0.2rem 0px 0.85rem 0.1rem;
  }
  .about-sec02 .page-more {
    position: relative;
    left:0px;
    top:auto;
    width:100%;
    height:4em;
  }
}   


/* about-sec03 */
.about-sec03 {
  padding: 0.95rem 0px 0.44rem;
}
.about-sec03 .page-list {
  position: relative;
  overflow: hidden;
  margin: 0.38rem -0.2rem 0px;
}
.about-sec03 .imgbg img {
  width: 100%;
}
.about-sec03 .history-swiper {
  position: absolute;
  left:0.2rem;
  top:0px;
  right: 0.2rem;
  height: 100%;
  bottom: 0px;
  width: 100%;
}
.about-sec03 .page-con {
  position: absolute;
  width: 100%;
  left: 0px;
  padding-left: 0.1rem;
}
.about-sec03 .page-tit {
  color: #f5b13b;
  line-height: 1.3;
  padding: 0px 0px 0.1rem;
}
.about-sec03 .page-sub {
  margin-top: -0.06rem;
  padding-bottom: 0.26rem;
}
.about-sec03 .page-ico img {
  max-width: 90%;
}
.about-sec03 .page-img img {
  max-width: 80%;
  max-height: 7em;
}
.about-sec03 .page-quan {
  margin-top: 0.26rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.3);
  position: relative;
  margin-left: -0.1rem;
  display: none;
}
.about-sec03 .page-quan:before {
  position: absolute;
  content: "";
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #f7b228;
  left: 0.12rem;
  bottom: 0.12rem;
}
.about-sec03 .quan02 {
  display: block;
}
.about-sec03 .swiper-slide-active .page-con {
  bottom: 40%;
}
.about-sec03 .swiper-slide-active +.swiper-slide .page-con {
  top:50.2%;
  bottom: auto;
  padding-left: 0px;
}
.about-sec03 .swiper-slide-active +.swiper-slide .page-con .quan01 {
  display:block;
}
.about-sec03 .swiper-slide-active +.swiper-slide .page-con .quan02 {
  display:none;
}
.about-sec03 .swiper-slide-active +.swiper-slide .page-con .page-quan {
  margin-left: 0.32rem;
  margin-bottom: 0.56rem;
}

.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide .page-con {
 bottom: 48%;
 padding-left: 0px;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide .page-con .page-quan {
  margin-left: 0.12rem;
}



.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide .page-con {
  top:37%;
  bottom: auto;
  padding-left: 0px;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide .quan01 {
  display: block;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide .quan02 {
  display: none;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide .page-con .page-quan {
  margin-left: 0.36rem;
  margin-bottom: 0.33rem;
}



.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide .page-con {
  bottom: 58.5%;
  padding-left: 0px;
 }
 .about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide .page-con .page-quan {
   margin-left:0.62rem;
 }


 .about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide .page-con {
  top:33.5%;
  bottom: auto;
  padding-left: 0px;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide .page-con .page-quan {
  display: block;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide .page-con .page-quan {
  margin:0px auto 0.3rem;
}
.about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide +.swiper-slide .page-con .quan02 {
  display: none;
}
.about-sec03 .li06 .page-sub {
  padding-top: 0.22rem;
}

.about-sec03 .page-btn {
  width: 2em;
  height:2em;
  background: #f5ad3a;
  border-radius:50%;
  color: #fff;
  margin-top: -1em;
  opacity: 0.5;
  filter:alpha(opacity=50);
}
.about-sec03 .page-btn:after {
  font-size: 1em;
}
.about-sec03 .swiper-button-prev {
  left: 0px;
}
.about-sec03 .swiper-button-next {
  right: 1.5em;
}

@media only screen and (max-width:767px){
  .about-sec03 .page-list {
    padding: 1rem 0px;
  }
  .about-sec03 .page-ico img{
    max-width: 50%;
  }
  .about-sec03 .page-img img {
    max-height:0.6rem;
    max-width: 50%;
  }
  .about-sec03 .swiper-slide-active +.swiper-slide .page-con {
    top:43.2%;
  }
  .about-sec03 .swiper-slide-active +.swiper-slide .page-con .page-quan {
    margin-bottom: 0.2rem;
  }
  .about-sec03 .swiper-slide-active +.swiper-slide +.swiper-slide .page-con {
    bottom: 53%;
  }
  .about-sec03 .li06 .tac {
    text-align: left;
  }
}
@media only screen and (max-width:379px){
  .about-sec03 .swiper-slide-active +.swiper-slide .page-con {
    top:32.2%;
  }
}


/* about-sec04 */
.about-sec04 {
  background: #f8f8f8;
  padding: 0.62rem 0px 0.85rem;
}
.about-sec04 .page-list {
  padding-top: 0.75rem;
  position: relative;
  overflow: hidden;
}
.about-sec04 .page-con {
  background: #fff;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.1);
  padding: 0.28rem;
  height: 100%;
}
.about-sec04 .page-img {
  padding-bottom: 76.69%;
  position: relative;
  background: #eeeeee;
}
.about-sec04 .page-img img {
  position: absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
}
.about-sec04 .page-tit {
  padding: 0.24rem 0.2rem 0.43rem;
  line-height: 1.65;
}
.about-sec04 .swiper-pagination {
  position: relative;
  display: none;
  margin-top: 0.53rem;
}
.about-sec04 .swiper-pagination-clickable .swiper-pagination-bullet {
  width: 4.667em;
  height: 0.611em;
  border-radius: 0px;
  opacity: 1;
  background: #e9e9e9;
  margin: 0px 0.12rem;
}
.about-sec04 .swiper-slide {
  padding-bottom: 0.15rem;
}
.about-sec04 .swiper-pagination-clickable .swiper-pagination-bullet-active {
  background: #f7bb2b;
}
.about-sec04 .swiper-slide:hover .page-img img {
  transform: scale(1.05,1.05);
}
.about-sec04.on .swiper-pagination {
  display: block;
}

@media only screen and (max-width:767px){
  .about-sec04 {
    padding-bottom: 0.4rem;
  }
  .about-sec04 .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.1rem;
  }
}

/* about-sec05 */
.about-sec05 {
  position: relative;
}
.about-sec05 .imgbg img {
  width: 100%;
}
.about-sec05 .page-title {
  position: absolute;
  left: 0px;
  top:0.75rem;
  right: 0px;
}
.about-sec05 .page-context {
  position: absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.about-sec05 .page-wrap {
  height: 100%;
  position: relative;
}

.about-sec05 .about-list-lf {
  position: absolute;
  top:23.5%;
  left:9.87%;
  width: 27.23%;
  height:66.8%;
  min-height: 5.74rem;
  background: rgba(0,0,0,0.63);
  border-radius: 0.1rem;
  padding: 0.5rem 0px 0.32rem 0px;
  color: #fff;
  z-index: 10;
}
.about-sec05 .service-swiper {
  overflow: hidden;
  padding: 0.1rem 0.7rem 0.1rem 0.4rem;
  height: 100%;
  position: relative;
}
.about-sec05 .service-swiper:before {
  position: absolute;
  content: "";
  left: 0.61rem;
  top:0.4rem;
  bottom:0.28rem;
  border-left: 1px dotted #fdb12a;

}
.about-sec05 .service-swiper dl {
    padding-left: 0.7rem;
    cursor: pointer;
}
.about-sec05 .service-swiper dl dd {
  margin-top: 0.09rem;
}
.about-sec05 .page-quan {
  position: absolute;
  left: 0px;
  top:0px;
  width:0.44rem;
  height: 0.44rem;
}
.about-sec05 .page-quan b{
  position: absolute;
  left: 0px;
  top:0px;
  width:100%;
  height:100%;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
}
.about-sec05 .page-quan:before {
  position: absolute;
  z-index: 3;
  content: "";
  left:0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  background: #f0f0f0;
  border-radius: 50%;
  width:0.22rem;
  height: 0.22rem;
  margin: auto;
}

.about-sec05 .swiper-slide.on .page-quan:before {
  width: 0.3rem;
  height: 0.3rem;
  background: #fdb12a;
}
.about-sec05 .swiper-slide.on .page-quan b {
  animation:line2 2s linear infinite;
  background: rgba(253,177,42,0.3);
}
.about-sec05 .page-btn {
  width: 0.34rem;
  height: 0.28rem;
  left: 0.44rem;
  background: url(../images/jt19.png) no-repeat center center/100% 100%;
  margin-top: 0px;
}
.about-sec05 .page-btn::after {
  display: none;
}
.about-sec05 .swiper-button-disabled {
  opacity: 0;
}
.about-sec05 .swiper-button-prev {
  top:0.1rem;
  transform: rotate(-180deg);
}

.about-sec05 .swiper-button-next {
  top:auto;
  bottom: 0.43rem;
  
}


.about-sec05 .page-point {
  position: absolute;
  right: 0px;
  top:0px;
  width: 50%;
  height: 100%;
}
.about-sec05 .page-point ul li { position:absolute;width:0.4rem;height:0.4rem; margin: -0.2rem 0px 0px -0.2rem; }
.about-sec05 .page-point ul li .page-circle { 
  width:100%; 
  height:100%;  
  position:relative; 
  border-radius:50%; 
  cursor: pointer;
}
.about-sec05 .page-point ul li .page-circle:before { position:absolute;box-sizing: border-box; left:50%; top:50%; margin: -0.11rem 0px 0px -0.11rem; content:""; width:0.22rem; height:0.22rem;background:rgba(137, 137, 137, 0.5); border-radius:50%; }
.about-sec05 .page-point ul li .page-circle b { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; opacity:1;animation:line2 2s linear infinite;background:rgba(241,160,28,0.2); bottom:0px; border-radius:50%; }
.about-sec05 .page-point ul li .page-circle b:before { position:absolute; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:1;animation:line1 2s linear infinite;background:rgba(241,160,28,0.2); bottom:0px; border-radius:50%; }

.about-sec05 .page-point ul li .page-circle span { position:absolute;box-sizing: border-box; width:0.12rem; height:0.12rem; background: #898989;   border-radius:50%; left:50%; top:50%; margin:-0.06rem 0px 0px -0.06rem;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.about-sec05 .page-point ul li.on .page-circle span { width:0.16rem; height:0.16rem; margin:-0.08rem 0px 0px -0.08rem;background:#f1a01c; }
.about-sec05 .page-point ul li.on .page-circle:before {
  width: 0.3rem;
  height: 0.3rem;
  margin: -0.15rem 0px 0px -0.15rem;
  background:rgba(241,160,28,0.4);
}
.about-sec05 .page-point .page-address {
  position: absolute;
  bottom: 110%;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}
.about-sec05 .page-point .page-address dl dt {
  white-space: nowrap;
  border:1px dotted #f1a01c;
  background: rgba(241,160,28,0.25);
  padding: 0px 0.16rem;
  line-height: 1.6;
}
.about-sec05 .page-point .li02 .page-address {
  bottom: auto;
  top:100%;
  left: 100%;
  transform: translateX(0px);
}
.about-sec05 .page-point .li03 .page-address {
  bottom: auto;
  top:100%;
  right:0.05rem;
  left:auto;
  transform: translate(0px,0px);
}
.about-sec05 .page-point .li04 .page-address {
  bottom: auto;
  top:50%;
  left: 100%;
  transform: translate(0px,-50%);
}
.about-sec05 .page-point .li05 .page-address {
  bottom: auto;
  top:auto;
  bottom: 110%;
  left:50%;
  transform: translate(-50%,0px);
}

.about-sec05 .page-point .li01 {
  left:49.28%;
  top:44.36%;
}
.about-sec05 .page-point .li02 {
  left:52.75%;
  top:52.22%;
}
.about-sec05 .page-point .li03 {
  left:48.25%;
  top:58%;
}
.about-sec05 .page-point .li04 {
  left:66.45%;
  top:51%;
}
.about-sec05 .page-point .li05 {
  left:64.45%;
  top:49%;
}
.about-sec05 .page-point .li06 {
  left:25.45%;
  top:52%;
}


-webkit-@keyframes line2{
	0%{opacity:1;transform:scale(1)}
	50%{opacity:0.5;transform:scale(1.25)}
	100%{opacity:0;transform:scale(1.5)}
}


@keyframes line2{
	0%{opacity:1;transform:scale(1)}
	50%{opacity:0.5;transform:scale(1.25)}
	100%{opacity:0;transform:scale(1.5)}
}

-webkit-@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}

@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}

@media only screen and (max-width:1880px){
  .about-sec05 .page-point .li01 {
    left:47.28%;
    top:44.36%;
  }
  .about-sec05 .page-point .li02 {
    left:50.75%;
    top:52.22%;
  }
  .about-sec05 .page-point .li03 {
    left:46.25%;
    top:58%;
  }
  .about-sec05 .page-point .li04 {
    left:63.45%;
    top:50%;
  }
  .about-sec05 .page-point .li05 {
    left:63.45%;
    top:50%;
  }
}
@media only screen and (max-width:1000px){
  .about-sec05 .about-list-lf {
    width: 30%;
  }
}  
@media only screen and (max-width:900px){
  .about-sec05 .page-point .li01 {
    left:45.28%;
    top:44.36%;
  }
  .about-sec05 .page-point .li02 {
    left:48.75%;
    top:52.22%;
  }
  .about-sec05 .page-point .li03 {
    left:44.25%;
    top:58%;
  }
  .about-sec05 .page-point .li04 {
    left:61.45%;
    top:50%;
  }
  .about-sec05 .page-point .li05 {
    left:61.45%;
    top:50%;
  }
}

@media only screen and (max-width:767px){
  .about-sec05 .page-title { 
    top:0.2rem;
  }
  .about-sec05 .about-list-lf {
    left: 0px;
    width:35%;
    padding: 0.1rem 0px;
    min-height: 1.74rem;
  }
  .about-sec05 .about-list-lf dt {
    font-size:14px;
  }
  .about-sec05 .service-swiper:before {
    left: 0.4rem;
  }
  .about-sec05 .service-swiper dl dd {
    display: none;
  }
  .about-sec05 .service-swiper {
    padding: 0.3rem 0.2rem 0.1rem;
  }
  .about-sec05 .swiper-button-next {
    bottom: 0.15rem;
  }
  .about-sec05 .page-btn {
    left: 0.25rem;
  }
}

/* about-sec06 */
.about-sec06 {
  padding: 0.72rem 0px 1.34rem;
}
.about-sec06 .page-ab-tab ul li {
  padding: 0px 0.38rem;
  position: relative;
  color: #b3b3b3;
  cursor: pointer;
}
.about-sec06 .page-ab-tab ul li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 0.4rem;
  top:50%;
  background: #a9a9a9;
  right: 0px;
  margin-top: -0.2rem;
}
.about-sec06 .page-ab-tab ul li.on {
  color: #332c2b;
}
.about-sec06 .page-ab-tab ul li:last-child:before {
  display: none;
}
.about-sec06 .page-list {
  padding-top: 0.5rem;
}
.about-sec06 .page-list ul {
  margin: 0px -0.1rem;
}
.about-sec06 .page-list ul li{
  width: 20%;
}
.about-sec06 .page-list .page-img {
  margin: 0.2rem 0.1rem 0px;
  background: #fff;
  border-radius: 0.1rem;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.3);
  height: 1.34rem;
  position: relative;
  top:0px;
}
.about-sec06 .page-list .page-img img {
  max-width: 70%;
  max-height: 70%;
  transform: scale(1,1);
}
.about-sec06 .page-list .page-img:hover {
  top:-5px;
}
.about-sec06 .page-list .page-img:hover img {
  transform: scale(1.05,1.05);
}


@media only screen and (max-width:767px){
  .about-sec06 {
    padding: 0.5rem 0px 0.8rem;
  }
  .about-sec06 .page-list {
    padding-top: 0.3rem;
  }
  .about-sec06 .page-list ul li{
    width: 33.33%;
  }
}