/*about css*/
.about-1-text1{
   font-size: .90rem;
   font-family: "FZLT Regular";
}
.about-1-text2{
   font-size: .20rem;
   font-family: "FZLT Regular";
}
.main-1-box-right .at-1-text2 {
   margin-bottom: .4rem;
}
.main-1-box-right, .main-2-box-right p{
  margin-left: .2rem;
}
.about-2-text1{
   font-size: .90rem;
   font-family: "FZLT Regular";
   color: #000;
}
.about-2-text2{
   font-size: .20rem;
   font-family: "FZLT Regular";
   color: #000;
}
.main-2-box-right .at-1-text2 {
   margin-bottom: .4rem;
}
.about-3-text1{
   font-size: .90rem;
   font-family: "FZLT Regular";
}
.about-3-text2{
   font-size: .40rem;
   font-family: "FZLT Regular";
}
.about-3-text3{
   font-size: .16rem;
   font-family: "FZLT Regular";
}
.main-ppjj-box{
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
}
.main-ppjj-box .main-3-box-right p{
  margin-left: .2rem;
}
.main-3-box-right{
	 z-index: 999;
    width: 35%;
    color:#000;
}
.main-3-box-end{
	z-index: 999;
    width: 50%;
}
.at-3-text3{
	margin-top:-.1rem;
}
.at-3-text3{
	margin-bottom: .20rem;
}
.at-3-text1{
	margin-bottom: .30rem;
}
.at-3-text4{
	margin-bottom: .10rem;
}
.at-3-text4, .at-3-text5{
	width: 68%;
}
.ppzx_kh{
  height: .65rem;
}
.konghang{
	height: 1rem;
}
.about-fzlc-box{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: auto;
}
.about-fzlc-box-left{
  width: 15%;
}
.about-fzlc-box-right {
  /*background: url("../images/about_fzlc_bg.png") 150px 200px  no-repeat;*/
  width:85%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
#section1, #section2, #section3, #section4{
  background: #f5f4f4;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 18px;
    width: 10px;
    /*margin: -6px 0 0 -6px;*/
    /*border-radius: 100%;*/
    background: url(../images/left_nav_bg_000.png) center no-repeat; 
    opacity: 1;
    border-radius:0;
 }
.fp-slides{
  margin-left: .2rem;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #000;
    opacity: 0.5;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #000;
    font-size: 12px;
    font-family: FZLT Regular;
    white-space: nowrap;
    max-width: 220px;
    overflow: visible;
    display: block;
    opacity: 0.5;
    width: 0;
    cursor: pointer;
    line-height: 24px;
}

 /*bbdr 添加侧边栏当前字体加粗*/
.bbdr_active {
    font-weight: 800;
}

#fp-nav ul li .fp-tooltip.left {
    /*bbdr left: 40px;*/
	left: 20px;
}
/*bbdr #fp-nav .nav-dot-6,
#fp-nav .active .nav-dot-6 {
  opacity: 0;
  background:none;
}*/

/*bbdr 添加*/
#fp-nav.left {
	left: 5px;
}


.main-4-box, .main-5-box, .main-6-box{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: auto;
}
.main-4-box-left, .main-5-box-left, .main-6-box-left{
  width: 15%;
}
.main-4-box-right, .main-5-box-right, .main-6-box-right{
  
  z-index: 999;
  width: 85%;
  color:#000;
  height: 100%;
  margin-top: 1.1rem;
  
}
.about-ry-main{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow:hidden;
  
  margin-left: .2rem;
}
.about-ry-right-box{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.about-jx-right-box{
    
    width: 100%;
    height: 100%;
/*    display: flex;
    justify-content: flex-start;
    align-items: center;*/
}
.about-jx-right-center{
   margin-top: 1.2rem;
   position: relative;
   max-width: 1920px;
}
.about-ry-box{
  width: 2.46rem;
  height: 2.46rem;
  padding-top: .15rem;
  /*border: solid 1px ;*/
  overflow:hidden;
  font-size: .14rem;
  font-family: FZLT Regular;
}
.about-ry-box p{
  
  padding-left: .15rem;
}
.about-ppzx-box{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: auto;
}
.about-ppzx-box-left{
  width: 15%;
}
.about-ppzx-box-right {
  
  width:85%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.ppzx-focus{
  width: 70%;
  display:flex;
  justify-content: center;
  align-items: center;
}
.ppzx-other{
  width: 30%;
}
.about-ppzx-main{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  padding-top:1.2rem;
  margin-left: 0.2rem;
}
/*.ppzx-big-img-focus{
  width: 6.98rem;
  height: 6rem;
  background: url(../images/about_zx_01.jpg) no-repeat;
  background-size: cover;
}*/
.ppzx-big-img-title{
  font-family: FZLT Regular;
  width: 100%;
  text-align: center;
  background: #fff;
  height: .7rem;
  font-size: .16rem;
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.ppzx-other{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  /*margin-top:1rem;*/
}
.ppzx-other-box{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.ppzx-mid-list {
  margin-left: .6rem;
}
.ppzx-mid-list p{
  font-family: FZLT Regular;
  width: 100%;
  text-align: center;
  background: #fff;
  height: .5rem;
  font-size: .16rem;
    display: flex; 
  align-items: center; 
  justify-content: center;
}
.ppzx-mid-img{
  
}
/*.main-ry-box{
  position: relative;
  width: 17.95rem;
}*/
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 1rem;
    cursor: pointer;
    width: 32px;
    height: 38px;
    border: 0px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
/*    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}
.fp-controlArrow.fp-prev {
    left: -.5rem;
    top:1.12rem;
    width: 32px;
    height: 38px;
    background-image: url(../images/about_arrow_left.png);
}
.fp-controlArrow.fp-next {
    right: 0.9rem;
    top:1.12rem;
    width: 32px;
    height: 38px;
    background-image: url(../images/about_arrow_right.png);
}
.about-ry-text-box{
  display: flex;
  justify-content: flex-start;
  width: 90%;
}
.ry-text-box{width: 50%;}
.ry-text-box-all{width: 100%;}
.ry-text-box-title-num{
  font-size: .6rem;
  font-family: 'GothamLight';
}
.ry-text-box-title-text{
  font-size: .3rem;
  font-family: 'FZLT Regular';
}
.ry-text-box p {
  font-family: 'FZLT Regular';
  font-size: .13rem;
  line-height: .26rem;
}
.ry-text-box-all p {
  font-family: 'FZLT Regular';
  font-size: .13rem;
  line-height: .26rem;
}
.timeline{
  width: 90%;
  height: 100%;
}
.ry-title-line-box{
   margin-bottom: .15rem;
   background: url(../images/ry_box_line.png);
   width:100%;
   height: 9px;
}
.ry-title-line-box img {
  vertical-align: top;
}
/*timeline*/
.timeline {
  width: 93%;
  position: relative;
  /*box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);*/
}
.timeline .sub_swiper {
   background: url('../images/dot.gif') left .54rem repeat-x;
  position: absolute;
  top:1rem;
  width: 92%;
  height:50%;
  margin-left: .6rem;
  margin-right: .5rem;
}
.timeline .sub_swiper .swiper-slide{
  width: 2.2rem;
  background: url('../images/biggerdot.png') center top .5rem no-repeat;
  
}
.timeline .swiper-container .sub_swiper  {
/*  width: 100%;
  position: relative;*/
}
.timeline .main_swiper .swiper-wrapper {
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.timeline .sub_swiper .swiper-wrapper {
 
}
.timeline .main_swiper .swiper-slide {
  /*position: relative;*/
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.timeline .main_swiper .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -115%;
  bottom: -10%;
  width: 100%;
  height: 100%;
/*  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
  border-radius: 100%;*/
}
.timeline .main_swiper .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 100%;
  max-width: 700px;
  right: 50%;
  top: 13%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  font-size: 12px;
  z-index: 2;
}
.timeline .sub_swiper .swiper-slide .timeline-year {
  display: block;
/*  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);*/
  
  font-weight: 300;
  font-size: 0.24rem;
  font-family: 'GothamBook';
  /*transition: .2s ease .4s;*/
}
.timeline .main_swiper .swiper-slide .timeline-year {
  display: block;
  font-style: italic;
  font-size: 42px;
  margin-bottom: 50px;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  color: #d4a024;
  font-weight: 300;
  opacity: 0;
  transition: .2s ease .4s;
}
.timeline .main_swiper .swiper-slide .timeline-title {
  font-weight: 800;
  font-size: 34px;
  margin: 0 0 30px;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .5s;
}
.timeline .main_swiper .swiper-slide .timeline-text {
  margin-top: 1.5rem;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .6s;
  font-family: FZLT Regular;
  font-size: .15rem;
}
.timeline .sub_swiper .swiper-slide-active .swiper-slide-content{
  height: 1rem;
  line-height: 2rem;
  background: url('../images/time_line_center.png') top no-repeat;
  background-position: center 5px;
}
.timeline .sub_swiper .swiper-slide-active .timeline-year {
  font-size: 0.32rem;
/*  height: 120px;
  line-height: 200px;*/
  font-family: 'GothamBook';
  text-align: center;
}
.timeline .main_swiper .swiper-slide-active .timeline-text {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .3s ease 0.5s;
}
.timeline .main_swiper .swiper-pagination2 {
  position: absolute;
  top:5%;
  right: 15% !important;
  height: 4rem;
  /*display: none;*/
  flex-direction: column;
  justify-content: center;
  /*font-style: italic;*/
  font-weight: 300;
  font-size: 18px;
  z-index: 1;
  display: block;
}
.timeline .swiper-pagination2::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 1rem;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.timeline .main_swiper .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #d4a024;
  margin: 15px 15px !important;
  position: relative;
}
.timeline .main_swiper .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -32.5px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #d4a024;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: .2s;
}
.timeline .main_swiper .swiper-pagination-bullet-active {
  color: #d4a024;
}
.timeline .main_swiper .swiper-pagination-bullet-active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.timeline .sub_swiper .swiper-button-next,
.timeline .sub_swiper .swiper-button-prev {
  background-size: 20px 20px;
  top: 0;
  width: 21px;
  height: 32px;
  margin-top: 0;
  z-index: 2;
  transition: .2s;
}
.timeline  .swiper-button-prev {
  top:1.58rem;
  background: url(../images/about_arrow_left.png) center no-repeat; 
}
.timeline  .swiper-button-prev:hover {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.timeline  .swiper-button-next {
  top:1.58rem;
  right: .1rem;
  background: url(../images/about_arrow_right.png) center no-repeat;
}
.timeline  .swiper-button-next:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
@media(max-width:1800px){
    .w1780{padding:0 4%;}
}
@media(max-width:1680px){
    .w1600{padding:0 4%;}
    .about-ry-box {
      width: 2.08rem;
      height: 2.02rem;
      padding-top: .1rem;
      font-size: .13rem;
    }
    .ppzx_kh{
      height: .45rem;
    }
    .ppzx-big-img img{
      width: 5.6rem;
      height: 4.94rem;
    }
    .ppzx-mid-img img{
      width: 2.91rem;
      height: 2.1rem;
    }
    .about-ry-box p {
      padding-left: 0.1rem;
      padding-right: 0.1rem; 
    }
    .main-5-box {
      margin-top: 1.3rem;
    }
    .fp-controlArrow.fp-prev {
        left: -.3rem;
        top:1.12rem;
    }
    .fp-controlArrow.fp-next {
        right: 0.8rem;
        top:1.12rem;
    }
    .about-1-text1 {
       font-size: .70rem;
    }
    .about-2-text1 {
       font-size: .70rem;
    }
    .timeline .main_swiper .swiper-slide-content {
      width: 100%;
      max-width: 600px;
    }
    .ry_text_main{
      padding-right: .5rem;
    }
}
@media(max-width:1440px){
    .w1400{padding:0 4%;}
    .about-ry-box {
      width: 1.98rem;
      height: 1.9rem;
    }
    .fp-controlArrow.fp-prev {
        left: -.2rem;
        top:1.12rem;
    }
    .fp-controlArrow.fp-next {
        right: 0.8rem;
        top:1.12rem;
    }
    .about-1-text1 {
      font-size: .50rem;
    }
    .about-2-text1 {
       font-size: .5rem;
    }
    .timeline .main_swiper .swiper-slide-content {
      width: 100%;
      max-width: 400px;
    }
    .ry_text_main{
      /*width: 40% !important;*/
      padding-right: 1rem;
    }
}

/*bbdr添加在电脑端显示侧边栏*/
@media (max-width: 768px) {
  .desktop-only {
    display: none;
  }
}

/*bbdr添加，在电脑端产品页面头部不显示，列表宽度减少*/
@media (min-width: 768px) {
  .desktop-only2 {
    display: none;
  }
}

@media (min-width: 768px) {
	  .desktop-only3 {
    margin-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
/*bbdr添加，产品l列表整体右移，第4版*/
	margin-left: .7rem;
  }
}