.banner .img_box{padding-bottom: 30%;position: relative;overflow: hidden;width:100%;}
.banner .img_box img{position: absolute;width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;animation: zoomIn ease-out 5s;}
.banner .comWidth{position: absolute;left: 50%;transform: translateX(-50%);bottom: 2.2rem;}
.transparent{background-image: linear-gradient(to right , rgba(255,255,255,0.3) 0%, transparent 90%);width: auto;display: inline-block;padding-right: 0.2rem;height: 1.75rem;line-height: 1.75rem;padding-left: .25rem;position: relative;  
-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 2.6s;animation-duration: 2.6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;backdrop-filter: blur(8px);}
.transparent span{display: inline-block;width: 1.85rem;height: .1rem;background-color: #0e1eb6;position: absolute;top: -0.05rem;left:0;}
.transparent span:after{content:'';display:inline-block;width:0.5rem;height:0.075rem;background-color: #ffbe00;margin-top: -0.037rem;}
.transparent h3{font-size:0.55rem;font-weight: 400;color: #fff;}
@keyframes zoomIn {
	from {
	  opacity: 0.9;
	  -webkit-transform: scale3d(1.3, 1.3, 1.3);
	  transform: scale3d(1.3, 1.3, 1.3);
	}
	50% {
	  opacity: 1;
	}
}
@keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px)
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
  }
}

.gray{background-color: #f8f8f8;padding-bottom: 0.65rem;}

.crumb{height: 1rem;line-height: 0.8rem;font-size: 16px;}
.crumb a{color: #070b2d;font-size: .25rem;}
.crumb span{color: #565863;font-size: .225rem;}

.leftNav{width: 5.5rem;border: solid 1px #dbdeec;padding: 0.25rem 0;padding-top:0.3rem;background:#fff;box-sizing: border-box;}
.leftNav .erji{padding: 0 .25rem;}
.leftNav .erji li{margin-bottom: 0.1rem;}
.leftNav .erji li a{color: #070b2d;font-size: .25rem;height: 0.75rem;line-height: 0.75rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.leftNav .erji li img{width: .375rem;vertical-align: middle;margin-right: 0.15rem;    margin-bottom: 0.05rem;}
.leftNav .erji a.active img{visibility: hidden;}
.leftNav .erji .left_a{height:0.75rem;line-height:0.75rem;}
.leftNav .erji .active .left_a{border-radius: .125rem;box-shadow: 0rem .075rem .0875rem .0125rem rgba(34, 80, 209, 0.3);}
.leftNav .erji .active.li_a1 .left_a{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/active1.png) no-repeat;background-size: cover;}
.leftNav .erji .active.li_a2 .left_a{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/active2.png) no-repeat;background-size: cover;}
.leftNav .erji .active.li_a3 .left_a{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/active3.png) no-repeat;background-size: cover;}
.leftNav .erji .active.li_a4 .left_a{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/active4.png) no-repeat;background-size: cover;}
.leftNav .erji .active.li_a5 .left_a{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/active5.png) no-repeat;background-size: cover;}
.leftNav .erji .active.li_a6 .left_a{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/active6.png) no-repeat;background-size: cover;}
.leftNav li.active a{color: #fff;}
.leftNav .erji .left_a i{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/down.png) no-repeat center;height: 0.5rem;width: 0.5rem;background-size: 0.2rem 0.2rem;display: inline-block;float: right;margin-right: 0.1rem;margin-top: 0.12rem;cursor: pointer;transform: rotate(-90deg);transition: all 0.5s ease-out 0s;}
.leftNav .erji .active i{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/down2.png) no-repeat center;background-size: 0.2rem 0.2rem;}
.leftNav .erji i.col{transform: rotate(0deg);}

.leftNav .three{display:none;}
.leftNav .active .three{display:block;margin-top: 0.2rem;}
.leftNav .three dd{/*padding-left: .55rem;*/ /*height: .65rem;line-height: .65rem;*/margin-bottom: 0rem;position: relative;}
.leftNav .three dd a{color: #070b2d;font-size: .225rem;display:inline-block;padding:0;}
.leftNav .three dd::before{content: '';display: inline-block;width: .0625rem;height: .0625rem;border-radius: 50%;margin-right: 0.1rem;background-color:#565863;/*vertical-align: middle;margin-bottom: 0.08rem;*/position: absolute;top: 0.32rem;left: 0.45rem;}
.leftNav .three dd.select::before{background-color: #0e1eb6;}
.leftNav .three dd.active::before{background-color: #fff;}
.leftNav .three dd .left_b{display:inline-block;margin-left: 0.66rem;}
.leftNav .three dd .left_b a{display:block;}
.leftNav .three dd.select a{color:#0e1eb6;}




.leftNav .four{display:none;}
.leftNav .select .four {display:block;}
.leftNav .three .four a{padding-left: .66rem;margin-top: -0.15rem;margin-bottom: -0.15rem;display: inline-block;width: 100%;}
.leftNav .three .select .four a{padding-left: .66rem;}
.leftNav .three dd .four a::before{content: '—';position: relative;right: 0.2rem;}
.leftNav .three dd.select .four .handpick a{color: #0e1eb6;}
.leftNav .three dd.select .four a{color: #070b2d;}
.leftNav .three dd{position: relative;}
.leftNav .erji .left_b i{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/down.png) no-repeat center;position:absolute;left: 4.4rem;top:0.1rem; height: 0.5rem;width: 0.5rem;background-size: 0.2rem 0.2rem;display: inline-block;cursor: pointer;transform: rotate(-90deg);transition: all 0.5s ease-out 0s;}
.leftNav .erji .handpick i{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/down2.png) no-repeat center;background-size: 0.2rem 0.2rem;}

.leftNav .erji i.col{transform: rotate(0deg);}


/*
.leftNav .erji li.hasChild{background: url(/uiFramework/commonResource/zip/enAbout/enAbout/down.png) no-repeat right 0.3rem;background-size: .2rem .1rem;cursor: pointer;border-bottom:1px solid #dbdeec;}
.leftNav .erji li.hasChild a{box-shadow: none;background: none;color: #070b2d;}
.leftNav .erji li.hasChild:hover img{visibility: visible;}
.leftNav .erji li.hasChild a.active img{visibility: visible;}
.leftNav .three dd.select{background-color: #0e1eb6;box-shadow: 0rem .075rem .0875rem .0125rem rgba(34, 80, 209, 0.3);border-radius: .125rem;}
.leftNav .three dd.select a{color: #fff;}
.leftNav .three dd.select::before{background-color: #fff;}
.leftNav .three dd:hover{background-color: #0e1eb6;box-shadow: 0rem .075rem .0875rem .0125rem rgba(34, 80, 209, 0.3);border-radius: .125rem;}
.leftNav .three dd:hover::before{background-color: #fff;}
.leftNav .three dd:hover a{color: #fff;}*/

.rightMain{width: 13.5rem;padding: 0 1rem;background-color: #fff;padding-bottom: 0.5rem;}

/* 文章 */
.detail .title{color: #070b2d;font-size: .45rem;/*height: 1.25rem;line-height: 1.25rem;*/text-align:center;font-family:"fzzzhjt";margin-bottom: 0.4rem;margin-top: 0.4rem;}
.detail .text{margin-top:0;}
.detail .text img{width: 100%;/*margin-bottom: .625rem;*/}
.detail .text *{color: #070b2d;font-size: .25rem;}
.detail .text p{/*margin-bottom: .6rem;*/line-height: .5rem;}
.detail .text table p{margin-bottom:0;}

.detail table{margin: 0 auto;border-collapse: collapse;}

/* 新闻 */
.newsList{}
.newsList li{padding: .25rem .5rem;border-radius: .125rem;margin-bottom: 0rem;position: relative;}
.newsList li h5{color: #070b2d;font-size: .25rem;margin-bottom: 0.1rem;visibility: hidden;}
.newsList li p{color: #565863;font-size: .3rem;line-height: .5rem;}
.newsList li p a{color: #565863;font-size: .3rem;line-height: .5rem;}
.newsList li:nth-child(2n-1){background-color: #f8f8f9;}
.esg li{padding-right:2rem;}
.esg .download{position: absolute;right: 0.375rem;top: 50%;transform: translateY(-50%);display:none;cursor: pointer;}
.esg .download img{width:0.75rem;}
.esg li:hover .download{display:block;}

.esg {position: relative;}
.esg h5{display:none;}


/*分页*/
.easysite-page-wrap{text-align:center;margin-top: 0.75rem;}
.easysite-page-wrap span{display:none !important;}
.easysite-page-wrap a{display:inline-block;padding:0 0.23rem;height:0.625rem;text-align:center;line-height:0.6rem;border:1px solid #dbdeec;border-radius:0.125rem;font-size:0.25rem;color:#000;margin: 0 0.12rem;}
.easysite-page-wrap font{display:inline-block;padding:0 0.23rem;height:0.625rem;text-align:center;line-height:0.625rem;border:1px solid #0e1eb6;border-radius:0.125rem;background:#0e1eb6;font-size:0.25rem;color:#fff;margin: 0 0.12rem;}

/* 历史 */
.history{margin-top: 1rem;}
.history li{padding-left: .625rem;margin-bottom: .5rem;position: relative;cursor: default;}
.history li::before{content: '';height: 97%;border-left: 1px solid #c7cad3;position: absolute;left: 0.187rem;bottom: -0.4rem;}
.history li:last-of-type::before{display:none;}
.history li div{margin-bottom: .3125rem;}
.history li div:first-child span{display: inline-block;width: .375rem;height: .375rem;background-color: #e8eafb;border-radius: 50%;text-align: center;position: absolute;left: 0;}
.history li div:first-child span i{display: inline-block;width: .2rem;height: .2rem;background-color: #0e1eb6;border-radius: 50%;margin-top: 0.0875rem;}
.history li:hover div:first-child span{background-color: #fff7e1;}
.history li:hover div:first-child span i{background-color: #ffbe00;}
.history li h3{color: #070b2d;font-size: .3rem;display: inline-block;}
.history li .txt{border: solid 1px transparent;border-radius: .125rem;}
.history li:hover .txt{border: solid 1px #ffbe00;padding: .125rem .3125rem;}
.history li p{color: #565863;line-height: .5rem;font-size: .25rem;word-wrap:break-word;}
.history .more{width: 4rem;height: 1rem;border: solid 1px #ffbe00;border-radius: .125rem;text-align: center;line-height: 1rem;color: #565863;font-size: .25rem;margin: 0.5rem auto 0; display:none;}
.history .more a{display: block;font-size:0.25rem;}

.history li:nth-child(n+6){display:block;}

/*类别*/
.use{margin-bottom: .55rem;margin-top:0.5rem;}
.use .type li{float: left;margin-right: .625rem;color: #c7cad3;font-size: .25rem;cursor: pointer;}
.use .type li.active{color: #070b2d;border-bottom: 2px solid #ffbe00;padding-bottom:0.2rem;}




/* 搜索 */
#n1::-webkit-outer-spin-button, #n1::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }
.esg .search{position: absolute;top: -1.41rem;right: 0;}
.esg .search form{position: relative;margin-top: 0.2rem;}
.esg .search input[type=text]{outline: none;width: 3.75rem;height: .625rem;border: 1px solid #dbdeec;border-radius: .125rem;padding: 0 .375rem;padding-right: 0.8rem;color:#9597a0;font-size:0.25rem;}
.esg .search input[type=text]::placeholder{color:#c7cad3;}
.esg .search .sousuo{position: absolute;right: .25rem;top:0;}
.esg .search .sousuo input{cursor: pointer;background: url(/uiFramework/commonResource/zip/enAbout/enAbout/sousuo.png) no-repeat center center;background-size:100% auto;width: 0.325rem;height: 0.625rem;border:0;}







@media(max-width:1200px){
  .navgationDiv{display:none;}
  .eps-design-mode-toolbar-container{display:none;}
  .comWidth{width:90%;}

.leftNav{width:5rem;}
.rightMain{width:13.5rem;}
}

@media(max-width:1200px){
.leftNav{display:none;}
.rightMain{width:100%;padding: 0 0.5rem 0.5rem;}
}

@media(max-width:768px){
.crumb{display:none;}
.banner .img_box{padding-bottom:38%;}
.banner .comWidth{bottom:50px;}
.transparent{width: auto;height: 40px;line-height: 45px;}
.transparent h3{font-size:22px;}
.transparent span{top:8px;width: 70px;height: 2px;}
.transparent span:after{width: 20px;height: 2px;}
.gray{padding-top:0.5rem;}
.detail .text{font-size:0.36rem;line-height: .62rem;}

.history li h3{font-size:14px;}
.history li p{font-size:14px;line-height: 24px;}

.newsList li{padding:0.25rem 0.35rem;}
.newsList li h5{font-size:16px;}
.newsList li p{font-size:14px;}
.newsList li p a{font-size:14px;}
.detail .text *{font-size:14px;}

.easysite-page-wrap{margin-top:0.5rem;}

.use{overflow-x:auto;margin-top:0;}
.use .type li{font-size:16px;margin-right:10px;float:none;width: auto;display:inline-block;margin-bottom: 0.3rem;}



.use>.fl{float:none;width:470px;}
.use>.fr{float:none;}
.use .search{margin-top:0;width:55%;}
.use .search form{width:100%;}
.use .search input[type=text]{width:100%;}

.useTwo{overflow-x:hidden;margin-bottom:0;padding-top:0.5rem;padding-bottom:0;}
.useTwo>.fl{width:auto;}
.useTwo .type{font-size:0em;}
.useTwo .type li{width:auto!important;margin-bottom:0;}
.useTwo .type li a{font-size:14px!important;}

.esg{margin-top:50px;}
.esg .search input[type=text]{width:100%;height: 30px;font-size: 14px;}
.esg .search{left:0;right:auto;top:--55px;width:100%;}
.esg .search .sousuo input{width: 16px;height: 30px;background-size:16px auto;}
.newsList{margin-top:0px;}

.detail {overflow-x: auto;}
.detail .title{font-size:18px;}
.detail .text *{font-size:14px;line-height:26px;}
.detail .text p{line-height:26px;margin-bottom: 6px;}

}