#banner .swiper-container{width:100%;}
#banner .swiper-pagination{width:3.5rem;height:0.75rem;left:50%;transform: translateX(-50%);bottom: 1rem;/*background:rgba(0,0,0,0.3);*/border-radius:0.375rem;}
#banner .swiper-pagination-bullet{background:#fff;opacity:1;width:0.225rem;height:0.225rem;margin:0 0.4375rem!important;position:relative;}
#banner .swiper-pagination-bullet-active{background:#0e1eb6;}
#banner .swiper-pagination-bullet::before{display:block;content:'';width:0.975rem;height:0.2rem;background:url(/uiFramework/commonResource/image/2023082213413135892.png) no-repeat center center;background-size:100% auto;cursor:default;position:absolute;left:-0.93rem;top:0;z-index:-1;}
#banner .swiper-pagination-bullet:first-child::before{display:none;}

.login{top:3.5rem;position: absolute;z-index:3;width:100%;/*left: 50%;transform: translateX(-50%);*/}
.loginList{background: rgba(255,255,255,0.22);box-shadow: 0rem -0.125rem .625rem 0rem rgba(119, 119, 119, 0.23);border-radius: .125rem;width: 5.2rem;height: 4.7rem;padding: 0.2rem 0.5rem;}
.loginList li{margin-top: .27rem;border-radius: .125rem;background: rgba(255,255,255,0.6);width: 100%;text-align: left;padding-left: .2rem;}
.loginList li.active{background: #0927af;}
.loginList li a{display: block;width: 100%; padding:0.17rem 0;}
.loginList li img{width: .34rem;vertical-align: middle;margin-bottom: 0.05rem;}
.loginList li .hover{display:none;}
.loginList li:hover .hover{display:inline-block;}
.loginList li:hover .leave{display:none;}
.loginList li span{color: #0a28af;font-size: .2rem;margin-left: .1rem;font-weight:700;}
.loginList li.active span{color: #fff;}
.loginList li:hover{background: #0927af;}
.loginList li:hover span{color: #fff;}

.notice{position:absolute;left:0;bottom:0.55rem;width:100%;z-index:30;}
.notice .eps-dn{top:30px !important;}

.gonggaoBox{background:rgba(0,0,0,.5);padding:0.15rem 0.25rem;border-radius:0.575rem;}
.gonggaoBox .left{width:0.5rem;border-right:0.0125rem solid #fff;}
.gonggaoBox .left i{display:inline-block;width:0.25rem;height:0.25rem;background:url(/uiFramework/commonResource/image/2023101210125436933.png) no-repeat center center;background-size: 100%;}

.gonggaoBox .gongGao{width:16rem;margin-left:0.225rem;overflow:hidden;}
.gonggaoBox .more{width:1.6rem;border-left:0.0125rem solid #fff;vertical-align:middle;}
.gonggaoBox .more a{display:block;font-size:0.2rem;color:#fff;text-align:right;line-height:0.25rem;}
.gonggaoBox .more a i{font-style:normal;vertical-align:middle;margin-left: 0.07rem;}



.gonggaoBox .tempWrap{width:100%;overflow:hidden;}
.gonggaoBox .infoList{height:auto;overflow:hidden;width:99999px;}
.gonggaoBox .li{display:inline-block;font-size:0;margin-right:0.7rem;}
.gonggaoBox .li a,
.gonggaoBox .li span{display:inline-block;font-size:0.2rem;color:#fff;line-height:0.25rem;vertical-align:middle;}
.gonggaoBox .li span{margin-left:0.25rem;}
.gonggaoBox .li a{max-width:80%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.gonggaoBox .li a i{font-style:normal;display:inline-block;margin-right:3px;}




.gonggaoBox.col .gongGao{display:none;}
.gonggaoBox.col .left{border-right:none;}
.gonggaoBox.col{width:2.8rem;}


/* about */
.about{background: url(/uiFramework/commonResource/zip/enImg/enImg/earth.png) no-repeat;background-size: 100% 100%;height: 11.8125rem;padding-top: 1rem;}
.about h6{color: #181f5e;font-size: .35rem;letter-spacing: .75rem;text-align: center;padding-left: 0.7rem;font-weight: 400;margin-bottom:0.3rem;}
.about h5{color: #181f5e;font-size: 1.1rem;letter-spacing: .1rem;text-align: center;font-weight: 400;}
.about .inNew{position: relative;}
.about .inNew p{width: 10.9375rem;margin: 0 auto;text-align: center;margin-top: -0.6rem;line-height: .6rem;font-size: .3rem;color: #333;}
.about .inNew p a{line-height: .6rem;font-size: .3rem;color: #333;}
.about .inNew img.you{position: absolute;right: 0;}
.about .more{margin: 0rem auto;text-align:center;margin-top: 0.6rem;}
.about .more a{color: #213b8e;font-size: .3rem;line-height:0.4rem;}
.about .more a:hover{border-bottom: 2px solid #8491bb;}
.about .more a i{font-style: normal;vertical-align: text-top;margin-left: 0.07rem;}

/* business */
.business{background: url(/uiFramework/commonResource/zip/enImg/enImg/buiness.png) no-repeat;background-size:cover;height: 7rem;padding-top: 1.6rem;margin-top: -4.35rem;position: relative;z-index: 0;}
.business h3{color: #ffffff;line-height: .45rem;font-size: .75rem;font-weight: 400;text-align: center;}
.business h2{text-align: center;background:#fff;width: .4375rem;height: .0625rem;display: block;margin: 0 auto;margin-top: .7rem;}
.business p{color: #ffffff;font-size: .3rem;line-height: .45rem;padding: 0 2rem;text-align: center;margin-top: 0.4rem;}
.business_p p:nth-of-type(2){display:none;}
.business_p table{display:none;}
.business_p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;}
.business .more{text-align: center;margin-top: .5rem;}
.business a{width: 1.75rem; color: #ffffff;font-size: .25rem;line-height:0.34rem;}
.business a:hover{border-bottom: 1px solid #fff;}
.business a i{font-style: normal;vertical-align: text-top;margin-left: 0.07rem;}

/* esg */
.esg{background-color: #fff5dc;padding-bottom: 1rem;margin-top: -3.5rem;padding-top: 5.3rem;}
.esgIn{margin-top: 0rem;}
.esgIn h1{font-size: .75rem;letter-spacing: 3px;color: #181f5e;margin-left: 0.5rem;position: relative;transform: translateY(-0.8125rem);font-weight: 400;}
.esgIn h1::after{content: '';position: absolute;display: block;height: 1.625rem;border-left: 2px solid #181f5e;left: 0.73rem;}
.esgIn .fl{width: 14rem;position: relative;box-shadow: .1125rem -0.2625rem 1.0125rem 0rem rgba(0, 0, 0, 0.16);z-index: 1;}
.esgIn .fl .more{position: absolute;color: #ffffff;font-size: 0.25rem;right: .4375rem;bottom: 1.5rem;border-bottom: 1px solid transparent;line-height:0.34rem;}
.esgIn .fl .more:hover{border-bottom: 1px solid #fff;}
.esgIn .fl .more i{font-style: normal;vertical-align: text-top;margin-left: 0.07rem;}
.esgIn .imgBox{position: relative;}
.esgIn .imgBox img{width: 100%;height:7.5rem;object-fit: cover;}
.esgIn .imgBox p{color: #ffffff;background-color: #f8cb61;padding: .325rem .5625rem;position: absolute;left: 0;bottom: 0;right:0;}
.esgIn .imgBox p a{color: #fff;font-size: .3rem;line-height: .525rem;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.esgIn .fr{width: 4.96rem;height:7.2rem;background-color: #fff;padding: .625rem .375rem;position: relative;margin-top: -0.5rem;    box-shadow: 0.1125rem -0.2625rem 1.0125rem 0rem rgb(0 0 0 / 16%);}
.esgIn .fr h3{color: #181f5e;font-size: .42rem;text-align: justify;margin-bottom:.25rem;}
.esgIn .reportList li{margin-top: .4rem;}
.esgIn .reportList span{display: inline-block;width: .1rem;height: .1rem;background-color: #070c2b;border-radius: 50%;position: absolute;top: .19rem;left: 0;}
.esgIn .reportList p{color: #95989f;line-height: .5rem;font-size: .225rem;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-left: 0.3rem;position: relative;}
.esgIn .fr .more{color: #0a27a9;font-size: .25rem;vertical-align: middle;position: absolute;right: 0.6rem;bottom: 0.7rem;border-bottom: 1px solid #fff;line-height:0.34rem;}
.esgIn .fr .more:hover{border-bottom: 1px solid #0a27a9;}
.esgIn .fr .more i{font-style: normal;vertical-align: text-top;margin-left: 0.07rem;}

/* history */
.history{position: relative;margin-bottom:1.3rem;}
.history .comWidth{position: relative;}
.history h1{position: absolute;font-size: 4rem;color: #f7f7f7;font-weight: 400;z-index: -1;left: 1rem;right: 1rem;top: 0.8rem;font-family: 'Microsoft Yahei','SimHei','SimSun';}
.history h1 em{font-weight: 700;font-size: 4.4rem;color: #f7f7f7;}
.history h3{color: #181f5e;font-size: .75rem;text-align: center;margin-top: 1rem;margin-bottom:0.6rem;font-weight: 400;}
.history .swiper-container{width: 86%;margin: 0 auto;padding: 0 0rem;}
.history .swiper-slide::before{content: '';display: block;position: absolute;width: 1.7rem;border-top: 1px dashed #dedede;left: -23%;top: 0.38rem;}
.history .swiper-slide{text-align: center;color: #f8cb61;font-size: .6rem;font-weight: 400;cursor: pointer;}
.history .swiper-slide.active{color: #213b8e;}
.history .swiper-slide.active::after{content: '';display: block;width: 2px;height: .5rem;background-color: #181f5e;margin-left: 50%;margin-top: 4px;}
.history .swiper-button-prev{background: url(/uiFramework/commonResource/zip/enImg/enImg/left.png) no-repeat;margin-top: 0;top: 0.26rem;height: .25rem;width: .3rem;background-size: 100% 100%;}
.history .swiper-button-next{background: url(/uiFramework/commonResource/zip/enImg/enImg/right.png) no-repeat;margin-top: 0;top: 0.26rem;height: .25rem;width: .3rem;background-size: 100% 100%;}
.history .swiper-slide p{display:none;}
.history p{color: #666666;line-height: .675rem;font-size: .3rem;width: 70%;margin: 0 auto;text-align: justify;margin-top: 0rem;text-align: center;}
.history .more{text-align: center;margin-top: .625rem;}
.history .more a{color: #213b8e;font-size: .3rem;line-height:0.4rem;}
.history .more a:hover{border-bottom: 1px solid #213b8e;}
.history .more a i{font-style: normal;vertical-align: text-top;margin-left: 0.07rem;}
.history .eps-shadow{top:0 !important;}


@media(max-width:1400px){
.gonggaoBox .gongGao{width:15rem;}
.gonggaoBox li{}
.gonggaoBox .left i{background-size: 0.26rem;}
.gonggaoBox .more{width:1.8rem;}
.loginList{width:5.7rem;}

}

@media(max-width:1200px){
  .navgationDiv{display:none;}
  .eps-design-mode-toolbar-container{display:none;}
  .comWidth{width:90%;}
  .inWidth{width:90%;}
  .loginList{width: 6.5rem;}
  .esgIn .fl{width:70%;}
  .esgIn .fr{width:30%;}
  .gonggaoBox .more{width:2.4rem;}
}

@media(max-width:992px){
  .loginList{width:7rem;}
}

@media (max-width:768px){
  .comWidth{width:90%;}
  .banner{height:auto;padding:0rem;}
  .banner img{height:6.5rem;}
  #banner .swiper-pagination{bottom:5px;}
  .banner img{height: 5rem;object-fit: cover;}
  .notice{bottom:0.2rem;}
  #banner .swiper-pagination{bottom:0.7rem;}
  .login{margin-top:0.5rem;display:none;}
  .loginList{position: absolute;left: 50%;transform: translateX(-50%);}







.about{height:auto;padding-bottom: 30px;padding-top:30px;}
.about h6{font-size:14px;margin-bottom:10px;letter-spacing: 20px;padding-left: 12px;}
.about h5{font-size:22px;}
.about .inNew p{width:auto;margin-top:0;font-size:14px;line-height:20px;}
.about .inNew p a{font-size:0.36rem;}
.inNew img{width:0.8rem;}
.about .more{margin-top:20px;}
.about .more a{font-size:14px;line-height: 16px;}
.about .more a i{vertical-align: middle;}




.bus{margin-bottom:-100px;}
.business{margin-top:0;padding-top:30px;height:5.8rem;background-size:cover;}
.business h3{font-size:22px;}
.business h2{margin-top:0.3rem;}
.business p{margin-top: 10px;padding: 0 0.4rem;font-size:14px;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.business .more a{font-size:14px;line-height: 17px;}

.esg{margin-top:0;padding-top:140px;padding-bottom:30px;}
.esgIn h1{margin-left:0.5rem;transform: translateY(-0.5rem);font-size:22px;}
.esgIn .fl,.esgIn .fr{float:none;width:100%;}
.esgIn .fl .more{font-size:14px;line-height:17px;bottom:55px;}
.esgIn .imgBox p{padding: 0 10px;}
.esgIn .imgBox p a {font-size:14px;line-height:35px;}
.esgIn .fr h3{font-size:22px;}
.esgIn .fr{margin-top:30px;padding:20px;}
.esgIn .reportList li{margin-top:14px;}
.esgIn .reportList p{font-size:14px;}
.esgIn .fr .more{font-size:14px;line-height:17px;}

.history{margin-bottom:30px;}
.history .swiper-slide{font-size:22px;}
.history h3{margin-top:30px;margin-bottom: 20px;}
.history h1{font-size:60px;}
.history h1 em{font-size:1.5rem;}
.history .swiper-container{padding:0;}
.history p{width:90%;font-size:14px;line-height: 20px;}
.history .more{margin-top:20px;}
.history .more a{font-size:14px;line-height:17px;}


.gonggaoBox .left{width:30px;}
.gonggaoBox .left i{width:16px;height:16px;background-size:14px auto;}
.gonggaoBox .gongGao{width:calc(100% - 165px);height:16px;}
.gonggaoBox .more{width:100px;}
.gonggaoBox .li a{max-width:none;}

.gonggaoBox .more a,
.gonggaoBox .li a,
.gonggaoBox .li span{font-size:14px;line-height:16px;vertical-align:middle;-webkit-text-size-adjust:none;}

}



@media(max-width:375px){
.history .swiper-slide::before{width:1rem;left:-10%;}
}