.about-section .about-intro{display: flex;}
.about-section .about-intro .about-intro-lf{width: 40%;padding: 0 .8rem 0.8rem .35rem;border-right: 1px solid #e7e7e7;}
.about-section .about-intro .about-intro-lf .ts{
  text-align: center;
  color: var(--color-or);
  line-height: .5;
}
.about-section .about-intro .about-intro-lf .ts .year{font-size: 2rem;}
.about-section .about-intro .about-intro-lf span{vertical-align: top;}
.about-intro-tx{
  padding-left: 1.2rem;
  padding-bottom: .5rem;
}
.about-leader{
  background: #f8f8f8;
}
.about-leader-wrap{display: flex;}
.about-leader-wrap .leader-cover{width: 31.5%;}
.about-leader-wrap .leader-cover img{width: 100%;}
.about-leader-wrap .leader-intro{flex: 1;padding:0 .4rem 0 1.1rem;position: relative;}
.about-leader-wrap .leader-intro:before{
  content: '“';
  color: var(--color-blue);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
}
.about-leader-wrap .leader-intro::after{
  content: '”';
  color: var(--color-blue);
  position: absolute;
  bottom: 0;
  right: -.2rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
}
.about-history-list{padding:0 1rem;position: relative;border-top: 1px solid #e0e0e0;}
#history.swiper-container{border-right: 1px solid #e0e0e0;}
#history .swiper-slide{border-left: 1px solid #e0e0e0;padding-top: .4rem;}
#history .swiper-slide .title{font-size: .42rem;color: #dedede;font-weight: bold;text-align: center;}
#history .swiper-slide.active .box{
  animation: scaleIn .6s 1 both;
  padding: 0 .5rem ;
}
#history .swiper-slide.active .title{text-align: left;color: var(--color-or);}
#history .swiper-slide .title .intact{display: none;}
#history .swiper-slide.active .title .intact{display: block;}
#history .swiper-slide.active .title .short{display: none;}
@keyframes scaleIn{
  0%{
    opacity: .45;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
#history .swiper-slide .p{
  height: 6rem;
  overflow: hidden;
  opacity: 0;
}
#history .swiper-slide.active .p{opacity: 1;}

.about-history-list .plc_swiper_prev{
  position: absolute;
  left: .35rem;
  top: .55rem;
}
.about-history-list .plc_swiper_next{
  position: absolute;
  right: .35rem;
  top: .55rem;
}
/*#history .swiper-slide.hover{border-left-color: var(--theme-color);}*/
#history .swiper-slide.hover .title .short{color:#000;}
/* 品牌介绍 */
.about-brand-main{align-items: flex-start;}
.about-section-brand{position: relative;overflow: hidden;}
.about-brand-right{position: relative;}
.about-brand-right::before{
  position: absolute;
  left:100%;
  top: 0;
  width: 5%;
  height: 100%;
  background: var(--color-or);
  content: '';
  z-index: -1;
}

.about-brand-left,.about-brand-right{width: 50%;}
.about-brand-left{padding-right: .3rem;}
.about-brand-tops,#aBrandTx .text{padding-right: .6rem;}
.about-brand-nav{
  border-bottom: 1px solid #dedede;
  margin-right: .1rem;
  line-height: 2;
  transform: translateY(-.25rem);
}
.about-brand-nav .item{margin-right: .4rem;position: relative;cursor: pointer;}
.about-brand-nav .item.active{color: var(--color-or);}
.about-brand-nav .item.active:after{
position:absolute;
bottom: -7px;
left: 50%;
width: 12px;
height: 12px;
background-color: #fff;
border:1px solid #dedede;
border-top-width: 0;
border-left-width: 0;
transform: rotate(45deg) skew(-10deg, -10deg);
margin-left: -6px;
content: '';
}
.about-brand-imgs{position: relative;overflow: hidden;}
.about-brand-imgs:after{
  position: absolute;
  top:0;
  left: 0;width: 100%;height: 100%;
  background: url(../images/about_brand_shaw.png) no-repeat center / cover;
  content: '';
  z-index: 9;
}
.about-brand-imgs .cover{
  padding-top: 92%;
  position: relative;
}
.about-brand-imgs .cover img{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brand-list{overflow: hidden;border-top: 1px solid #e7e7e7;}
.brand-list .item{
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  min-height: 5.5rem;
}
.brand-list .item:after{
  position: absolute;
  top:0;
  width: 200vw;
  height: 100%;
  background-color: #f8f8f8;
  content: '';
  z-index: -1;
}
.brand-list .item:nth-child(odd):after{
  left: 50%;
}
.brand-list .item:nth-child(even):after{
  right: 50%;
}
.brand-list .item .cover{
  width: 50%;
  padding-top: .6rem;
  padding-bottom: .6rem;
}
.brand-list .item .cover img{max-width: 100%;}
.brand-list .item .tx{
  position: relative;
  padding-top: .6rem;
  padding-bottom: .6rem;
  flex: 1;
}

.brand-list .item:nth-child(odd) .cover,.brand-list .item:nth-child(even) .tx{padding-right: 1rem;}
.brand-list .item:nth-child(even) .cover,.brand-list .item:nth-child(odd) .tx{padding-left: .7rem;}
.brand-list .item:nth-child(even) .cover{order: 2;}
/* 荣誉证书 */
.about-honor-wrap{
  background: url(../images/about_honor_bg.jpg) no-repeat center bottom / 100% auto;
}
.about-honor-wrap .main{
  align-items: flex-start;
}
.about-honor-wrap .main .left{
  width: 3.5rem;
  padding-right: .5rem;
  position: sticky;
  top: 1.2rem;
}
.about-honor-list{
  --col-honor:3;
  display: grid;
  grid-template-columns: repeat(var(--col-honor),minmax(0,1fr));
  gap: .38rem;
  margin-top: .8rem;
}
.about-honor-list .item{
  border-radius: 6px;
  box-shadow: 0 0 6px 1px #ddd;
  overflow: hidden;
  transition: all .3s;
}
.about-honor-list .item:hover{
  box-shadow: 0 0 10px 1px #aaa;
}
.about-honor-list .item:nth-child(3n + 2){transform: translateY(-.6rem);}
.about-honor-list .item .cover{
  height: 2.8rem;
  background: url(../images//about_honor_item_bg.jpg) no-repeat center / cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  padding: .2rem .2rem 0;
  z-index: 5;
}
.about-honor-list .item .cover .img{
  max-width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  perspective: 100px;
}
.about-honor-list .item .cover .img img{height: 100%;width: 100%;object-fit:contain;object-position:bottom;}
.about-honor-list .item .cover .img .bg{
  position: absolute;
  bottom:0;
  left: 0;
  width: 100%;
  height: 65%;
  background: #a09fa0;
  box-shadow: 0 0 50px 15px #000000;
  transform-style: preserve-3d;
  transform-origin: bottom;
  transform: rotateX(10deg) translateY(-12%);
  z-index: -1;
}
.about-honor-list .item .title{
  height: .96rem;
  padding: .15rem;
  background: #f7fffa;
  text-align: center;
}
.about_honor_nav .more_pb1{margin-top: 8px;}
.about_honor_nav .more_pb1:not(.active) a{
  background: #fff;
  color:var(--color-blue)
}
.about_honor_adv{position: relative;color:#fff;text-align: center;}
.about_honor_adv .tx{
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
}
.about_honor-foot{
  background-image: linear-gradient(-45deg,#fffdf7,70%,#fff 90%);
}
/* 生产中心 */
.about-factory-focus .cover{background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}
.about-factory-focus .cover img{opacity: 0;}
.about-factory-focus .location{color: black;top: 20px;bottom: initial;}
.about-factory-focus .location a{color:black}
.about-factory-focus{
  margin-top: .8rem;
  position: relative;
}
.about-factory-focus .location a:after{background-image: url(../images/icons/ico_r2.png);}
.about-factory-focus .tx{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-factory-focus .tx .tx-c{max-width: 8.2rem;}
.about-factory-group .items {overflow: hidden;padding: .8rem 0;}
.about-factory-group .items:nth-child(even){background-color: #f5f5f5;}
.about-factory-group .items .swiper-container{
  width: 966px;
  overflow: initial;
}
.about-factory-group .items .swiper-container .swiper-slide{
  transform: scale(.6);
  transform-origin: right center;
  transition: .6s ease;
}
.about-factory-group .items .swiper-container .swiper-slide-active{transform: scale(1);}
.about-factory-group .items .swiper-container .swiper-slide-active+div{transform-origin: left center;}
.about-factory-group .items .swiper-button{
  position: absolute;
  top: 50%;
  z-index: 9;
}
.about-factory-group .items .prev{left: 0;transform: translate(-50%,-50%) rotate(180deg);}
.about-factory-group .items .next{right: 0;transform: translate(50%,-50%);}
.about-factory-group .items .title{
   position: absolute;
   bottom: .15rem;
   left: 0;
   width: 100%;
   text-align: center;
   font-size: .24rem;
   color:white;
   opacity: 0;
}
.about-factory-group .items .swiper-slide-active .title{opacity: 1;}
/* 正大产业 */
.about_branch-list{display: flex;overflow: hidden;}
.about_branch-list .item{width: 16.5%;background-color: black;transition: all .5s ease;position: relative;color: white;}
.about_branch-list .item.active{width: 51.5%;}
.about_branch-list .item .cover img{height: 100vh;opacity: .8;display: block;object-fit: cover;}
.about_branch-list .item .text{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 0 10%;
  z-index: 8;
  overflow: hidden;
  opacity: 0;
  transition: all .3s;
  background:rgba(0, 53, 116, .5) url(../images/index_more_bg.png) no-repeat right 95% / 1rem;
}
.about_branch-list .item.item.active .text{opacity: 1;}
.about_branch-list .item .text::after{
  position: absolute;
  top:-12vw;
  left: -10vw;
  width: 250vw;
  height: 100vw;
  border-radius: 50%;
  background-color: rgba(0, 53, 116, .28);
  content: '';
  z-index: -1;
  transform: rotate(11deg);
  transform-origin: left top;
}
.about_branch-list .item .stitle{
  position: absolute;
  bottom: .5rem;
  left: 10%;
}
.about_branch-list .item.item.active .stitle{opacity: 0;}
.about_branch-list .item .icon-item{
  display: flex;
  align-items: center;
  margin-bottom: .14rem;
}
.about_branch-list .item .icon-item .ico{
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .1rem;
}
.about_branch-list .item .icon-item .ico img{max-width: 90%;max-height: 90%;}
/* 正大产业-详情 */
.about-branch-details{
  display: flex;
  align-items: flex-start;
  padding-top: .8rem;
}
.about-branch-details .left{
  width: 32%;
  padding-right: .5rem;
  position: sticky;
  top: 1.2rem;
  padding-bottom:.6rem;
}
.about-branch-details .rights{
  width: 68%;
}
.about-branch-details .left .more_pb1 a{
  border: 1px solid #dedede;
}
@media (min-width:950px ) and (max-width:1600px) {
  #history .swiper-slide .title{font-size: .32rem;}
}
@media (max-width:950px) {
  .about-section .about-intro .about-intro-lf .ts .year{font-size: 48px;}
  .about-section .about-intro .about-intro-lf{width: 100%;padding:0 0 .4rem;border:none;text-align: center;}
  .about-section .about-intro,.about-leader-wrap{flex-direction: column;}
  .about-intro-tx{padding-left: 0;}
  .about-leader-wrap .leader-cover{width: 100%;}
  .about-leader-wrap .leader-intro{padding:.4rem 0}
  .about-history-list .plc_swiper_prev{left: 0;}
  .about-history-list .plc_swiper_next{right: 0;}
  .plc_swiper{transform: scale(.55);}
  #history .swiper-slide .p{font-size: 14px;line-height: 1.5;height: 60vh;min-height: 170px;overflow-y:auto;margin-bottom:10px;}
  .about-brand-main{flex-direction: column;}
  .about-brand-left, .about-brand-right{width: 100%;}
  .view_round{margin-bottom: 30px;}
  .view_round a{width: 1.25rem;height: 1.25rem;}
  .brand-list .item{flex-direction: column;}
  .brand-list .item .cover{width: 100%;}
  .brand-list .item:nth-child(even) .cover, .brand-list .item:nth-child(odd) .tx{padding-left:0}
  .brand-list .item:nth-child(odd) .cover, .brand-list .item:nth-child(even) .tx{padding-right: 0;}
  .brand-list .item:nth-child(odd):after{left: -30px;}
  .brand-list .item:nth-child(even):after{opacity: 0;}
  .about-honor-wrap .main{display: block;}
  .about-honor-wrap .main .left{width: 100%;position: relative;top: 0;}
  .about_honor_nav{display: flex;flex-wrap: wrap;}
  .about_honor_nav .more_pb1:not(.active) a{border: 1px solid #e0e0e0;}
  .about_honor_nav .more_pb1{margin-right: 10px;}
  .about-honor-list{--col-honor:2;}
  /*.about-honor-list .item .cover{height: auto;}*/
  .about-honor-list .item .cover .img .bg{height:45%;display:none;}
  .about-honor-list .item:nth-child(3n + 2){transform: translateY(0);}
  .font48{font-size: 22px;}
  .view_round a i{transform: scale(.75);}
  .about-factory-focus{margin-top: 50px;}
  .about-factory-focus .cover img{height:380px;}
  .about-factory-group .items .prev{transform: translate(0,-50%) rotate(180deg);}
  .about-factory-group .items .next{transform: translate(0,-50%);}
  .about-factory-group .items .swiper-container{width: 100%;}
  .about_branch-list{flex-direction: column;}
  .about_branch-list .item{width: 100%;}
  .about_branch-list .item .cover img{height: 60vh;}
  .about_branch-list .item.active{width: 100%;}
  .about-branch-details .left{width: 100%;position: initial;padding-bottom:0;}
  .about-branch-details .rights{width: 100%;margin-top: 30px;}
  .about-brand-left,.about-brand-tops, #aBrandTx .text{padding-right:0;}
  .about-factory-focus .tx{padding:0 30px;align-items:flex-end;}
  .about-factory-focus .tx .font36{font-size:24px;}
  .about_branch-list .item:nth-child(1) .text{padding-top:30px;}
  .about_branch-list .item .text .myb-80{margin-bottom:20px;}
  #history .swiper-slide .p ul{padding:0;}
  
}