.location_bg {
    margin-bottom: 0;
}
.mainArticle {
    margin-top: 0;
}
.mainArticle a,
.busArticle .p{
    display: block;
    height: 3.2rem;
    position: relative;
}
.mainArticle img,
.busArticle .p img {
    position: absolute;
    width: 100%;
    height: 3.2rem;
}
.susArea_text p{
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    text-align: justify;
    line-height: .34rem;
    background-color: #fff;
    padding: .26rem .19rem;
}
/* 视频 */
.mainArticle.vid .video-box {
    position: relative;
}
.mainArticle.vid .picture a {
    height: 4.22rem;

}
.mainArticle.vid .picture a img {
    height: 100%;
    width: 100%;
}
.mainArticle.vid .video {
position: absolute;
width: 0.6rem;
height: 0.6rem;
top: 50%;
left: 50%;
margin: -0.3rem 0 0 -0.3rem;

}
.mainArticle.vid .video span {
    display: block;
    width: 0.6rem;
height: 0.6rem;
    background: url(//img2.pingan.com/app_series/pingancn/assets/js/vendors/mediaelement/ic_play.png) no-repeat;
background-size: 100%;
}
.mainArticle.vid  .susArea_text p.titlea {
    display: block;
    font-size: 0.26rem;
color: #EA5306;
line-height: 0.38rem;
font-weight: bold;

}
.mainArticle.vid span.btn_play.fade {
display: none;
}
.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;  
    width: 100%;
    height: 4.22rem;
}
.banner-video.curr {
    display: block;
}
.banner-video {
    display: none;
    position: absolute;
    left: 0;
    width: 6.4rem;
    height: 4.22rem;
    z-index: 1
  }
  
  .banner-video video {
    width: 100%;
    height: 100%
  }
  
  .banner-video object,
  .banner-video img {
    width: 6.4rem;
    height: 4.22rem
  }
  
  .banner-video.curr {
    display: block
  }
  
  .banner-video .mejs-container {
    width: 6.4rem!important
  }
  
  .banner-video .mejs-layers,
  .banner-video .mejs-clear,
  .banner-video .mejs-mediaelement,
  .banner-video .mejs-inner {
    width: 6.4rem;
    z-index: 1
  }
  
  .banner-video .mejs-controls {
    bottom: 0;
    width: 6.4rem;
    z-index: 1
  }
  
  .banner-video .mejs-controls .mejs-button {
    width: .5rem;
    height: .3rem
  }
  
  .banner-video .mejs-controls .mejs-playpause-button button {
    left: .25rem
  }
  
  .banner-video .mejs-controls .mejs-time-rail {
    width: 4.66rem;
    z-index: 1
  }
  
  .banner-video .mejs-mediaelement,
  .banner-video .mejs-video,
  .banner-video .mejs-layers,
  .banner-video .mejs-poster,
  .banner-video .mejs-overlay {
    height: 4.22rem!important;
    z-index: 1
  }
  
  .banner-video .mejs-overlay-loading,
  .banner-video .mejs-overlay-button {
    top: 1.9rem;
    left: 3.3rem
  }
  

/* 二级页面和三节页面的banner上的标题 */
.managementArea .title {
    position: absolute;
    font-family: PingFangSC-Semibold;
    font-size: .36rem;
    color: #FFFFFF;
    line-height: .49rem;
    padding: .26rem .19rem;
    background-color: #EA5303;
    opacity: 0.65;
    z-index: 2;
    left: 0;
    top: 50%;
    height: 1.02rem;
    margin-top: -0.51rem;
    font-weight: 600;
}
/* 底部距离 */
.mainWrapper.bottom-30 {
    padding-bottom: .26rem;
}
.mainWrapper.bottom-40 {
    padding-bottom: .34rem;
}

/* communityandervirment.shtml */
.suoArticle,
.suaArticle,
.comtArticle,
.busArticle {
    margin-top: .17rem;
    padding: .26rem .19rem;
    background-color: #fff;
}
.sugArticle .mainArea .title,
.comsArticle .mainArea .title,
.suaArticle .mainArea .title,
.comtArticle .mainArea .title,
.busArticle .mainArea .title {
    font-family: PingFangSC-Semibold;
    font-size: .36rem;
    line-height: .5rem;
    font-weight: 600;
}
.sugArticle .mainArea .content,
.comsArticle .mainArea .content,
.suaArticle .mainArea .content ,
.comtArticle .mainArea .content,
.busArticle .mainArea .content {
    margin-top: .17rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    text-align: justify;
    line-height: .34rem;
}
.comtArticle .contentArea {
    border-radius: .14rem;
    margin-top: .26rem;
    box-shadow: 0 .02rem .17rem 0 #DDDDDD;
}
.sugArticle .contentArea_text,
.comtArticle .contentArea_text {
    padding: .26rem .17rem;
}
.comtArticle .contentArea .pic2 {
    width: 100%;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
}
.sugArticle .contentArea .title,
.comtArticle .contentArea .title,
.busArticle .contentArea .title {
    font-family: PingFangSC-Semibold;
font-size: .27rem;
line-height: .35rem;
font-weight: 600;
}
.comtArticle .contentArea .content,
.busArticle .contentArea .content {
    margin-top: .24rem;
    font-family: PingFangSC-Regular;
font-size: .22rem;
text-align: justify;
line-height: .34rem;
}
.comtArticle .contentArea .list {
    font-family: PingFangSC-Regular;
font-size: .22rem;
text-align: justify;
line-height: .31rem;
}
.comtArticle .contentArea .list span {
    font-family: PingFangSC-Medium;
    color: #001F1E;
}
.comtArticle .contentArea  .box_one img{
    width: 1.19rem;
    height: 1.19rem;
}
.sugArticle .download,
.comtArticle .download,
.busArticle .download {
    display: inline-block;
    width: 100%;
    margin-top: .26rem;
    vertical-align: middle;
    margin-bottom: .17rem;
} 
.busArticle .download.dd {
    margin-top: .09rem;
}

.sugArticle .download img,
.comtArticle .download img,
.busArticle .download img {
    width: .51rem;
    height: .51rem;
    margin-right: .15rem; 
    float: left;
    vertical-align: middle;
}
.sugArticle .contentArea .policy,
.comtArticle .download .policy,
.busArticle .download .policy {
    float: right;
    width: 5.3rem;
    height: .51rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #F1622F;
    text-align: justify;
    line-height: .51rem;
}
.comtArticle .pic1 {
    width: 100%;
    margin-top: .17rem;
}
.bordershadow {
    border-radius: .14rem;
    box-shadow: 0 .02rem .17rem 0 #DDDDDD;
}
/* businessintegration.shtml */
/* 左图右文字 */
.sugArticle {
    margin-top: .17rem;
    padding: .26rem .19rem;
    background-color: #fff;
}
.sugArticle .contentArea{
    margin-top: .34rem;
}
.sugArticle .contentArea li,
.busArticle .contentArea li {
    display: inline-block;
    box-shadow: 0 0.02rem 0.17rem 0 #DDDDDD;
    border-radius: .14rem;
}
.sugArticle .contentArea .left,
.busArticle .contentArea .left,
.comtArticle .contentArea .left{
    float: left;
    width: 1.54rem;
   padding: .17rem;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
.sugArticle .contentArea .left img {
    width: 100%;
    height: 100%;
}
.sugArticle .contentArea .right,
.busArticle .contentArea .right,
.comtArticle .contentArea .right {
    float: right;
    width: 4.48rem;
    padding: .26rem .26rem .26rem 0;
}
.sugArticle .contentArea .right .content,
.busArticle .contentArea .right .content，
.comtArticle .contentArea .right .content {
    margin-top: .17rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    text-align: justify;
    line-height: .34rem;
}
.sugArticle .contentArea .right .title,
.busArticle .contentArea .right .title,
.comtArticle .contentArea .right .title {
    white-space: nowrap;
    font-family: PingFangSC-Semibold;
    font-size: .27rem;
    line-height: .35rem;
}

.managementArea {
    width: 100%;
}

.contentArea.coal .box_two {
    width:5.6rem;
    margin: 0 auto;
    padding: 0.2rem;
    background: #F6F6F6;
border-radius: 0.08rem;
margin-bottom: 0.2rem;
font-size:0.26rem;
color: #4C4948;
}
.contentArea.coal .box_two .title {
    font-size: 0.24rem;
color: #4C4948;
}
.contentArea.coal .box_two .content {
    margin-top: 0.1rem;
}


/* index.shtml */
.susArea .title {
    position: absolute;
    font-family: PingFangSC-Semibold;
    font-size: .46rem;
    color: #EA5306;
    line-height: 0.64rem;
    left: 50%;
    top: 50%;
    margin-left: -1.2rem;
    margin-top: -0.32rem;
    width: 2.4rem;
    height: .64rem;
    text-align: center;
    font-weight: 600;
 
}
.linkArticle {
    margin-top: 0.17rem;
}

.linkArticle .mainArea {
    background-color: #fff;
    height: 4.27rem;   
   
}
.mainArea .left {
    float: left;
    
}
.mainArea .right { 
    float: right;
    }
.mainArea .pic {
    width:50%;
    height: 100%;
    position: relative;
}
.mainArea .pic img {
    width:100%;
    height: 100%;  
    position: absolute;
}
.mainArea .left .arrow {
    width: 0.17rem;
    height: 0.26rem;
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/arrow02_en.png) no-repeat center/cover;
    position: absolute;
    right: 0;
    top: .31rem;
}
.mainArea .pic img {
    width: 100%;
    height: 100%;
} 

.linkArticle .mainArea_text {
    width: 50%;
    height: 100%;   
    font-family: PingFangSC-Regular;
    padding: 0.26rem 0.17rem;
    position: relative;
}
.linkArticle .mainArea_text .title {
    position: absolute;
font-family: PingFangSC-Semibold;
font-size: .27rem;
 color: #EA5306;
 line-height: 0.35rem;
 font-weight: 600;
}
.linkArticle .mainArea_text .content {
    position: absolute;
    font-family: PingFangSC-Regular;
    top: .92rem;
    font-size: .24rem;
    line-height: .34rem;
} 
.linkArticle .mainArea_text .more {
    position: absolute;
 font-size: 0.24rem;
 color: #EA5306;
 line-height: 0.32rem;
 bottom: .51rem;

} 
.mainArea .right .arrow {
    width: .17rem;
    height: .26rem;
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/arrow01_en.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    top: .31rem;
}
.mainArea .box-left {
    float: left;
    width: 49.3%;
    height: 4.27rem;
    padding: 0.26rem 0.17rem;
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/news01_en.png) no-repeat center/cover;
    position: relative;
}
.mainArea .box-left:after,.mainArea .top:after,.mainArea .bottom:after {
position: absolute;
top: 0;
left: 0;
content: "";
background-color: #EA5303;
opacity: 0.65;
z-index: 1;
width: 100%;
height: 100%;
}
.mainArea .top,.mainArea .bottom {
    float: right;
    width: 49.3%;
    height: 2.09rem;
    position: relative;
    padding: 0.26rem 0.17rem;
}
.mainArea .top { 
    margin-bottom: 0.09rem;
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/news02_en.png) no-repeat center/cover;
}
.mainArea .bottom {
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/news03_en.png) no-repeat center/cover;

}
.mainArea .top:after,
.mainArea .bottom:after {
background-color: #000;
opacity: 0.3;
}
.mainArea .box-left .title,
.mainArea .top .title,
.mainArea .bottom .title {
    color: #FFFFFF ;
    font-family: PingFangSC-Semibold;
    position: absolute;
    z-index: 2;
    font-size: .36rem;
    line-height: .46rem;
}
.mainArea .box-left .more {
color: #FFFFFF;
position: absolute;
z-index: 2;
bottom: .34rem;
font-family: PingFangSC-Regular;
font-size: .24rem;
line-height: .32rem;

}
.mainArea .top .title,
.mainArea .bottom .title {
    font-family: PingFangSC-Semibold;
font-size: .27rem;
line-height: .35rem;
}
/* .linkArticle.last {
    margin-bottom: .06rem;
} */
/* management.shtml */
.subArticle {
padding: 0.26rem 0.17rem 0;
}
.subArticle .mainArea {
    border-radius: .14rem;
    background-color: #FFFFFF;

}
.subArticle img {
    width: 6.06rem;
    height: 3.03rem;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
}
.subArticle .mainArea_text {
    width: 100%;
    padding: 0.26rem 0.17rem;
}
.subArticle .mainArea_text .title {
    font-family: PingFangSC-Semibold;
font-size: .27rem;
color: #EA5306;
line-height: .38rem;
font-weight: 600;
}
.subArticle .mainArea_text .content {
    margin-top: 21px;
    font-family: PingFangSC-Regular;
font-size: .24rem;
text-align: justify;
line-height: .34rem;
}
.subArticle .mainArea_text .more {
    display: block;
    width: 100%;
    height: .6rem;
    margin-top: .26rem;
    border: .01rem solid #EA5306;
border-radius: .03rem;
color: #EA5306;
text-align: center;
line-height: .6rem;
font-size: .24rem;
}
/* coretopics.shtml */
.tab {
    width: 100%;
    height: 1.28rem;
    background-color: #fff;
    padding: .09rem .56rem 0 .56rem;
    margin-bottom: .17rem;
}
.tab li {
    float: left;
    text-align: center;
    height: 1.28rem;
    line-height: .39rem;

}
.tab .first,.tab .second {
    margin-right: 1rem;
}
.tab li a {
    text-align: center;
    display: block;
    height: 1.08rem;
}
.tab .first a {
    width: .82rem;
}
.tab .second a {
    width: 1.43rem;
}
.tab .third a {
    width: 1.02rem;
}
.tab .icon01,.tab .icon02,.tab .icon03{
    margin: 0 auto;
    width: .75rem;
    height: .75rem;
}
.tab .icon01 {
    background: url(http://img2.pingan.com/app_series/pingancn/m/assets/img/sustainability/cag02_zh.png) no-repeat center/cover;
}
.tab .active .icon01 {
    background: url(http://img2.pingan.com/app_series/pingancn/m/assets/img/sustainability/cag01_zh.png)no-repeat center/cover;
}
.tab .icon02 {
    background: url(http://img2.pingan.com/app_series/pingancn/m/assets/img/sustainability/sb02_zh.png) no-repeat center/cover;
}
.tab .active .icon02 {
    background: url(http://img2.pingan.com/app_series/pingancn/m/assets/img/sustainability/sb01_zh.png) no-repeat center/cover;
}
.tab .icon03 {
    background: url(http://img2.pingan.com/app_series/pingancn/m/assets/img/sustainability/cae02_zh.png) no-repeat center/cover;
}
.tab .active .icon03 {
    background: url(http://img2.pingan.com/app_series/pingancn/m/assets/img/sustainability/cae01_zh.png) no-repeat center/cover;
}
.tab li a p {
    margin-top: .04rem;
    font-family: PingFangSC-Regular;
font-size: .2rem;
color: #999999;
text-align: center;
}
.tab li.active a p {
    color: #EA5306;

}
.tab li  span {
    display: block;
    width: 100%;
    height: .03rem;
    color: #999999;
    margin-top: .12rem;
}
.tab li.active  span {
    background: #EA5306;
}
/* 
.tab .second {
    margin: .17rem auto;
}
li.selected {
    background: #EA5A26;
}
.tab li.selected a {
    color: #fff;
} */
/* commitment.shtml */

.suaArticle .mainArea img {
    width: 100%;
    margin: .26rem 0 .34rem 0;
}
.suaArticle .mainArea .pic-tit {
font-family: PingFangSC-Semibold;
font-size: .24rem;
text-align: center;
line-height: .35rem;
margin-bottom: .09rem;
}
.listArticle .mainArea{
  padding: 0 .17rem;
  background-color: #fff;
  margin-bottom: -0.17rem;
}
.listArticle .mainArea .list li {
    display: inline-block;
    margin-bottom: .2rem;
    /* height: 2.88rem; */
    background: #FFFFFF;
box-shadow: 0 .02rem .17rem 0 #DDDDDD;
border-radius: .14rem;
}
.listArticle .mainArea .list .last {
    margin-bottom: .26rem;
}
.listArticle .list .left {
    width: 1.54rem;
    padding: .17rem;
}
.listArticle .list .left img {
    width: 1.19rem;
    height: 1.19rem;
}
.listArticle .list .right {
    width: 4.52rem;
    padding: .26rem .26rem .26rem 0;
}
.listArticle .list .right .title{
    font-family: PingFangSC-Semibold;
    font-size: .27rem;
    line-height: .38rem;
    font-weight: 600;
}
.listArticle .list .right .content {
    margin-top: .17rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    text-align: justify;
    line-height: .34rem;
}
/* orgstrusture.shtml */

.suoArticle .content {
    font-family: PingFangSC-Regular;
font-size: .24rem;
text-align: justify;
line-height: .34rem;

}
.suoArticle .title {
    margin: 0.26rem 0 0.17rem 0;
    font-family: PingFangSC-Semibold;
font-size: .26rem;
line-height: .35rem;
font-weight: 600;
}
.suoArticle .content.last {
    margin: .17rem 0 .26rem 0;
}
.suoArticle .pic1 {
    width: 100%;
}
.mainWrapper.bottom0 {
    padding-bottom: 0;
}
/* govemance.shtml */

.sugArticle .contentArea {
    margin-top: .34rem;
}
.sugArticle .contentArea li {
    display: inline-block;
    box-shadow: 0 0.02rem 0.17rem 0 #DDDDDD;
    border-radius: .14rem;
}
.sugArticle .contentArea .contentArea_text .content {
    margin-top: .17rem;
    font-family: PingFangSC-Regular;
font-size: .24rem;
text-align: justify;
line-height: .34rem;
}
.sugArticle .contentArea .pic {
    margin-top: .09rem;
    padding: .34rem 0;
    height: 2.05rem;
    text-align: center;
    background-image: linear-gradient(-180deg, #FD8459 0%, #F1612E 100%);
    border-bottom-right-radius: 0.14rem;
    border-bottom-left-radius: 0.14rem;
}
.sugArticle .contentArea .pic img {
    width: 1.37rem;
    height: 1.37rem;
}
.sugArticle .contentArea li.left img {
    width: 1.19rem;
    height: 1.19rem;
}
.sugArticle .look {
    font-family: PingFangSC-Regular;
font-size: .23rem;
color: #F1622F;
}

.comsArticle {
    margin: .17rem 0 .09rem 0;
    padding: .26rem .19rem;
    background-color: #fff;
}

.comsArticle .mainArea .pic1{
    width: 100%;
    margin: .26rem 0 .09rem 0;
    box-shadow: 0 .02rem .17rem 0 #DDDDDD;
}
.comsArticle.last {
    margin-bottom: 0;
}

#sancun .content {
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    color: #F1622F;
    margin-top: 0;
}
#sancun{
    background-color: #EFEFF4;  
    margin-top: 0; 
}
/* businessintegration.shtml */

.busArticle .contentArea { 
    margin-top: .26rem;
}
#baoxian .contentArea {
padding: .26rem .17rem;
box-shadow: 0 .02rem .17rem 0 #DDDDDD;
}
.busArticle .contentArea .pic2 {
    width: 100%;
    margin-top: .26rem;
}
.busArticle .mainArea .pic1{
    width: 100%;
    margin-top: .09rem;
}
.busArticle .left img {
    width: 1.19rem;
    height: 1.19rem;
}
.busArticle .busArticle .contentArea_text{
    padding: .26rem 0;
    box-shadow: 0 .02rem .17rem 0 #DDDDDD;
}
.busArticle .download.top-0 {
    margin-top: 0;
    padding: 0 .19rem;
}

.busArticle .contentArea .list li{
    box-shadow: 0 .02rem .17rem 0 #DDDDDD;
padding: .26rem .17rem;
}
.busArticle .contentArea .list .title {
    font-family: PingFangSC-Semibold;
font-size: .26rem;
line-height: .35rem;
}
.busArticle .contentArea .list .content {
    margin-top: .17rem;
    font-family: PingFangSC-Regular;
    font-size: .22rem;
    text-align: justify;
    line-height: .31rem;
}
.busArticle.banner  {
    padding: 0 0 .26rem 0;
}
.busArticle.banner .susArea_text {
   padding-top: 0.26rem;
}
#lian .susArea_text p {
    margin-bottom: .17rem;
    padding: 0 .19rem;
}
/* reports.css */
.repaArticle {
    background-color: #fff;
    height: 4.61rem;
    margin-top: .17rem;
}
.repaArticle .text {
    width: 4.27rem;
    padding: .26rem 0.1rem .26rem .19rem;
    position: relative;
}
.repaArticle .pic {
    position: relative;
    width: 2.13rem;
}
.repaArticle .left { 
    height: 100%;
    float: left;
}
.repaArticle .right {
    float: right;
    height: 100%;
}
.repaArticle .text .title {
    font-family: PingFangSC-Semibold;
    font-size: .27rem;
    line-height: .38rem;
    font-weight: 600;
}
.repaArticle .text .content {
    height: 3.4rem;
    margin-top: .36rem;
    text-align: justify;
}
.repaArticle .text .page li{
    margin-bottom: .26rem;
    line-height: .34rem;
    font-family: PingFangSC-Regular;
    
}
.mui-slider .mui-slider-group .mui-slider-item li {
    font-size: .24rem;
}
.repaArticle .text .page li a {
    display: block;
    width: 100%;
}
.repaArticle .text .dotto {
    width: 100% ;
    height: .07rem;
    position: absolute;
    bottom: .22rem;
    text-align: center;
}
.repaArticle .text .dotto .mui-indicator {
    /* position: absolute; */
    background: #D8D8D8;
    border-radius: .04rem;
    width: .14rem;
    height: .07rem;
    margin: 0 .05rem;
    box-shadow: none;
}
.repaArticle .text .dotto li.last {
    margin-right: 0;
}
.repaArticle .text .dotto .mui-active {
    background-color: #EA5306;
}
/* 图片部分 */
.repaArticle .pic img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.repaArticle .arrow {
    position: absolute;
    width: 0.17rem;
    height: 0.26rem;
    top: .31rem;
}
.repaArticle .right .arrow {
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/arrow01_en.png) no-repeat center/cover;
    left: 0;
}
.repaArticle .left .arrow {
    background: url(http://img2.pingan.com/app_series/pingancn/m/en/assets/img/sustainability/arrow02_en.png) no-repeat center/cover;
    right: 0;
    top: .31rem;
}
.repaArticle .right .time {
    position: absolute;
    width: 1.41rem;
    height: 2.7rem;
    top: 1rem;
    left: 0;
}
.repaArticle .left .time {
    position: absolute;
    width: 1.41rem;
    height: 2.7rem;
    top: 1rem;
    right: 0;
}
.repaArticle .time li {
    margin-bottom: .26rem;
    width: 100%;
    height: .36rem;
    line-height: 0.36rem;
    color: #FFF;
    background-color: #000;
    opacity: 0.5;
    font-family: PingFangSC-Regular;
    font-size: .2rem;
}
.repaArticle .right .time li {
padding-left: .09rem;
border-top-right-radius:.18rem; 
border-bottom-right-radius:.18rem; 
}
.repaArticle .left .time li {
    text-align: right;
padding-right: .09rem;
border-top-left-radius:.18rem; 
border-bottom-left-radius:.18rem; 
}
.repaArticle .pic .time li.last {
    margin-bottom: 0;
}
/* news.shtml */
.hide {
    display: none;
}