.border-raduis-com{ border-radius: 8px; overflow: hidden;; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.ps_rl{ position: relative; }

.culture-container{ padding: 1.15rem 15px; }
.culture-container .com-title{ padding-bottom: .5rem; }
.culture-video .copywriting, .imgright .copywriting{ color: #fff; width: 86%;;font-weight: bolder; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.culture-video .copywriting, .imgright .copywriting{ color: #fff; width: 86%;;font-weight: bolder; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.culture-video{height: 5.84rem; margin-top: 1rem; border-radius: 8px;overflow: hidden;position: relative;}
.culture-video .playVideo{color: #FFFFFF;position: absolute;left: 0;top: 50%;text-align: center;width: 100%;cursor: pointer;transform: translate(0,-50%);}
.culture-video .playVideo span{vertical-align: middle;}
.culture-video .playVideo i{font-size: 34px;margin-left: 8px;vertical-align: middle;}

.grow-container{ padding-top: 1.15rem; padding-bottom: 1.15rem;  }
.example-list{ padding-top: .68rem; }
.example-item{ width: 49%; margin-top: .42rem; }
.example-item:nth-of-type(2n-1){ width: 49%; float: left; }
.example-item:nth-of-type(2n){ width: 49%; float: right; }
.example-topic{ height: 1.5rem; line-height: 1.5rem; background: #F1F1F1;text-align: center; }
.example-topic>span{ vertical-align: middle; color:#222; }
.example-swiper{ position: relative; }
.example-swiper .swiper-slide{ height: auto!important; overflow: hidden}
.example-topic>i{ color: #910782; font-weight: normal; font-size: inherit; margin-right: .1rem;}
.example-swiper .swiper-slide>.pic-wrap{ height: 4.64rem; }
.example-swiper .swiper-slide>.pic-wrap img, .back-item .pic-wrap>img{ position: absolute; z-index: -1; max-width: none; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.example-pagination { text-align: center; position: absolute; bottom: .36rem ; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.example-pagination .swiper-pagination-switch{ width: 12px; margin: 0 .12rem; display: inline-block; height: 12px; border-radius: 50%; border: 2px solid #fff; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.example-pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff; }
.example-item.w-100{ width: 100%; margin-left: 0; }
.example-list .swiper-slide .pic-wrap { background: rgba(0, 0,0, .15); }
.society-pagination { text-align: center; position: absolute; bottom: .36rem ; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.society-pagination .swiper-pagination-switch{ width: 12px; margin: 0 .12rem; display: inline-block; height: 12px; border-radius: 50%; border: 2px solid #fff; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.society-pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff; }


.back-item{ width: 48.5%; margin-top: .58rem; text-align: left }
.back-item:nth-of-type(2n-1){ width: 49%; float: left; }
.back-item:nth-of-type(2n){ width: 49%; float: right; }
.back-item .pic-wrap{height: 5rem;position: relative;overflow: hidden;background: rgba(0, 0,0, .15);}

.back-item .iconfont{ color: #910782; font-size: inherit; vertical-align: bottom;}
.back-item .back-text-box{ height: 3.56rem; background: #F1F1F1; padding: .8rem; font-weight: normal;  }
.text-middle{ vertical-align: middle }
.back-item .back-text-box .desc{ color: #666; line-height: 2; padding-top: .1rem;  }
.back-item .back-text-box .desc span{ font-weight: bold; color: #222  }
.back-container .example-list{ padding-bottom: 1.7rem; }
.back-container{ padding-top: .5rem }

.life-container, .join-container{ padding-top: 1.15rem; padding-bottom: 1.15rem; }
.society-three .com-title{ padding-top: 1rem; border-top: 1px solid #e7e7e7; }
.society-item{width: 100%;/* margin-bottom: 1rem; */position: relative;}
.society-item-msg{width: 24%;padding-top: .5rem;}
.society-item-msg p{margin-bottom: .3rem; font-weight: bolder;}
.society-item-msg span{color: #666666;line-height: 2;}
.society-item-img{width: 11.7rem;position: relative; height: 5.96rem; overflow: hidden;border-radius: 8px;}

.society-item-img i, .society-item-img>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #DDDDDD;opacity: .6;font-size: 60px;}
.society-item-img>img{ opacity: 1; width: 100%; }
.society-item-wrap .society-item-msg{ position: absolute; top: 50%; transform: translateY(-50%) }
.society-item-wrap:nth-child(odd) .society-item-msg{float: left; left: 15px}
.society-item-wrap:nth-child(odd) .society-item-img{float: right;}
.society-item-wrap:nth-child(even) .society-item-msg{float: right; right: 15px}
.society-item-wrap:nth-child(even) .society-item-img{float: left;}
.society-item-wrap{ padding: 1rem 0; }
.society-item-wrap:nth-of-type(2n){ background: #F4F4F4; }


.join-container .join-banner{ margin-top: 1rem; border-radius: 8px; }
.border-btm{ border-bottom: 1px solid #d9d9d9; padding-bottom: .6rem; }
.join-content{ padding-top: 1rem; margin-top: 1.2rem; border-top: 1px solid #e7e7e7; }
.join-list{padding-top: .76rem;}
.join-item{ width: 32%; margin-left: 2%; text-align: center; font-weight: bold; height: 5.48rem; background: #f1f1f1; padding: 0 .64rem;padding-top: 1.16rem; }
.join-item:first-of-type{ margin-left: 0; }
.join-item .iconfont { font-size: inherit; margin-bottom: .32rem; font-weight: normal }
.join-link{ color: #999; margin-top: .68rem; font-weight: normal; }

/*2022-03-21 增加css*/
.example-item{ margin-bottom: .42rem; margin-top: 0; }
.pt-5{ padding-top: .5rem; }

.culture-list .culture-item { width: 32%; cursor: pointer; border-radius: 8px; font-weight: 600; font-size: .3rem; overflow: hidden;box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); margin-right: 2%; margin-bottom: .26rem; }
.culture-list .culture-item:nth-of-type(3n) { margin-right: 0; }
.culture-list .culture-item .culture-item-pic-box{ width: 100%; padding-bottom: 82%; position: relative; overflow: hidden; text-align: center; }
.culture-list .culture-item .culture-item-pic-box .icon-box{ width: 100%; transition: .3s all; opacity: 0; height: 100%; background: rgba(0,0,0, .2); position: absolute; color: #fff; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.culture-list .culture-item .culture-item-pic-box .pic{ min-height: 100%; min-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; }
.culture-list .culture-item .culture-item-text{ height: 2.1rem; position: relative; color: #333; line-height: 1.4; text-align: center; }
.culture-list .culture-item .culture-item-text .culture-item-text-txt{ max-height: 2.1rem; width: 100%; padding: .2rem .18rem; position: absolute; top: 50%; transform: translateY(-50%); }
.culture-list .culture-item .icon-box-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.culture-list .culture-item .culture-item-pic-box .iconfont{ font-size: .8rem; font-weight: normal; }
.culture-list .culture-item:hover .culture-item-pic-box .pic{ transform: translate(-50%, -50%) scale(1.1); }
.culture-list .culture-item:hover .culture-item-pic-box .icon-box{ opacity: 1; }

/*2022-03-21 结束*/

@media (max-width:1366px) {
  .example-pagination{ bottom: 0.6rem; }
  .society-item-wrap .society-item-msg{ padding: 0 35px; }
}
@media (max-width:1000px) {
  .society-three .society-item-wrap .society-item-msg, .society-three .society-item-wrap .society-item-img{ margin-top: .3rem; float: none; width: 100%; }
  .society-item-wrap{ padding-top: 0; }
  .society-three .society-item-wrap .society-item-msg{ margin: 0 auto;position: inherit;left: auto;right: auto;transform: translateY(0) }
  .society-three .society-item-wrap .society-item-msg .swiper-slide, .society-three .society-item-wrap .society-item-img .swiper-slide{ float: left!important; }
  .society-item-img>img{ height: 100%;width: auto;max-width: inherit; }
   .society-item-wrap .society-item-msg{ padding-top:0.5rem; }
}

@media (max-width: 500px) {
  .society-pagination{display: none;}
  .culture-list .culture-item .culture-item-pic-box .icon-box{ opacity: 1; }
    .culture-list .culture-item{ width: 100%; margin-right: 0;}
}
@media (max-width: 416px) {
  .example-list .example-item{ width: 100%; }
  .example-pagination .swiper-pagination-switch{ width: 8px; bottom: .2rem; height: 8px; }
  .example-list .back-item{ width: 100%; float: none; }
  .back-item .back-text-box{ padding: .4rem; }
  /* .com-description{ width: 90%; margin: 0 auto;} */
  .join-item{ width: 100%; margin-left: 0; margin-bottom: 15px; }
}
@media (max-width: 321px) {
  .back-item .back-text-box{ height: auto }
}