.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(/uploads/image/iapajvmediaelement/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;
}
.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 {
    float: left;
    width: 1.54rem;
   padding: .17rem;
}
.sugarticle .contentarea .left img {
    width: 100%;
    height: 100%;
}
.sugarticle .contentarea .right,
.busarticle .contentarea .right {
    float: right;
    width: 4.48rem;
    padding: .26rem .26rem .26rem 0;
}
.sugarticle .contentarea .right .content,
.busarticle .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 {
    white-space: nowrap;
    font-family: pingfangsc-semibold;
    font-size: .27rem;
    line-height: .35rem;
}

.managementarea {
    width: 100%;
}





/* 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(/uploads/image/iapmeaisustainability/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(/uploads/image/iapmeaisustainability/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(/uploads/image/iapmeaisustainability/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(/uploads/image/iapmeaisustainability/news02_en.png) no-repeat center/cover;
}
.mainarea .bottom {
    background: url(/uploads/image/iapmeaisustainability/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(/uploads/image/iapmaisustainability/cag02_zh.png) no-repeat center/cover;
}
.tab .active .icon01 {
    background: url(/uploads/image/iapmaisustainability/cag01_zh.png)no-repeat center/cover;
}
.tab .icon02 {
    background: url(/uploads/image/iapmaisustainability/sb02_zh.png) no-repeat center/cover;
}
.tab .active .icon02 {
    background: url(/uploads/image/iapmaisustainability/sb01_zh.png) no-repeat center/cover;
}
.tab .icon03 {
    background: url(/uploads/image/iapmaisustainability/cae02_zh.png) no-repeat center/cover;
}
.tab .active .icon03 {
    background: url(/uploads/image/iapmaisustainability/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(/uploads/image/iapmeaisustainability/arrow01_en.png) no-repeat center/cover;
    left: 0;
}
.repaarticle .left .arrow {
    background: url(/uploads/image/iapmeaisustainability/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;
}