@charset "UTF-8";
body {
  /*font-family: "MiSans", "Microsoft YaHei", sans-serif;*/
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
  font-size: 16px;
  /*font-weight: 300;*/
}
body, div, p, a, span, h1, h2, h3, h4, h5, li {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}
::-webkit-scrollbar-thumb{
  border-radius: 5px;
}
::-webkit-scrollbar-track{
  border-radius: 5px;
  background: #D9D9D9;
}
a:hover {
  color: #437CA3;
}

header{
  z-index: 999999999;
}
.wow{
  opacity: 0;
}
.wow.animated{
  opacity: 1;
}
.swiper-cons-wraps .swiper-pagination{
  position: static;
  line-height: 1;
  width: 100%;
  margin-top: .35rem;
}

.home-section-application .li-texts .txts,
.home-section-application .words .cons-txts,.home-section-global .wens .txts,.home-section-news .list .items .infos,
.home-section-banner .li .cards .card-desc,.home-section-news .list .items .tits,.bocweb-footer-topslogobox .topslogobox-right .texts,
.home-section-newproducts .cons-txts{
   /*font-family: "MiSans Normal";*/
   /*font-family: "MiSans Light";*/
}
.products-wraps-erji{
  border-radius: .25rem .25rem 0 0;
}

.home-section-banner .li .cards .card-desc{
  line-height: 1.33;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 3.99em;
}



.card-btns .btns,
.application-infos-tops-words .cons-texts,.proul-swiper .words .txts,.proul-swiper .words .mores,
.commens-titles .i,.application-infos-bots .app-titles .txts{
  /*font-family: "MiSans Normal";*/
   /*font-family: "MiSans Light";*/
}
.app-details .app-words .li .li-txts{
  /*font-family: "MiSans Normal";*/
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}
.InvestorOverview-wraps .lefts,.Investor-mains .h2-tits,.contacts-main-banner .words,.demandplatform-main-banner .words,
.supports-mains-titles,.commen-banner .words .tits,.abouts-tops-images .txts,.abouts-tops-intros .words .tits,.news-tops-images .words .tits,.cons-tits,
.home-section-banner .li .wens .tits,.home-section-global .wens .tits,.abouts-vision .words .tits,.vision-bots .items .tits,.con-h2txts,.integrity-wraps .integrity-bottoms,
.cons-home-tits{
  /*font-family: "MiSans Medium";*/
}

.justify-center {
  justify-content: center;
}
html.ovhhidden-active,
body.ovhhidden-active,
html.ovhhidden,
body.ovhhidden{
  overflow: hidden;
  padding-right: 5px;
}
.news-center-company .items{
  width:calc((100% - 20px)/3);
  margin-right: 10px;
}
.news-center-company .items:last-child{
  margin-right: 0;
}
    @media (max-width: 1195){
      .news-center-company .items{
        width:calc((100% - 10px)/2);
        margin-right:10px;
      }
    }
    .justify-content-end {
      justify-content: flex-end;
    }

    .justify-content-between,
    .justify-between {
      justify-content: space-between;
    }

    .align-items-center,
    .align-center {
      align-items: center;
    }

    .lin16 {
      line-height: 1.6;
    }

    .pd60 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .w1480 {
      margin-left: auto;
      margin-right: auto;
      width: 80%;
    }
    .bocweb-header-nav .nav-list .nav-tops:after{
      position: absolute;
      content:"";
      width: 9px;
      height: 5px;
      right: -15px;
      top: 50%;
      transform: translateY(-50%) rotate(180deg);
      opacity:0;
      background-image: url("data:image/svg+xml,%3Csvg class='svgs' xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M4.49419 0C4.29723 0 4.10028 0.0587745 3.95959 0.205712L0.301824 3.43834C-0.0639529 3.7616 -0.0920895 4.31997 0.189277 4.67262C0.498781 5.05466 1.03338 5.08404 1.37102 4.79017L4.49419 2.02774L7.61736 4.79017C7.98314 5.11343 8.51773 5.05466 8.7991 4.67262C9.1086 4.29058 9.05233 3.73222 8.68655 3.43834L5.02879 0.205712C4.8881 0.0587745 4.69115 0 4.49419 0Z' fill='%23ccc'%3E%3C/path%3E%3C/svg%3E");

    }
    .bocweb-header-nav .nav-list.youngs .nav-tops:after{
      display: none;
    }

    .bocweb-header-nav .nav-list .nav-tops:hover:after{
      opacity: 1;
    }

    .bocweb-header-nav .nav-list.curs .nav-tops:after{
      transform: translateY(-50%);
    }



  .bocweb-header-nav .nav-list .nav-tops:hover + .nav-bots {
        /*opacity: 1;
        visibility: visible;
        pointer-events: auto;*/
    }
    .bocweb-header-nav .nav-list .nav-tops{
        /*height: 1.25rem;*/
        /*line-height: 1.25rem;*/
        position: relative;
    }
    .bocweb-header-nav .nav-list .nav-tops a{
        color:#333;
        font-size: 19px;
    }
    .bocweb-header-nav .nav-list .nav-tops:hover a{
        color: #437CA3;
    }
    .bocweb-header-nav .nav-list .nav-tops:before{
        width: 100%;
        height: 150%;
        left: 0;
        top: 58%;
        /*content:"";*/
        position: absolute;
        z-index: 1;
    }
    .bocweb-header-nav .nav-list .nav-tops a{
      display: block;
    }
.commen-banner {
  position: relative;
}
.commen-banner .words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1.3845;
  z-index: 3;
}
.commen-banner .images {
  position: relative;
  z-index: 1;
}
.commen-banner .images:before {
  position: absolute;
  width: 36%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  left: 0;
  top: 0;
}

.tit-17 {
  font-size: 0.425rem;
}

.tit-15 {
  font-size: 0.375rem;
}

@media (max-width: 1920px) {
  .w1480 {
    max-width: 1480px;
  }
}
@media (min-width: 1921px) {
  .w1480 {
    max-width: 80%;
  }
}

.bocweb-header-wraps .wraps {
  height: 2.5rem;
  line-height: 2.5rem;
  align-items: center;
}
.bocweb-header-wraps .logos {
  line-height: inherit;
  height: auto;
}
.bocweb-header {
  background-color: #fff;
}
.bocweb-header .logos {
  width: 4.4rem;
}

.bocweb-footer-erweima .li .imgs .bocweb-footer-erweima-texts {
  text-align: center;
  padding-bottom: 0;
  width: 15em;
}

.bocweb-footer-erweima .li .imgs .icons {
  width: 2.9rem;
  height: 2.9rem;
  margin: 0 auto;
}

.langslist {
  position: relative;
  margin-left: 0.675rem;
  line-height: 2.5rem;
}
.langslist .langslist-bots {
  padding: 0.25em 0.5em;
}
.langslist .langslist-bots a {
  display: block;
  padding: 0.25em 0.5em;
  text-align: center;
  line-height: 1.25;
  font-size: 85%;
}
.langslist .langslist-bots a.active {
  color: #437CA3;
}
.langslist .langslist-tops {
  cursor: pointer;
  padding-left: 0.75rem;
  position: relative;
}
.langslist .langslist-tops:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/bocstatic/web/consweb/img/1-001.svg) no-repeat center;
  background-size: 100%;
}
.langslist .langslist-tops span {
  padding-right: 0.45rem;
  position: relative;
  display: block;
}
.langslist .langslist-tops span:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 8px;
  height: 5px;
  transform: translateY(-50%);
  background: url(/bocstatic/web/consweb/img/1-002.svg) no-repeat center;
  background-size: 100%;
}
.langslist .langslist-bots {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  background-color: #fff;
  /*box-shadow: 1px 2px 20px 2px rgba(0, 0, 0, 0.35);*/
  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, .1);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  border-radius: 0 0 5px 5px;
}
.langslist.active {
  opacity: 1;
  pointer-events: auto;
  transition: 0.5s ease-in-out;
}

.bocweb-header-nav-rights .inputs {
  border: 1px solid #333;
  border-radius: 1.05rem;
  line-height: 1.05rem;
  height: 1.05rem;
  overflow: hidden;
  width: 5.25rem;
  position: relative;
}

.bocweb-header-nav-rights .inputs.active{
  border-color: #437CA3;
}

.bocweb-header-nav-rights .inputs.active input[type=submit]{
      background: url(/bocstatic/web/consweb/img/searchs.svg) no-repeat center;
    background-size: 100%;
}
.bocweb-header-nav-rights .inputs input[type=text] {
  padding: 0 1em;
  width: 100%;
}
.bocweb-header-nav-rights .inputs input[type=submit] {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: url(/bocstatic/web/consweb/img/search.svg) no-repeat center;
  background-size: 100%;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  right: 0.45rem;
}

.bocweb-header-nav .nav-list {
  margin: 0 0.55rem;
}
.bocweb-header-nav a {
  /*transition: 0.8s ease-in-out;*/
  color: #333;
}
.bocweb-header-nav .nav-list:not(.nav-list-pros) {
  position: relative;
}
.bocweb-header-nav .nav-list:not(.nav-list-pros) .nav-bots {
  /*opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s ease-in-out;*/
  display: none;
}
.bocweb-header-nav .nav-list:not(.nav-list-pros) .nav-bots {
  position: absolute;
  /*display: block;*/
  left: 50%;
  /*top: 100%;*/
  /*top: 1.875rem;*/
  top:100%;
  transform: translateX(-50%);
  width: 4.5rem;
  text-align: center;
  border-radius: 0 0 0.5rem 0.5rem;
  background: #FFF;
  overflow: hidden;
  backdrop-filter: blur(10px);
  /*box-shadow: 0 0  0 rgba(0,0,0,.5);*/
  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, .1);
}
.bocweb-header-nav .nav-list:not(.nav-list-pros) .nav-items-bots a {
  line-height: 1.5;
  padding: 0.65em 0.25em;
  display: block;
}
.bocweb-header-nav .nav-bots {
  /*opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s ease-in-out;*/
}
.bocweb-header-nav .nav-bots {
  display: none;
}
.bocweb-header-nav .nav-bots.ins{
  display: none!important;
}
.bocweb-header-nav .nav-list.active .nav-tops a {
  color: #437CA3;
  transition: 0.5s ease-in-out;
}
.bocweb-header-nav .nav-list.active .nav-bots {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: 0.5s ease-in-out;
}
.bocweb-header-nav .nav-list-pros .nav-tops a {
  position: relative;
  padding-left: 0.65rem;
}


.proul-li.on .li:before, .proul-li.on .li:after,
.pronav-bots-list .proul .li,.pronav-bots-list .proul .li:hover,
.bocweb-header-nav .nav-list-pros .nav-tops:hover a:before,
.bocweb-header-nav .nav-list-pros .nav-tops:hover a,
.bocweb-header-nav .nav-list-pros .nav-tops a:before,
.bocweb-header-nav .nav-list-pros .nav-tops a{
  transition: none!important;
}
.products-wraps-titles .li{
  cursor: pointer;
}

.bocweb-header-nav .nav-list-pros .nav-tops:hover a:before,
.bocweb-header-nav .nav-list-pros .nav-tops a:before{
  transition:.5s ease-in-out;
}
.bocweb-header-nav .nav-list-pros .nav-tops a:before {
  position: absolute;
  content: "";
  width: 0.45rem;
  height: 0.35rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/bocstatic/web/consweb/img/1-003.svg) no-repeat center;
  background-size: 100%;
}
.bocweb-header-tops-menu-logos {
  padding: 0 1em;
  height: 2rem;
  line-height: 2rem;
}
.bocweb-header-tops-menu-logos .searchs-wraps .li {
  cursor: pointer;
}
.bocweb-header-tops-menu-logos .searchs-wraps .li:nth-child(n+2) {
  margin-left: 0.5rem;
}
.bocweb-header-tops-menu-logos .langslist {
  margin-left: 0;
}
.bocweb-header-tops-menu-logos .searchs {
  width: 0.5rem;
}
.bocweb-header-tops-menu-logos .menu-btns {
  width: 20px;
  height: 20px;
  /*background: url(/bocstatic/web/consweb/img/1-003.svg) no-repeat center;*/
  background-size: 100%;
}
.bocweb-header-tops-menu-logos .menu-btns svg {
  display: block;
  width: 100%;
  height: 100%;
}
.bocweb-header-tops-menu-logos .menu-btns {
  background: transparent;
  border: none;
  cursor: pointer;
}
.bocweb-header-tops-menu-logos {
  /* SVG 线条动画 */
}
.bocweb-header-tops-menu-logos .menu-btns svg rect {
  transition: all 0.3s ease;
  transform-origin: center center;
}
.bocweb-header-tops-menu-logos {
  /* 造成 X 的动画 */
}
.bocweb-header-tops-menu-logos .menu-btns.active svg rect:nth-child(1) {
  transform: translate(-5px, 4px) rotate(45deg);
}
.bocweb-header-tops-menu-logos .menu-btns.active svg rect:nth-child(2) {
  opacity: 0;
}
.bocweb-header-tops-menu-logos .menu-btns.active svg rect:nth-child(3) {
  transform: translate(-5px, -5px) rotate(-45deg);
}
.bocweb-header-tops-menu-logos .langslist .langslist-tops {
  padding-left: 0.55rem;
}

.bocweb-header-m-wraps {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
}
.bocweb-header-m-wraps .bocweb-header-tops-menu-logos {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.bocweb-header-m-wraps .bocweb-header-menus {
  width: 100%;
  height: calc(100vh - 2rem);
  /*overflow: hidden;*/
  overflow-y: auto;
  position: absolute;
  left: 0;
  width: 100%;
  top: 2rem;
  padding: 0 0.5rem;
  display: none;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.bocweb-header-m-wraps .bocweb-header-menus .nav-items-tops span {
  display: inline-block;
  position: relative;
  padding-right: 18px;
}
.bocweb-header-m-wraps .bocweb-header-menus .nav-items-tops span:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/bocstatic/web/consweb/img/110000.svg) no-repeat center;
  /*background: url(/bocstatic/web/consweb/img/1-002.png) no-repeat center;*/
  background-size: 100%;
}
.bocweb-header-m-wraps .bocweb-header-menus .nav-items-bots {
  display: none;
  background: #fff;
  padding: 0.5rem 0.7rem;
  border-radius: 5px;
  overflow: hidden;
}
.bocweb-header-m-wraps .bocweb-header-menus .nav-items-bots a {
  display: block;
  line-height: 1.25;
  padding: 0.25em 0;
}
.bocweb-header-m-wraps .bocweb-header-menus .nav-items-tops {
  height: 2.5em;
  line-height: 2.5em;
}
.bocweb-header-m-wraps .bocweb-header-menus .nav-items-bots a {
  line-height: 1.25;
  padding: 0.35em 0.5em;
  color: rgba(0, 0, 0, 0.65);
}

header {
  background: #fff;
}

.bocweb-header {
  height: 2.5rem;
  line-height: 2.5rem;
}

.bocweb-header-m-wraps .bocweb-header-menus .nav-items.active .nav-items-tops span:before {
  background: url(/bocstatic/web/consweb/img/111000.svg) no-repeat center;
  /*background: url(/bocstatic/web/consweb/img/1-003.png) no-repeat center;*/
  background-size: 100%;
}

.nav-list-pros .nav-bots {
  position: absolute;
  background: #fff;
  width: 100%;
  left: 0;
  top: 2.5rem;
  /*border-top: 1px solid rgba(51, 51, 51, 0.1);*/
  
}
.nav-list-pros .nav-bots:after{
  content:"";
  background: rgba(51, 51, 51, 0.1);
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 5;
}
.nav-list-pros .nav-bots .pronav-bots-list{
  padding-top: 1.15rem;
}

.nav-list-pros.curons .pronav-bots-list  .proul{
  height: auto;
}

.nav-list-pros.curons .nav-bots .pronav-bots-list{
  padding-bottom: 1.75rem;
  height: auto;
}
.pronav-bots-list .proul .li{
  color: #333;
}

.nav-list-pros .nav-bots .proul-li {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.bocweb-header-nav .nav-list-pros.curons .nav-tops a:before {
  display: none;
}

.bocweb-header-nav .nav-list-pros.curons .nav-tops a {
  padding-left: 0;
}

.investor-wraps {
  justify-content: center;
  align-content: flex-start;
}

.pronav-bots-list .proul .li {
  max-width: 6.5rem;
  /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;*/
  display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    padding-bottom: .2rem;
    padding-top: .2rem;
    line-height: 1.25;
}
.pronav-bots-list .proul.investor1 {
  width: 25%;
}
.pronav-bots-list .proul.investor1:before {
  display: none;
}
.pronav-bots-list .proul.investor2 {
  width: 25%;
}

.conspro-list {
  line-height: 1.5;
}
.conspro-list .ul-tops {
  padding: 0.35em 0.5em;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
}
.conspro-list .ul-tops, .conspro-list .li-tops, .conspro-list .i-tops {
  position: relative;
}
.conspro-list .ul-tops:before, .conspro-list .li-tops:before, .conspro-list .i-tops:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/bocstatic/web/consweb/img/110000.svg) no-repeat center;
  /*background: url(/bocstatic/web/consweb/img/1-002.png) no-repeat center;*/
  background-size: 100%;
}
.conspro-list .li-tops {
  color: #666;
}
.conspro-list .i-tops {
  color: #999;
}
.conspro-list .i {
  color: #999;
  opacity: 0.8;
}
.conspro-list .ul-bots,
.conspro-list .li-bots,
.conspro-list .i-bots {
  display: none;
  padding: 0.35rem 0.65rem;
  padding-right: 0;
}
.conspro-list .li.active .li-tops:before, .conspro-list .i-box.active .i-tops:before,
.conspro-list .ul-wraps.active .ul-tops:before {
  background: url(/bocstatic/web/consweb/img/111000.svg) no-repeat center;
  /*background: url(/bocstatic/web/consweb/img/1-003.png) no-repeat center;*/
  background-size: 100%;
}
.conspro-list .li > a.i {
  padding-left: 0;
  color: #666;
}

.conspro-list.ul-wraps.active .ul-tops:before {
  background: url(/bocstatic/web/consweb/img/111000.svg) no-repeat center;
  /*background: url(/bocstatic/web/consweb/img/1-003.png) no-repeat center;*/
  background-size: 100%;
}

.pronav-bots-list {
  height: 663px;
  max-height: 90vh;
  position: relative;
  z-index: 3;
}
.nav-list-pros .nav-bots .pronav-bots-list,
.nav-list-pros .nav-bots{
  /*border-radius: 0 0 .5rem .5rem;*/
}

.nav-list-pros .nav-bots{
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12.5px);
  /*height: calc(100vh - 2.5rem);*/
  height: 100vh;
  padding-bottom: 2.5rem;
}

.nav-list-pros .nav-bots .pronav-bots-list{
  border-radius: 0 0 .5rem .5rem;
  background: #fff;
}
.nav-list-pros .nav-bots:before{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  content: "";
  background: #fff;
  backdrop-filter: blur(10px);

}
.pronav-bots-list .proul {
  height: 100%;
  width: 18.5%;
  position: relative;
}
.pronav-bots-list .proul:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
}
.pronav-bots-list .proul.proul1 {
  width: 20%;
}
.pronav-bots-list .proul.proul5 {
  width: 24.5%;
}
.pronav-bots-list .proul.proul5:before {
  display: none;
}

/*.proul-wraps{
    position: relative;
    .prouls-list{
        .i-bots,
        .li-bots,
        .ul-bots{
            position: absolute;
            top: 0;
        }
        .ul-bots{
            left: 20vw;
            width: 18.5vw;
        }
        .li-bots{
            width: 18.5vw;
            left: 38.5vw;
        }
        .i-bots{
            width: 18.5vw;
            left: 57vw;
        }
    }
}*/
.proul-item {
  padding-left: 2.25rem;
  padding-right: 1.25rem;
}
.proul-item .items {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  overflow: hidden;
  line-height: 1.5rem;
  height: 1.5rem;
  align-items: center;
  padding-left: 0.6125rem;
  padding-right: 0.8rem;
  position: relative;
  color: #333;
}
.proul-item .items .icons {
  filter: grayscale(100%) brightness(0);
  -webkit-filter: grayscale(100%) brightness(0);
}
.proul-item .items .icons svg{
  width: 100%;
  height: 100%;
  display: block;
}
.proul-item .items.active {
  color: #437ca3;
  border-color: #437ca3;
}
.proul-item .items.active .icons {
  filter: none;
  -webkit-filter: none;
}
.proul-item .items.active:before {
  opacity: 1;
}
.proul-item .items:before {
  position: absolute;
  width: 6px;
  height: 11px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11' fill='none'%3E%3Cpath d='M0.5 0.5L5.5 5.5L0.5 10.5' stroke='%23437CA3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  right: 0.65rem;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.proul-item .items.kon:before{
  display: none;
}
.proul-item .items:nth-child(n+2) {
  margin-top: 0.25rem;
}
.proul-item .items .spans {
  margin-left: 0.4125rem;
}

.proul-li {
  padding: 0 1.125rem;
}
.proul-li .li {
  display: block;
  min-height: 2.235em;
  /*line-height: 2.235em;*/
  position: relative;
  border-radius: 2.235em;
  padding-left: 0.675rem;
  padding-right: 1.1rem;
  line-height: 1;
}
.proul-li .li:nth-child(n+2) {
  margin-top: 0.175rem;
}

.proul-li .li {
  position: relative;
}
.proul-li .li:before, .proul-li .li:after {
  position: absolute;
  content: "";
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.proul-li .li:after {
  margin-right: 5px;
}
.proul-li .li:after {
  width: 8px;
  height: 1px;
  background: rgba(51,51,51,.3);
}
.proul-li .li:before {
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11' fill='none'%3E%3Cpath opacity='0.25' d='M0.5 0.5L5.5 5.5L0.5 10.5' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.proul-li .li.cur,
.proul-li .li.active {
  background: #437CA3;
  color: #fff !important;
}
.proul-li .li.cur:after,
.proul-li .li.active:after {
  /*transition: .5s ease-in-out!important;*/
  background: #fff;
  opacity: 1;
}

.pronav-bots-list .proul.investor2 .li:after,
.pronav-bots-list .proul.investor2 .li:before{
  display: none;
}

.proul-li .li.cur:before,
.proul-li .li.active:before {
  opacity: 1;
  /*transition: .5s ease-in-out!important;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11' fill='none'%3E%3Cpath opacity='1' d='M0.5 0.5L5.5 5.5L0.5 10.5' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.proul-li.on .li:before, .proul-li.on .li:after {
  display: block;
  opacity: 1;
}
.proul-li.on .li:after{
  opacity: 0;
}
.proul-li.on .li.cur:after{
  opacity:1;
}
.proul-li.on .li.inhides:before, .proul-li.on .li.inhides:after{
  display: none;
}

.bocweb-header-nav .nav-bots a.active:after{
  opacity: 1;
}

.nav-list-pros .nav-bots .proul-li:not(.on) .li:not(.on-cur):after, 
.nav-list-pros .nav-bots .proul-li:not(.on) .li:not(.on-cur):before{
  display: none;
}

.proul5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.proul-swiper .swiper-pagination {
  line-height: 1;
  position: static;
  width: 100%;
  margin-top: 0.75rem;
}
.proul-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1rem;
}
.proul-swiper .lis {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  line-height: 1.2;
  padding: 0 0.9rem;
  /*padding-top: 1.75rem;*/
  /*padding-bottom: 1.6rem;*/
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  height: auto;
}
.proul-swiper .lis img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.proul-swiper .hots-spans {
  border-radius: 0 10px 5px 15px;
  background: #437CA3;
  color: #fff;
  width: 1.05rem;
  height: 0.55rem;
  text-align: center;
  line-height: 0.55rem;
  position: absolute;
  font-size: 0.3rem;
  right: 0;
  top: 0;
  font-style: italic;
  font-size: .275rem;
}
.proul-swiper .images {
  overflow: hidden;
  aspect-ratio: 50/25;
  overflow: hidden;
  /*width: 3.4rem;*/
  width: 100%;
  margin: 0 auto;
}
.proul-swiper .images img {
  width: 100%;
}
.proul-swiper .words {
  margin-top: 1.6rem;
}
.proul-swiper .words .tits {
  color: #000;
  line-height: 1.35;
    overflow: hidden;
    height: 1.35em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.proul-swiper .words .txts {
  margin-top: 0.35rem;
  color: #999;
  line-height: 1.33;
  height: 2.66em;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.proul-swiper .words .mores {
  color: #437CA3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.proul-swiper .words .mores span {
  display: block;
}
.proul-swiper .words .mores .svgs {
  width: 15px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M5.50685 1.64038L5.50693 2.64039L13.488 5.64066L13.488 4.64062L5.50685 1.64038Z' fill='%23437CA3'/%3E%3Cpath d='M5.50804 8.64071L5.50802 9.6409L13.489 5.641L13.4889 4.64081L5.50804 8.64071Z' fill='%23437CA3'/%3E%3C/svg%3E");
}


.proul-li .li:hover:before, .proul-li .li:hover:after,
.proul-li .li:before, .proul-li .li:after{
  /*transition: .5s ease-in-out;*/
}
.proul-item .items .icons {
  /*width: 0.6125rem;
  height: 0.6125rem;*/
  width: 25px;
  height: 25px;
}
.proul-item .items .icons img {
  max-width: 100%;
  max-height: 100%;
}

.nav-list-pros .nav-bots {
  /*opacity: 1;
  pointer-events:auto;
  visibility: visible;*/
}
.bocweb-header-nav .nav-list.active .nav-tops a:before{
    background: url(/bocstatic/web/consweb/img/1-00300.svg) no-repeat center;
    background-size: 100%;
}

@media (max-width: 1024px) {
  .bocweb-header-tops-menu-logos .searchs-wraps .langs.active .langslist .langslist-bots {
    opacity: 1;
    pointer-events: auto;
    transition: 0.5s ease-in-out;
  }
}
@media (min-width: 1025px) {
  header.nav-hide{
    transform: translateY(-2.5rem);
    transition: all .3s;
  }
  header.nav-show{
    transform: translateY(0);
    transition: all .3s;
  }
  .table-head-responsive.nav-show{
  top: 2.5rem;
}
.table-head-responsive.nav-hide{
  top: 0;
}
.excel_result .result_tabel .thead.nav-show{
  top: 2.5rem;
    transition: all .3s;
}
.excel_result .result_tabel .thead.nav-hide{
  top: 0;
    transition: all .3s;
}
  .bocweb-header-nav-rights .inputs:hover{
    border-color: #437CA3;
  }

  .bocweb-header-nav-rights .inputs:hover input[type=submit]{
        background: url(/bocstatic/web/consweb/img/searchs.svg) no-repeat center;
      background-size: 100%;
  }
  .bocweb-header-nav{
    padding-left: 3.25rem;
  }
  .bocweb-header-nav .nav-list-pros .nav-tops:hover a:before{
    background: url(/bocstatic/web/consweb/img/1-00300.svg) no-repeat center;
    background-size: 100%;
  }
  .global-list .items{
    position: relative;

  }
  .global-list .items:after{
    content:"";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 0;
    transition: .8s ease-in-out;
  }
  .global-list .items:hover:after{
    width: 100%;
    transition: .8s ease-in-out;
  }
  .bocweb-header-nav-rights .langslist:hover .langslist-bots {
    opacity: 1;
    pointer-events: auto;
    transition: 0.5s ease-in-out;
  }
  .bocweb-header-tops-menu-logos .searchs-wraps .langs:hover .langslist .langslist-bots {
    opacity: 1;
    pointer-events: auto;
    transition: 0.5s ease-in-out;
  }
  .proul-item .items, .proul-item .items:hover,
  .proul-item .items .icons, .proul-item .items:hover .icons, .proul-item .items:before, .proul-item .items:hover .proul-item .items:before {
    /*transition: 0.5s ease-in-out;*/
  }
  .proul-item .items:hover {
    color: #437ca3;
    border-color: #437ca3;
  }
  .proul-item .items:hover .icons {
    filter: none;
    -webkit-filter: none;
  }
  .proul-item .items:hover:before {
    opacity: 1;
  }
  .proul-li .li:hover {
    background: #437CA3;
    color: #fff;
  }
  .proul-li .li:hover:after {
    opacity: 1;
  }
  .proul-li .li:hover:before {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11' fill='none'%3E%3Cpath opacity='1' d='M0.5 0.5L5.5 5.5L0.5 10.5' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .proul-li .li:hover:after,.proul-li .li:hover:before{
    transition: none!important;
  }

  .proul-li .li:hover:after {
    background: #fff;
    opacity: 1;
  }
}
.bocweb-header-m-wraps .bocweb-header-tops-menu-logos {
  z-index: 100;
}

.m-searchs {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.35);
  display: none;
}
.m-searchs .searchs-bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.m-searchs .searchs-wraps {
  position: absolute;
  width: 90%;
  top: 30%;
  left: 50%;
  transform: translateY(-50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}
.m-searchs .searchs-wraps input {
  display: block;
  height: 1.5rem;
  line-height: 1.5rem;
}
.m-searchs .searchs-wraps input[type=text] {
  padding: 0 0.5rem;
  width: 100%;
}
.m-searchs .searchs-wraps .inputs-wraps {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.m-searchs .searchs-wraps input[type=submit] {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  background: url(/bocstatic/web/consweb/img/search.png) no-repeat center;
  background-size: 0.5rem 0.5rem;
  text-indent: -999px;
  overflow: hidden;
}

@media (max-width: 1024px){
  .bocweb-header {
    height: 2rem;
    line-height: 2rem;
  }
  .langslist .langslist-bots{
    width: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .bocweb-header-tops-menu-logos .searchs-wraps .li:nth-child(n+2){
    margin-left: .5rem;
  }
}
@media (max-width: 767px) {
  .bocweb-header{
    height: 1.75rem;
    line-height: 1.75rem;
  }
  .bocweb-header-tops-menu-logos{
    height: 1.75rem;
    line-height: 1.75rem;
  }
  .bocweb-header-m-wraps .bocweb-header-menus{
    height: calc(100vh - 1.75rem);
    top: 1.75rem;
  }

  .bocweb-header-m-wraps .bocweb-header-menus .nav-items {
    font-size: 16px;
  }
  .InvestorReport-list li {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }
  .documents-center-list .InvestorReport-list .link {
    padding-right: 0;
  }
}
.bocweb-footer {
  /*background: url(/bocstatic/web/consweb/img/footerbg.png) no-repeat left bottom;*/
  background-size: cover;
}

.bocweb-footer {
  min-height: 22.5rem;
  background-position: center center;
  background-size: cover;
}
.bocweb-footer .bocweb-footer-bots {
  padding: 0 1.5rem;
}
.bocweb-footer .bocweb-footer-tops {
  padding: 0 1.25rem;
  background: linear-gradient(258deg, rgba(240, 240, 240, 0.00) 31.89%, rgba(240, 240, 240, 0.85) 89.08%), linear-gradient(340deg, rgba(240, 240, 240, 0.00) -1.57%, #F0F0F0 78.57%), url(/bocstatic/web/consweb/img/footerbg.png) lightgray 50% / cover no-repeat;
}

.bocweb-footer-bots {
  min-height: 4.4em;
  background-size: cover;
  position: relative;
}
.bocweb-footer-bots:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(/bocstatic/web/consweb/img/f2bg.png) no-repeat bottom left;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0.05;
  pointer-events: none;
}
.bocweb-footer-bots .bocweb-footer-text-fl,
.bocweb-footer-bots .bocweb-footer-text-fr {
  position: relative;
  z-index: 3;
}

.bocweb-footer-text-fl {
  color: rgba(51, 51, 51, 0.7);
}

.bocweb-footer-text-fl span,
.bocweb-footer-text-fr span {
  color: rgba(29, 53, 70, 0.7);
  font-weight: 520;
}
.bocweb-footer-text-fl a,
.bocweb-footer-text-fr a {
  color: inherit;
}

.bocweb-footer-text-fr {
  color: rgba(51, 51, 51, 0.5);
}

.bocweb-footer-topslogobox {
  padding-top: 2.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.bocweb-footer-topslogobox {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.bocweb-footer-topslogobox .topslogobox-left .icons {
  width: 4.4rem;
  height: 1.05rem;
}
.bocweb-footer-topslogobox .topslogobox-left .texts {
  margin-top: 0.473rem;
  padding-left: 1.8rem;
  color: #333;
  font-style: normal;
  font-weight: 450;
  text-transform: uppercase;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps {
  position: relative;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps input::placeholder {
  color: rgba(51, 51, 51, 0.25) !important;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps input:-moz-placeholder {
  color: rgba(51, 51, 51, 0.25) !important;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.25) !important;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.25) !important;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps input::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.25) !important;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .inputs {
  height: 2.375em;
  line-height: 2.375em;
  border-radius: 2.375em;
  /*width: 26.875em;*/
  overflow: hidden;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .inputs input {
  height: inherit;
  line-height: inherit;
  background-color: #ffffff;
  padding: 0 2em;
  width: 100%;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .btns {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 1.5em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  color: #1D3546;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .btns .submits {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  z-index: 2;
  text-indent: -9999px;
  overflow: hidden;
  width: 100%;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .svgswraps {
  position: relative;
  padding-left: 1.33em;
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .svgswraps .svgs {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .svgswraps .svgs svg {
  display: block;
}
.bocweb-footer-topslogobox .topslogobox-right .texts {
  margin-top: 1.16em;
  width: 25em;
  color: rgba(51, 51, 51, 0.5);
  line-height: 1.36;
}

.bocweb-footer-topsmenulist {
  padding-top: 2.15em;
  /*position: relative;*/
  /*z-index: 2;*/
}
.bocweb-footer-topsmenulist .nav-items-bots {
  margin-top: 2em;
}
.bocweb-footer-topsmenulist .nav-items-bots a {
  line-height: 1.88;
  color: rgba(51, 51, 51, 0.7);
}
.bocweb-footer-topsmenulist .nav-items-tops a {
  color: #333333;
  line-height: 1.3529;
}

.bocweb-footer-erweima {
  margin-top: -2.25em;

  padding-bottom: 6.85em;
}
.bocweb-footer-erweima .uls {
    position: relative;
    z-index: 3;
}
.bocweb-footer-erweima .li {
  position: relative;
}
.bocweb-footer-erweima .li .imgs {
  position: absolute;
  /*width: 115px;*/
  /*height: 117px;*/
  left: 50%;
  top: 2.25em;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-in-out;
}
.bocweb-footer-erweima .li .imgs:before {
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  left: 50%;
  transform: translateX(-50%);
  top: -0.5em;
  z-index: 2;
  pointer-events: none;
  background: url(/bocstatic/web/consweb/img/btns.png) no-repeat center;
  background-size: 100%;
}
.bocweb-footer-erweima .li:nth-child(n+2) {
  margin-left: 1.2em;
}
.bocweb-footer-erweima .btns {
  cursor: pointer;
  width: 1.2em;
  height: 1.2em;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  opacity: 0.5;
  transition: 0.5s ease-in-out;
}

.bocweb-footer-erweima-texts {
  padding-bottom: 3.75em;
  color: #333;
  text-align: right;
  font-style: normal;
  font-weight: 380;
  line-height: normal;
  margin-top: 1.1765em;
  min-height: 1em;
}
.bocweb-footer-erweima-texts span {
  color: #1D3546;
  font-size: 129.5%;
  font-weight: 700;
  line-height: normal;
  font-style: italic;
  color: #1D3546;
  /*font-family: Roboto;*/
}

.bocweb-footer {
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  .bocweb-footer-topsmenulist .nav-items-bots a,
  .bocweb-footer-topsmenulist .nav-items-tops a,
  .bocweb-footer-text-fl a,
  .bocweb-footer-text-fr a {
    transition: 0.5s ease;
  }

  .commens-titles .i:hover,
  .commens-titles .i.home:hover{
    transition: 0.5s ease;
    color: #1D3546;
  }
  .bocweb-footer-topsmenulist .nav-items-bots a:hover,
  .bocweb-footer-topsmenulist .nav-items-tops a:hover,
  .bocweb-footer-text-fl a:hover,
  .bocweb-footer-text-fr a:hover {
    color: #437CA3;
    transition: 0.5s ease;
  }
  .bocweb-footer-erweima .btns {
    transition: 0.5s ease-in-out;
  }
  .bocweb-footer-erweima .btns:hover {
    transition: 0.5s ease-in-out;
    opacity: 1;
  }
  .bocweb-footer-erweima .li:hover .imgs {
    opacity: 1;
    pointer-events: auto;
  }
  .bocweb-footer-erweima .li:hover .imgs,
  .bocweb-footer-erweima .li .imgs {
    transition: 0.5s ease-in-out;
  }
}
.bocweb-footer {
  overflow: hidden;
}

.pronav-bots-list .proul {
  padding-bottom: 5em;
}

@media (max-width: 1024px) {
  .bocweb-footer-erweima .li.active .imgs {
    opacity: 1;
    pointer-events: auto;
  }
  .bocweb-footer-erweima-texts {
    margin-top: 0.7em;
  }
}
@media (max-width: 767px) {
  .bocweb-footer-erweima .li .imgs .icons {
    width: 2.4rem;
    height: 2.4rem;
  }
}
img {
  object-fit: cover;
}

.pagination {
  display: flex;
}
.pagination span,
.pagination a {
  color: #888;
  line-height: 1.25rem;
  text-align: center;
  height: 1.25rem;
  overflow: hidden;
  width: 1.25rem;
  transition: 0.5s ease-in-out;
  border-radius: 2px;
  font-size: .4rem!important;

}
.pagination span:nth-child(n+2),
.pagination a:nth-child(n+2) {
  margin-left: 8px;
}
.pagination span.active,
.pagination a.active {
  background: #1D3546;
  color: #fff;
  transition: 0.5s ease-in-out;
}

img.w100 {
  width: 100%;
}

.mt58 {
  margin-top: 1.45rem;
}

.mt70 {
  margin-top: 1.75rem;
}

.home-section-application {
  overflow: hidden;
}

.cons-fixeds .closes svg {
  width: 100%;
  height: 100%;
}

.cons-fixeds .closes circle{
  opacity: 1;
}

.vide-click {
  position: relative;
}
.vide-click .before {
  position: absolute;
  content: "";
  width: 1.875rem;
  height: 1.1rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97003 3.54635C9.16804 4.33684 9.16804 6.09456 7.97003 6.88505L3.10149 10.0975C1.77177 10.9748 3.93928e-07 10.0212 4.63565e-07 8.4281L7.44402e-07 2.00329C8.14038e-07 0.410201 1.77177 -0.543439 3.10149 0.333945L7.97003 3.54635Z' fill='white'/%3E%3C/svg%3E");
  background-size: 9px 11px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 10px;
  background-color: rgba(29, 53, 70, 0.85);
  backdrop-filter: blur(10px);
}

.mt35 {
  margin-top: 0.875rem;
}

.bocweb-header-m-wraps .bocweb-header-tops-menu-logos {
  background: #fff;
}

.demandplatform-main-banner .images img {
  aspect-ratio: 117/32;
  object-fit: cover;
}

.commens-titles .i {
  color: #999;
  font-weight: 330;
  font-size: 15px;
}
.commens-titles .i.home {
  color: #999;
  position: relative;
  padding-left: 1.77em;
}
.commens-titles .i.home:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  content: "";
  width: 1.077em;
  height: 1.077em;
  background: url(/bocstatic/web/consweb/img/home-icons.svg) no-repeat center;
  background-size: 100%;
}
.commens-titles .i.active {
  color: #1D3546;
}
.commens-titles span {
  margin: 0 0.25em;
}

.mt34 {
  margin-top: 0.85rem;
}

.mt27 {
  margin-top: 0.675rem;
}

.demandplatform-wraps {
  padding-top: 1.85em;
}

.InvestorOverview-wraps .rights .lis-tits {
  color: #999;
  font-weight: 450;
}

.InvestorOverview-wraps .rights .lis-txts {
  color: #1D3546;
  font-weight: 500;
  line-height: 1.25;
}

.demandplatform-mainwraps {
  align-content: flex-start;
  align-items: flex-start;
}
.demandplatform-mainwraps .demandplatform-aside {
  width: 21%;
  position: relative;
  padding-right: 0.75rem;
  padding-top: 14px;
  padding-bottom: 0.3rem;
}
.demandplatform-mainwraps .demandplatform-aside:after {
  position: absolute;
  content: "";
  background: rgba(29, 53, 70, 0.05);
  width: 100%;
  height: 0.3rem;
  left: 0;
  bottom: 0;
  border-top: 2px solid rgba(29, 53, 70, 0.1);
}
.demandplatform-mainwraps .demandplatform-aside ul {
  padding-bottom: 0.95rem;
  position: relative;
}
.demandplatform-mainwraps .demandplatform-aside:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #1D3546;
  left: 0;
  top: 0;
}
.demandplatform-mainwraps .demandplatform-aside li a {
  height: 3.05em;
  line-height: 3.05em;
  overflow: hidden;
  display: block;
  color: #1D3546;
  padding: 0 0.25rem;
}

.demandplatform-mainwraps .demandplatform-aside li a .oncurs svg{
    /*transform: rotate(90deg);
    transform-origin: top;
    margin-left: 3px;*/

    transform: scale(.5) rotate(90deg) translateX(-2px);
    transform-origin: center;
    margin-left: 0;
    width: 18px;
    height: 10px;
}
.demandplatform-mainwraps .demandplatform-aside li a .oncurs svg path{
  fill:#333;
}
.demandplatform-mainwraps .demandplatform-aside li {
  position: relative;
}
.demandplatform-mainwraps .demandplatform-aside li:before, .demandplatform-mainwraps .demandplatform-aside li:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  transition: 0.5s ease;
  opacity: 0;
  width: 0;
}
.demandplatform-mainwraps .demandplatform-aside li:after {
  height: 2px;
  background: #437CA3;
}
.demandplatform-mainwraps .demandplatform-aside li:before {
  height: 1px;
  background: rgba(29, 53, 70, 0.1);
}
.demandplatform-mainwraps .demandplatform-aside li.active_cur:before, .demandplatform-mainwraps .demandplatform-aside li.active_cur:after, .demandplatform-mainwraps .demandplatform-aside li.active:before, .demandplatform-mainwraps .demandplatform-aside li.active:after {
  opacity: 1;
  transition: 0.2s ease;
}
.demandplatform-mainwraps .demandplatform-aside li:after, .demandplatform-mainwraps .demandplatform-aside li:after {
  width: 51.6%;
}
.demandplatform-mainwraps .demandplatform-aside li:before, .demandplatform-mainwraps .demandplatform-aside li:before {
  width: 100%;
}
.demandplatform-mainwraps .demandplatform-main {
  width: 79%;
  padding-bottom: 5.425rem;
}

.demandplatform-main-banner {
  position: relative;
}
.demandplatform-main-banner .words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 1.55rem;
  padding-bottom: 0.75rem;
}

.pd62 {
  padding-left: 1.55rem;
  padding-right: 1.55rem;
}

.lin13529 {
  line-height: 1.3529;
}

.mt20 {
  margin-top: 0.5rem;
}

.demandplatform-main {
  position: relative;
}
.demandplatform-main:after, .demandplatform-main:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 5;
  background: rgba(51, 51, 51, 0.1);
}
.demandplatform-main:after {
  height: 1px;
  width: 100%;
}
.demandplatform-main:before {
  width: 1px;
  height: 100%;
}
.demandplatform-main .notice-list {
  /*padding: 1.7rem 1.55rem;*/
  padding-top: 1.7rem;
  padding-bottom: 1.7rem;
}
.demandplatform-main .notice-list li:nth-child(n+2) {
  margin-top: 0.35rem;
}
.demandplatform-main .notice-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: #999;
  overflow: hidden;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  padding-right: 0.7rem;
  padding-left: 1.765em;
}
.demandplatform-main .notice-list li .tits {
  height: 3.88em;
  line-height: 3.88em;
  color: #333;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.demandplatform-main-banner .words {
  color: #1D3546;
  line-height: 1.31;
}
.demandplatform-main-banner .words .txts {
  margin-top: 0.25rem;
  margin-bottom: 0.775rem;
}
.demandplatform-main-banner .words .tits {
  line-height: 1.3125;
}

.commens-button {
  position: relative;
  display: flex;
}
.commens-button input {
  background: transparent;
  color: #fff;
}
.commens-button input, .commens-button button {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
}
.commens-button button {
  background: transparent;
  color: #fff;
}
.commens-button .button-btn {
  color: #fff;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  background: #1D3546;
  border-radius: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 1.875rem;
}
.commens-button .button-btn:before {
  position: absolute;
  content: "";
  width: 0.775rem;
  height: 0.775rem;
  right: 0.28875rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/consweb/img/1-005.svg) no-repeat center;
  background-size: 4px 7px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
}

.lin13125 {
  line-height: 1.3125;
}

.mt41 {
  margin-top: 1.025rem;
}

.zicolor {
  color: #1D3546;
}

.mt14 {
  margin-top: 0.35rem;
}

.mt22 {
  margin-top: 0.55rem;
}

.mt28 {
  margin-top: 0.7rem;
}

.contacts-main-banner {
  background: #F5F5F8;
}
.contacts-main-banner .images {
  width: 42%;
  overflow: hidden;
}
.contacts-main-banner .images img {
  width: 100%;
  aspect-ratio: 493/320;
}
.contacts-main-banner .words {
  width: 58%;
  padding: 0.25rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
}
.contacts-main-banner .words .uls li {
  position: relative;
  padding-left: 0.6rem;
  line-height: 1.28;
  padding-top: 0.65em;
  padding-bottom: 0.65em;
}
.contacts-main-banner .words .uls li .imgs,
.contacts-main-banner .words .uls li img {
  /*width: .4rem;*/
  width: 0.94em;
  aspect-ratio: 1/1;
  border-radius: 2px;
  background-color: #1D3546;
  object-fit: contain;
  padding: 0.08rem;
  position: absolute;
  left: 0;
  top: 0.8em;
  font-size: inherit;
}

.addr-buttons {
  border: 1px solid rgba(29, 53, 70, 0.1);
  color: #1D3546;
  line-height: 2.33;
  border-radius: 2.33em;
  padding-left: 1.33em;
  padding-right: 2.33em;
  background: transparent;
  position: relative;
  max-width: 8em;
}
.addr-buttons:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 10px;
  right: 1.166em;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  background: url(/bocstatic/web/consweb/img/101.svg) no-repeat center;
  background-size: 100%;
}

.contacts-list li {
  padding: 0.5rem 1rem;
  border: 1px solid rgba(29, 53, 70, 0.1);
}
.contacts-list li a {
  justify-content: space-between;
  align-items: center;
  align-content: center;
  color: #666;
  line-height: 1.33;
}
.contacts-list li .h3tits {
  font-style: normal;
  font-weight: 450;
  line-height: 1.25;
  width: 4rem;
}
.contacts-list li .articles {
  width: calc(100% - 8em - 5rem);
}
.contacts-list li:nth-child(n+2) {
  margin-top: 0.25rem;
}

.demandplatform-mainwraps .demandplatform-main.pd116 {
  padding-bottom: 2.9rem;
}

.commen-banner .images img {
  width: 100%;
}

.commens-mainwraps-wraps.active:before, .commens-mainwraps-wraps.active:after {
  display: none;
}
.commens-mainwraps-wraps.curlist .mainwraps-wraps-tips span .svgs,
.commens-mainwraps-wraps.active .mainwraps-wraps-tips span .svgs {
  transform: translateY(-50%);
  filter: none;
}
.commens-mainwraps-wraps .mainwraps-wraps-tips {
  padding: 0 0.25rem;
  height: 3.05em;
  line-height: 3.05em;
  overflow: hidden;
  display: block;
  color: #1D3546;
  padding: 0 0.25rem;
  cursor: pointer;
}
.commens-mainwraps-wraps.huijh  .mainwraps-wraps-tips{
  cursor: auto;
}
.commens-mainwraps-wraps.huijh  .mainwraps-wraps-tips .svgs{
  cursor: pointer;
}
.commens-mainwraps-wraps .mainwraps-wraps-tips span {
  display: inline-block;
  vertical-align: top;
  padding-right: 1.5em;
  position: relative;
}
.commens-mainwraps-wraps .mainwraps-wraps-tips span a{
  padding: 0;
}
.commens-mainwraps-wraps .mainwraps-wraps-tips span .svgs {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  filter: grayscale(100%);
  width: 1em;
  height: 1em;
  padding: .25em;
}

.demandplatform-mainwraps.demandplatform-mainwraps .commens-mainwraps-wraps .mainwraps-wraps-tips span .svgs{
  filter: grayscale(100%);
}
.demandplatform-mainwraps.demandplatform-mainwraps .commens-mainwraps-wraps .mainwraps-wraps-tips span .svgs:hover{
  filter: none;
}
.commens-mainwraps-wraps .mainwraps-wraps-textlist {
  border-radius: 5px;
  background: #F5F5F8;
  padding: 0.5rem 0.7rem;
  display: none;
}
.commens-mainwraps-wraps .mainwraps-wraps-textlist .lis {
  line-height: 1.46em;
  /*height: 1.46em;*/
  height:auto;
  color: #333;
}
.commens-mainwraps-wraps .mainwraps-wraps-textlist .lis:nth-child(n+2) {
  margin-top: 0.35rem;
}
.commens-mainwraps-wraps .mainwraps-wraps-textlist .lis.active {
  color: #437CA3;
}
.commens-mainwraps-wraps.curlist .mainwraps-wraps-textlist,
.commens-mainwraps-wraps.active .mainwraps-wraps-textlist {
  display: block;
}

.supports-mains-titles {
  background: #F5F5F8;
  padding-top: 0.85rem;
  padding-bottom: 1.075rem;
}
.supports-mains-titles span {
  color: #666;
}
.supports-mains-titles .active {
  color: #1D3546;
}

.supports-mains-list {
  padding-top: 0.85rem;
}

.supports-mains-list .list .news-time-list .li{
  margin-left: 0;
  margin-bottom: .25rem;
  margin-right: .25rem;
}
.supports-mains-list .list .news-time-list .li:last-child{
  margin-right: 0;
}


.supports-mains-list .list:nth-child(n+2) {
  margin-top: 1.25rem;
}
.supports-mains-list .list ul {
  margin-top: 0.4rem;
}
.supports-mains-list .list ul a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  background: rgba(219, 221, 223, 0.5);
}
.supports-mains-list .list ul a .tits {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 1.1rem;
  line-height: 1.1rem;
  color: #1D3546;
  width: calc(100% - 200px);
}
.supports-mains-list .list ul li a {
  padding: 0 0.6rem;
}
.supports-mains-list .list ul li:nth-child(2n+2) a {
  background: #F9F9F9;
}
.supports-mains-list .list ul .txts {
  color: #FF0A0A;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-wrap: wrap;
}
.supports-mains-list .list ul .txts svg {
  margin-right: 0.58em;
}
.supports-mains-list .list ul .txts .icon {
  width: 1.25em;
  height: 1.28em;
}
.supports-mains-list .list ul .txts .icon img {
  aspect-ratio: 13/14.51;
}
.supports-mains-list .list .tit-h4 {
  color: #1D3546;
  line-height: 1.318;
  font-style: normal;
  font-weight: 450;
}

.InvestorMarket-uls .imglist .li img {
  width: 100%;
}

.yz-lis-succsee .tit-wraps {
  max-width: 40.55%;
}
.yz-lis-succsee .txts {
  width: 67.3%;
  font-style: normal;
  font-weight: 380;
  color: #1D3546;
  line-height: 1.764;
}
.yz-lis-succsee .yzwraps {
  height: 100%;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.supports-fixeds .yz-list .yz-lis.yz-lis-error .conswens{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.supports-fixeds .yz-list .yz-lis.yz-lis-succsee{
  padding-top: 0;
  padding-bottom: 0;
  padding-left:0;
  padding-right: 0;
}

.supports-fixeds .yz-list .yz-lis.yz-lis-succsee .txts,
.supports-fixeds .yz-list .yz-lis.yz-lis-succsee .tit-wraps{
  padding: 0 1rem;
  padding-right: .85rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.supports-fixeds .yz-list .yz-lis.yz-lis-succsee .tit-wraps{
  width: 32.7%;
  border-right: 1px solid rgba(67, 124, 163, 0.10);
      height: 100%;
      padding-left: .25rem;
      padding-right: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.commen-banner .images:before {
  background: linear-gradient(270deg, rgba(0, 116, 188, 0) 62.55%, rgba(29, 53, 70, 0.2) 96.94%);
  backdrop-filter: blur(10px);
  opacity: 0.5;
}

.supports-fixeds .yz-list .yz-lis {
  height: 5.35rem;
  display: none;
  padding: 0.625rem;
  padding-right: 0.925rem;
  border-radius: 10px;
  border: 1px solid rgba(67, 124, 163, 0.25);
  background: rgba(67, 124, 163, 0.05);
}
.supports-fixeds .yz-list .yz-lis.active {
  display: block;
}
.supports-fixeds .yz-list .yz-lis .icons {
  width: 1.65rem;
  height: 1.65rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #437CA3;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.supports-fixeds .yz-list .yz-lis .icons svg {
  width: 40%;
  /*margin-top: -2px;*/
}
.supports-fixeds .yz-list .yz-lis .icons-txts {
  margin-top: 1em;
  color: #437CA3;
  padding: 0 0.2em;
  line-height: 1.764;
  text-align: center;
}

.supports-fixeds {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999999999999999999999999!important;
  display: none;
}
.supports-fixeds .yz-list {
  /*display: none;*/
}
.supports-fixeds .supports-wraps {
  background: #fff;
  width: 580px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  border-radius: 10px;
  overflow: hidden;
}
.supports-fixeds .supports-wraps .wraps {
  padding: 1rem 0.75rem 1.25rem 0.75rem;
}
.supports-fixeds .supports-wraps .list {
  display: none;
}
.supports-fixeds .supports-wraps .list.active {
  display: block;
}
.supports-fixeds .supports-tits {
  padding: 0.5357em 0.5em;
  line-height: 1.32;
  text-align: center;
  background: #F5F5F8;
}
.supports-fixeds .inputs-list {
  margin-top: 0.45rem;
}
.supports-fixeds .inputs-list input {
  width: 100%;
}
.supports-fixeds .inputs-list input[type=text] {
  padding: 0 0.5rem;
}
.supports-fixeds .inputs-list .li-inputs-yz {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  position: relative;
}

.supports-fixeds .inputs-list .li-inputs-yz .captcha_no svg,.supports-fixeds .inputs-list .li-inputs-yz .captcha_ok svg{
  line-height: 1;
  display: block;
}
.supports-fixeds .inputs-list .li-inputs-yz .captcha_no,.supports-fixeds .inputs-list .li-inputs-yz .captcha_ok{
  position: absolute;
  right: 3rem;
  top: 50%;
  transform:translateY(-50%);
  width: 24px;
  height: 24px;
  /*margin-top: -2px;*/
}
.supports-fixeds .inputs-list .li-inputs-yz input {
  width: calc(100% - 2.5rem);
}
.supports-fixeds .inputs-list .li-inputs-yz img,
.supports-fixeds .inputs-list .li-inputs-yz .buttons {
  border-radius: 4px;
  /*background: #999;*/
  /*height: 0.95rem;*/
  /*line-height: 0.95rem;*/
  width: 2.5rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  object-fit: contain;
}
.supports-fixeds .searchs-wraps {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: center;
  margin-top: .625rem;
  border-radius: 10px;
  border: 1px solid rgba(29, 53, 70, 0.10);
  padding-top: .875rem;
  padding-bottom: .5rem;
}
.supports-fixeds .searchs-wraps .imgs {
  width: 4.2rem;
  height: 4.2rem;
  overflow: hidden;
}
.supports-fixeds .searchs-wraps .imgs img {
  aspect-ratio: 1/1;
  width: 100%;
}
.supports-fixeds .searchs-wraps .texts {
  margin-top: 1.94em;
  line-height: 1.7647;
  color: #437CA3;
}
.supports-fixeds .btns-wraps {
  padding: 0 1rem;
}
.supports-fixeds .btns-wraps .uls {
  border-radius: 2.588em;
  line-height: 2.588em;
  height: 2.588em;
  border: 1px solid rgba(29, 53, 70, 0.5);
  box-sizing: content-box;
}
.supports-fixeds .btns-wraps .li {
  width: 50%;
  overflow: hidden;
  border-radius: 2.588em;
  cursor: pointer;
  text-align: center;
  /*padding: 0 0.25em;*/
  transition: 0.5s ease-in-out;
}
.supports-fixeds .btns-wraps .li.active {
  transition: 0.5s ease-in-out;
  background-color: #1D3546;
  color: #fff;
}
.supports-fixeds .inputs-list .li-inputs {
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.supports-fixeds .inputs-list .li-inputs input {
  height: 0.95rem;
  line-height: 0.95rem;
}
.supports-fixeds .input-submits input[type=submit] {
  width: 100%;
  background-color: #1D3546;
  color: #fff;
  height: 3.0588em;
  line-height: 3.0588em;
  border-radius: 0.25rem;
}

.svgs-hiddens {
  display: none;
}

.supports-fixeds-bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(12.5px);
}

.demandplatform-wraps {
  background: #fff;
}

.supports-fixeds {
  /*display: none;*/
}

.con-h2txts {
  line-height: 1.333;
  font-style: normal;
  font-weight: 450;
}

.Investor-mains .h2-tits {
  line-height: 1.3125;
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
}
.Investor-mains .time-hkdwraps {
  line-height: 1.25;
  color: #1D3546;
}
.Investor-mains .addr-titwraps {
  line-height: 1.3;
}

.InvestorOverview {
  background: #F5F5F8;
  padding-top: 1.325rem;
  padding-bottom: 2.325rem;
}
.InvestorOverview .InvestorOverview-wraps {
  margin-top: 0.85rem;
}

.mt40 {
  margin-top: 1rem;
}

.InvestorOverview-wraps .lefts {
  width: 54.3%;
}
.InvestorOverview-wraps .rights {
  width: 45.7%;
}
.InvestorOverview-wraps .rights .lis {
  border-top: 1px solid rgba(29, 53, 70, 0.1);
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 0.75rem;
  line-height: 1.25;
  align-items: center;
  align-content: center;
}
.InvestorOverview-wraps .rights .lis-tits {
  width: 3rem;
}
.InvestorOverview-wraps .rights .lis-txts {
  width: calc(100% - 3rem);
}
.InvestorOverview-wraps .hkdwraps .txts {
  color: #E60707;
  /*font-family: Montserrat;*/
  line-height: 1.67;
  font-style: normal;
  font-weight: 400;
  padding-left: 0.95rem;
  position: relative;
  margin-top: 0.72em;
}
.InvestorOverview-wraps .hkdwraps .txts .svgs {
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.InvestorOverview-wraps .hkdwraps .txts .svgs svg {
  width: 100%;
  display: block;
  width: 100%;
  height: 100%;
}
.InvestorOverview-wraps .hkdwraps .tit-hkd {
  color: #1D3546;
  /*font-family: Montserrat;*/
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.InvestorOverview-wraps .hkdwraps .tit-hkd span {
  color: #1D3546;
  /*font-family: Montserrat;*/
  font-style: normal;
  font-weight: 500;
}

.InvestorMarket-wraps {
  border-top: 1px solid rgba(68, 68, 68, 0.2);
  padding-top: 0.7rem;
}

.InvestorMarket-uls .uls .lis {
  border-radius: 2px;
  border: 1px solid rgba(68, 68, 68, 0.2);
  min-width: 2.5rem;
  line-height: 2.533em;
  height: 2.533em;
  cursor: pointer;
  text-align: center;
}
.InvestorMarket-uls .uls .lis.active {
  background: #1D3546;
  color: #fff;
}
.InvestorMarket-uls .uls .lis:nth-child(n+2) {
  margin-left: 4px;
}
.InvestorMarket-uls .imglist {
  margin-top: 0.8rem;
}
.InvestorMarket-uls .imglist .li {
  display: none;
}

.InvestorReport {
  padding-top: 1.175rem;
}

.mt24 {
  margin-top: 0.6rem;
}

.more-btns a {
  display: flex;
  flex-wrap: wrap;
  border-radius: 1.05rem;
  border: 1px solid #1D3546;
  line-height: 1.05rem;
  height: 1.05rem;
  padding: 0 0.875rem;
  color: #1D3546;
  /*font-family: MiSans;*/
  font-style: normal;
  font-weight: 330;
  line-height: normal;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  align-items: center;
}
.more-btns a svg {
  width: 10px;
  height: 10px;
  margin-left: 0.5em;
}
.more-btns a span {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.jobs-tops-wraps .con-h2txts {
  margin-bottom: 0.75rem;
  border-bottom: 2px solid #1D3546;
}

.integrity-wraps .eduprofile-details {
  color: #333;
  line-height: 1.647;
}

.history-bots-wraps .items:nth-child(2n+2) {
  background: rgba(245, 245, 248, 0.5);
}

.InvestorReport-list .link .spans {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.honors-centers .list .items {
  background: #FAFAFC;
}

.demandplatform-mainwraps .demandplatform-main.honorpdd {
  padding-bottom: 0 !important;
}

.honors-bottoms {
  padding-top: 1.1rem;
  background: rgba(245, 245, 248, 0.5);
  padding-bottom: 2.95rem;
}

.InvestorReport-list li {
  padding-left: 0.55rem;
  padding-right: 0.65rem;
}
.InvestorReport-list li:nth-child(2n+1) {
  background: rgba(243, 245, 245, 0.5);
}
.InvestorReport-list .link {
  line-height: 1.1rem;
  height: 1.1rem;
  overflow: hidden;
  position: relative;
  padding-left: 22px;
  font-weight: 450;
  color: #1D3546;
}
.InvestorReport-list .link .icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 16px;
}

.InvestorReport-list .link .icon svg{
  max-width: 100%;
  max-height: 100%;
}
.InvestorReport-list .link .icon img {
  aspect-ratio: 13.05/14.51;
}
.InvestorReport-list .time {
  font-weight: 330;
  color: rgba(0, 0, 0, 0.5);
}

.commen-banner .words .tits {
  line-height: inherit;
}

#changeRate.active .svgs rect {
  fill: #037b66;
}
#changeRate.active .svgs svg {
  transform: rotate(180deg);
}

.max9em {
  max-width: 9em;
}

.pd66 {
  padding-left: 1.65rem;
  padding-right: 1.65rem;
}

.mt80 {
  margin-top: 2rem;
}

.mt32 {
  margin-top: 0.8rem;
}

.mt58 {
  margin-top: 1.45rem;
}

/*abouts*/
.abouts-tops-images {
  position: relative;
  overflow: hidden;
}
.abouts-tops-images .words {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.25em 1.65rem;
  color: #333;
}
.abouts-tops-images .txts {
  line-height: 1;
  color: #1D3546;
  margin-top: 6px;
  font-style: normal;
  font-weight: 450;
}
.abouts-tops-images .tits {
  line-height: 2.18;
}

.abouts-tops-intros {
  padding-bottom: 1.625rem;
}
.abouts-tops-intros .words .tits {
  font-style: normal;
  font-weight: 450;
  color: #1D3546;
  line-height: 1.33;
}
.abouts-tops-intros .words .txts {
  font-weight: 330;
  color: #333;
  line-height: 1.294;
}

.abouts-tops-intros .words .txts span[style="text-decoration: underline;"],
.abouts-tops-intros .words .spans {
  color: #1D3546;
  font-weight: 450;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.abouts-tops-intros .nums-list .items {
  width: calc((100% - 0.7rem) / 3);
  border-radius: 5px;
  border: 1px solid rgba(29, 53, 70, 0.02);
  background: #FFF;
  box-shadow: 0 5px 10px 0 rgba(67, 124, 163, 0.1);
  margin-left: 0.35rem;
  padding: 1rem 1.25rem;
}
.abouts-tops-intros .nums-list .items .spans {
  font-weight: 330;
  color: #333;
}
.abouts-tops-intros .nums-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.abouts-tops-intros .nums-list .spans {
  line-height: 1.35;
}
.abouts-tops-intros .nums-list .nums {
  color: #1D3546;
  font-style: normal;
  font-weight: 520;
  line-height: 1.3125;
  margin-top: 0.25rem;
}
.abouts-tops-intros .nums-list .zi {
  line-height: 1.25;
  color: #437CA3;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.abouts-tops-intros .images {
  margin-top: 1.4rem;
  overflow: hidden;
}

.mt58 {
  margin-top: 1.45rem;
}

.vision-tops .images {
  overflow: hidden;
}
.vision-tops .images img {
  transition: 0.5s ease;
  width: 100%;
}

.abouts-vision .images {
  width: 47.75%;
  aspect-ratio: 25/14;
  border-radius: 10px;
  overflow: hidden;
}
.abouts-vision .images img {
  object-fit: cover;
}
.abouts-vision .words {
  width: 52.25%;
  padding: 0.9rem 1.5rem;
}
.abouts-vision .words .icons {
  width: 0.7rem;
  height: 0.7rem;
}
.abouts-vision .words .tits {
  margin-top: 0.4rem;
  margin-bottom: 0.125rem;
  color: #333;
  line-height: 1.5;
  font-weight: 450;
}
.abouts-vision .words .txts {
  color: #1D3546;
  line-height: 2.18;
  font-weight: 450;
  margin-top: 0.125rem;
}

.abouts-tops-images .images {
  aspect-ratio: 117/32;
}

.abouts-tops-images{
  box-shadow: 0 15px 30px -10px #f4f8fa;
}
.abouts-tops-images .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vision-bots {
  align-items: stretch;
}
.vision-bots .items {
  width: calc((100% - 1.5rem) / 3);
  margin-left: 0.75rem;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 5px 15px 0 rgba(29, 53, 70, 0.05);
  overflow: hidden;
  padding: 0.7rem 1rem;
  padding-right: .5rem;
}
.vision-bots .items:nth-child(3n+1) {
  margin-left: 0;
}
.vision-bots .items .icons {
  width: 0.8rem;
  height: 0.8rem;
}
.vision-bots .items .icons svg{
  width: 100%;
  height: 100%;
}
.vision-bots .items .tits {
  color: #333;
  font-weight: 450;
  line-height: 2.18;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.vision-bots .items .txts {
  color: #1D3546;
  font-weight: 330;
  line-height: 1.294;
}

.mt30 {
  margin-top: 0.75rem;
}

.cons-tits {
  color: #1D3546;
  line-height: 1.333;
}

.news-tops-images {
  position: relative;
}
.news-tops-images .words {
  position: absolute;
  padding: 0.25rem 1.65rem;
  color: #333;
  font-style: normal;
  font-weight: 450;
  letter-spacing: -0.32px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news-tops-images .words span {
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.news-tops-images .words .tits {
  padding-bottom: 1.375em;
}
.news-tops-images .images {
  aspect-ratio: 117/28;
}
.news-tops-images .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mt15 {
  margin-top: 0.375rem;
}

.news-center-company .li {
  border-radius: 5px;
  background: #F5F5F8;
  overflow: hidden;
  display: block;
}
.news-center-company .li .images {
  aspect-ratio: 170/117;
  overflow: hidden;
  border-radius: 5px;
}
.news-center-company .li .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-center-company .li .words {
  padding: 0.65rem 0.55rem 0.85rem 0.55rem;
}
.news-center-company .li .time {
  color: #999;
  font-style: normal;
  font-weight: 450;
  line-height: 1.3;
}
.news-center-company .li .tits {
  color: #333;
  font-style: normal;
  font-weight: 450;
  line-height: 1.6;
  height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-center-company .li .tits {
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
}
.news-center-company .swiper-pagination {
  position: static;
}

.cons-btns {
  display: inline-flex;
  padding: 0 1.66em;
  align-items: center;
  border-radius: 2.66em;
  height: 2.66em;
  line-height: 2.66em;
  background: #FFF;
  color: #1D3546;
}
.cons-btns svg {
  margin-left: 3px;
}

.cons-swiper .swiper-pagination {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.cons-swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 9px;
  opacity: 0.2;
  background: #1D3546;
  margin: 0 0.25rem;
}
.cons-swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next {
  width: 1.2rem;
  height: 1.2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.cons-swiper .swiper-button-prev {
  background-image: url(/bocstatic/web/consweb/prev-active.svg);
}
.cons-swiper .swiper-button-next {
  background-image: url(/bocstatic/web/consweb/next-active.svg);
}

.news-center-company {
  padding-bottom: 0.9rem;
}

.c-uls-list .uls-li{
  display: none;
}

.news-time-list.cons-onclick{
  background: transparent;
  border-top: none;
  border-bottom: none;
  padding-bottom: 0;
}

.news-time-list {
  padding: 0.55rem 0;
  border-top: 1px solid rgba(217, 217, 217, 0.5);
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}
.news-time-list .li {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  line-height: 2.58;
  color: #333;
  text-align: center;
  font-style: normal;
  font-weight: 450;
  padding: 0 0.25rem;
  min-width: 3rem;
  overflow: hidden;
  cursor: pointer;
}
.news-time-list .li:nth-child(n+2) {
  margin-left: 0.25rem;
}
.news-time-list .li.active {
  background: #1D3546;
  color: #fff;
}

.news-bottom-list .news-list .li {
  border-radius: 5px;
  background: #FFF;
  height: 3.88em;
  line-height: 3.88em;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  padding-left: 0.75rem;
  padding-right: 0.7rem;
}
.news-bottom-list .news-list .li:nth-child(n+2) {
  margin-top: 0.35rem;
}
.news-bottom-list .news-list .li .tits {
  color: #333;
  font-weight: 450;
  line-height: 20px;
  width: calc(100% - 100px);
  line-height: 1.3;
  height: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news-bottom-list .news-list .li .time {
  color: #999;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}

.newsdetails-wraps {
  padding-top: 0.625rem;
  padding-bottom: 2.45rem;
}

.newsdetails-bots {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 1px solid rgba(29, 53, 70, 0.1);
}
.newsdetails-bots .buttons a {
  color: #333;
  leading-trim: both;
  text-edge: cap;
  font-style: normal;
  font-weight: 330;
  display: block;
  line-height: 1.67em;
  height: 1.67em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newsdetails-bots .buttons a span {
  font-weight: 630;
  color: inherit;
}
.newsdetails-bots .next {
  margin-top: 0.5rem;
}
.newsdetails-bots .backs {
  width: 1.825rem;
}
.newsdetails-bots .backs a {
  display: block;
}
.newsdetails-bots .backs a svg {
  display: block;
  width: 100%;
  pointer-events: none;
}
.newsdetails-bots .buttons {
  width: calc(100% - 2rem);
}

.mt104 {
  margin-top: 2.6rem;
}

.w1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  width: 92%;
}

.mt38 {
  margin-top: 0.95rem;
}

.newsdetails-titles {
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #1D3546;
}
.newsdetails-titles .h2tits {
  line-height: 1.5;
  font-weight: 450;
  /*font-family: "MiSans Medium";*/
}
.newsdetails-titles .time {
  margin-top: 0.5em;
  color: #999;
  font-style: normal;
  font-weight: 450;
  line-height: 1.3;
}
.newsdetails-wraps .newsdetails-words > p:not(:empty):nth-child(1){
  color: #1D3546;
}
.newsdetails-words {
  color: #666;
  font-weight: 330;
  line-height: 1.6;
}
.newsdetails-words span {
  color: #1D3546;
  font-style: normal;
  font-weight: 380;
}
.newsdetails-words img{
  display: inline-block;
}
.mt54 {
  margin-top: 1.35rem;
}

.mt90 {
  margin-top: 2.25rem;
}

.mt98 {
  margin-top: 2.45rem;
}

.history-tops-wraps {
  padding-top: 1.5rem;
}
.history-tops-wraps .txts {
  color: #333;
  font-style: normal;
  font-weight: 330;
  line-height: 1.4;
}
.history-tops-wraps .list .items {
  width: 30.6%;
  margin-left: 4.1%;
  color: #fff;
  padding: 0.8rem 1rem;
  margin-bottom: 4%;
  border-radius: 5px;
}
.history-tops-wraps .list .items .txts {
  color: #fff;
  margin-top: 0.25rem;
  line-height: 1.36;
  min-height: 2.72em;
  overflow: hidden;
}
.history-tops-wraps .list .items .txts span {
  display: block;
}
.history-tops-wraps .list .items:nth-child(3n+1) {
  margin-left: 0;
}
.history-tops-wraps .list .items .icons {
  width: 1.3rem;
  height: 1.3rem;
  margin-top: 0.4rem;
}
.history-tops-wraps .list .items.items3 {
  color: #333;
}
.history-tops-wraps .list .items.items3 .txts {
  color: #333;
}

.history-bots-wraps .items {
  background: rgba(245, 245, 248, 0.2);
  position: relative;
  border-top: 1px solid rgba(217, 217, 217, 0.5);
}

.cons-more-wraps .loading-tip {
  align-items: center;
  justify-content: center;
  align-content: center;
}
.cons-more-wraps .wraps {
  cursor: pointer;
}

.cons-more-wraps .icons {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0 auto;
  margin-bottom: .2rem;
}
.cons-more-wraps .icons svg {
  width: 100%;
  height: 100%;
  display: block;
}
.cons-more-wraps .icons .tmores {
  margin-top: 8px;
  line-height: 1.33;
  color: #333;
}

.history-bots-wraps .items {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.history-bots-wraps .uls {
  margin-top: 0.5rem;
}
.history-bots-wraps .uls ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 1em;
}
.history-bots-wraps .uls ul li {
  width: 33.33%;
  color: #333;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  padding-left: 0;
  list-style: disc;
}
.history-bots-wraps .uls ul li::marker {
  color: #999;
  margin-left: -1em;
}
.history-bots-wraps .year {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
.history-bots-wraps .year span {
  border-radius: 2px;
  background: #1D3546;
  color: #FFF;
  line-height: 1.647;
  height: 1.647;
  padding: 0 0.765em;
}

.cons-more-wraps {
  /*display: none;*/
}

.honors-tops {
  padding-top: 1.6rem;
  background: #FAFAFC;
  padding-bottom: 1.05rem;
}
.honors-tops .swiper-pagination {
  position: static;
  margin-top: 0.875rem;
}
.honors-tops .items {
  border-radius: 5px;
  color: #333;
  font-style: normal;
  font-weight: 450;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  padding: 0.85rem 0.8rem 1rem 1rem;
  height:auto;
}

.honors-tops .items{
  width: calc((100% - 88px)/3);
  margin-right: 44px;
}
.honors-tops .items:last-child{
  margin-right: 0;
}
.honors-tops .items.active {
  background-color: #1D3546;
  color: #fff;
}
.honors-tops .items.active .icons .i0 {
  opacity: 1;
}
.honors-tops .items.active .icons .i1 {
  opacity: 0;
}
.honors-tops .txts {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.35;
  height: 2.7;
  overflow: hidden;
}
.honors-tops .icons {
  position: relative;
  width: 0.925rem;
  overflow: hidden;
  height: 0.925rem;
}
.honors-tops .icons img {
  display: block;
}
.honors-tops .icons .i0 {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.mt70 {
  /*margin-top: .75rem;*/
}

.mt25 {
  margin-top: 0.625rem;
}

.mt60 {
  margin-top: 1.5rem;
}

.honors-centers .list .items {
  margin-left: 0.4rem;
  width: calc((100% - 0.4rem) / 2);
  margin-bottom: 0.4rem;
  padding: 0.5rem;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  color: #333;
}
.honors-centers .list .items .nums {
  width: 2.95em;
  font-weight: 450;
}
.honors-centers .list .items .uls {
  width: calc(100% - 3.76em);
  font-weight: 380;
}
.honors-centers .list .items:nth-child(2n+1) {
  margin-left: 0;
}

.honors-bottoms .list .items {
  width: 48%;
  margin-left: 4%;
  margin-bottom: 0.35rem;
}
.honors-bottoms .list .items:nth-child(2n+1) {
  margin-left: 0;
}
.honors-bottoms .list .items .nums {
  width: 2rem;
  padding-right: 5px;
  color: #333;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.honors-bottoms .list .items .uls {
  width: calc(100% - 2rem);
  color: #999;
  font-style: normal;
  font-weight: 330;
  line-height: 1.6;
}
.honors-bottoms .list .items .uls ul {
  padding-left: 1.5em;
}
.honors-bottoms .list .items .uls li {
  list-style: disc;
}

.mt75 {
  margin-top: 1.875rem;
}

.pd77 {
  padding-top: 1.925rem;
}

.eduprofile-button {
  display: flex;
  flex-wrap: wrap;
}
.eduprofile-button .buttons {
  border-radius: 2px;
  background: #1D3546;
  color: #fff;
  /*height: 3.53em;*/
  /*line-height: 3.53em;*/
  line-height: 3em;
  height: 3em;
  padding-left: 0.9em;
  padding-right: 3.5em;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.eduprofile-button .buttons .svgs {
  margin-right: 0.7em;
  width: 1.2em;
  height: 1.2em;
  display: block;
}
.eduprofile-button .buttons .svgs svg {
  width: 100%;
  height: 100%;
  display: block;
}

.eduprofile-images {
  position: relative;
}
.eduprofile-images img {
  object-fit: cover;
  aspect-ratio: 117/32;
}

.mt63 {
  margin-top: 1.575rem;
}

.mt52 {
  margin-top: 1.3rem;
}

.eduprofile-wraps .eduprofile-intros {
  margin-top: 6px;
  color: #437CA3;
  font-style: normal;
  font-weight: 450;
  line-height: 1.3125;
}

.eduprofile-details {
  color: #333;
  font-style: normal;
  font-weight: 330;
  line-height: 1.6;
}

.mt100 {
  margin-top: 2.5rem;
}

.eduprofile-erweima {
  padding: 1.2rem 1.05rem;
  background: #F5F5F8;
}
.eduprofile-erweima .wraps-text {
  align-items: center;
}
.eduprofile-erweima .imgs {
  width: 136px;
  height: 136px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.eduprofile-erweima .wens {
  width: calc(100% - 136px);
  padding-left: 0.75rem;
  color: #1D3546;
  font-weight: 330;
  line-height: 1.6;
  font-size: 0.375rem;
}

.edunews-tops-banners .items {
  background: #F5F5F8;
  padding-top: 1.075rem;
  padding-bottom: 1.075rem;
  align-items: center;
}
.edunews-tops-banners .words {
  width: 73.33%;
  padding-left: 1rem;
  color: rgba(51, 51, 51, 0.5);
}
.edunews-tops-banners .words .tits {
  color: #333;
}
.edunews-tops-banners .words .time {
  font-style: normal;
  font-weight: 450;
  line-height: 1.3;
}
.edunews-tops-banners .words .tits {
  line-height: 1.6;
  height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.edunews-tops-banners .words .txts {
  margin-top: 0.45rem;
  line-height: 1.6;
  height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edunews-tops-banners .images {
  border-radius: 5px;
  width: 26.67%;
  overflow: hidden;
}
.edunews-tops-banners .images img {
  width: 100%;
  aspect-ratio: 103/71;
  object-fit: cover;
}

.mt72 {
  margin-top: 1.8rem;
}

.edunews-bots-list .list {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.edunews-bots-list .items {
  color: #333;
  font-style: normal;
  font-weight: 450;
  height: 3.88em;
  line-height: 3.88em;
  overflow: hidden;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.edunews-bots-list .items:nth-child(n+2) {
  margin-top: 0.55rem;
}
.edunews-bots-list .items .time {
  max-width: 100px;
  overflow: hidden;
  color: #999;
  font-style: normal;
  font-weight: 450;
}
.edunews-bots-list .items .tits {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: calc(100% - 100px);
}

.integrity-wraps {
  background: #FAFAFC;
  padding-bottom: 2.125rem;
}
.integrity-wraps .eduprofile-details {
  line-height: 1.647;
  margin-bottom: 1.647em;
}
.integrity-wraps .integrity-bottoms {
  line-height: 1.36;
}

.integrity-suggestions .suggestions-tits {
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
  line-height: 1.36;
}

.suggestions-list .items {
  border-radius: 10px;
  background: #F5F5F8;
  overflow: hidden;
  width: 49%;
  margin-left: 1%;
  padding: 0.25rem 1.1rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
}
.suggestions-list .items:nth-child(2n+1) {
  margin-left: 0;
}
.suggestions-list .items .words {
  width: calc(100% - 1.65rem);
  padding-left: 1.15rem;
  color: #666;
  font-style: normal;
  font-weight: 450;
  line-height: 2;
}
.suggestions-list .items .words .txts {
  color: #333;
  font-style: normal;
  font-weight: 330;
  line-height: 1.36;
}
.suggestions-list .items .icons {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  background-color: #1D3546;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.suggestions-list .items .icons img {
  display: block;
  max-width: 42%;
}

.eduprofile-button .buttons.active {
  padding-left: 1.589em;
  padding-right: 1.589em;
}
.eduprofile-button .buttons.active .svgs {
  margin-right: 0;
  margin-left: 3.5em;
}

.cursor {
  cursor: pointer;
}

.mt106 {
  margin-top: 2.65rem;
}

.cons-fixeds {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  display: none;
}
.cons-fixeds .cons-fixeds-bgs {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(10px);
}
.cons-fixeds .closes {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  overflow: hidden;
  z-index: 6;
  cursor: pointer;
  background: #fff;
}
.cons-fixeds .cons-fixeds-wraps {
  position: absolute;
  background: #fff;
  border-radius: 10px;
  z-index: 5;
  overflow: hidden;
  max-width: 1100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.eduprofile-fixeds .cons-fixeds-wraps {
  height: 67%;
  width: 80%;
  padding: 1.25rem 1rem 1.25rem 1.3rem;
}
.eduprofile-fixeds .cons-fixeds-wraps .words {
  /*overflow: hidden;
  overflow-y: auto;*/
  height: 100%;
  color: #666;
  font-style: normal;
  font-weight: 330;
}

.eduprofile-fixeds .cons-fixeds-wraps .words .words-texty{
  padding-right: 0.75rem;
  height: calc(100% - 50px);
  overflow: hidden;
  overflow-y: auto;
}
.eduprofile-fixeds .cons-fixeds-wraps .words h4, .eduprofile-fixeds .cons-fixeds-wraps .words ul {
  font-size: inherit;
  font-weight: inherit;
}
.eduprofile-fixeds .cons-fixeds-wraps .words h4 {
  margin-bottom: 1em;
  margin-top: 2em;
  color: #000;
  font-weight: 330;
  line-height: 1.333;
}
.eduprofile-fixeds .cons-fixeds-wraps .words h3.tits {
  color: #333;
  font-weight: 450;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.eduprofile-fixeds .cons-fixeds-wraps .words hr {
  margin-top: 0.55rem;
  margin-bottom: 0.625rem;
  border-color: #333;
  border-bottom: none;
}

.jobs-searchs .li-bots {
  /*display: none;*/
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
}
.jobs-searchs .li {
  margin-right: 0.55rem;
  position: relative;
  width: calc((100% - 5.1rem) / 2);
}
.jobs-searchs .li .li-bots {
  display: none;
  color: #666;
  line-height: 1.25;
  background: #fff;
  height: 5rem;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 0 10px 15px -5px rgba(0,0,0,0.12);
}
.jobs-searchs .li .li-bots .i {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  padding-left: 1rem;
}
.honors-bottoms .list .items .uls li{
  /*font-family: "MiSans Light";*/
}
.jobs-searchs .li-tops {
  height: 1.25rem;
  line-height: 1.25rem;
  background: #FFF;
  padding: 0 1rem;
  padding-right: 1.25rem;
  border-radius: 1.25rem;
  color: #999;
  position: relative;
  cursor: pointer;
}
.jobs-searchs .li-tops:before, .jobs-searchs .li-tops:after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.jobs-searchs .li-tops:before {
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 0.5rem;
  height: 0.5rem;
  background: url(/bocstatic/web/consweb/img/3-05.svg) no-repeat center;
  background-size: 100%;
}
.jobs-searchs .li-submits {
  width: 4rem;
}
.jobs-searchs .li-submits input[type=submit] {
  width: 100%;
  display: block;
  display: flex;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 0.6rem;
  border-radius: 1.25rem;
  background: #1D3546;
  color: #fff;
  font-size: inherit;
}

.jobs-tops-wraps {
  background: #FAFAFC;
  padding-top: 1.925rem;
  padding-bottom: 1.25rem;
}
.jobs-tops-wraps .con-h2txts {
  padding-bottom: 0.6rem;
}

.jobs-searchs .li .li-bots .i.active {
  background-color: #437CA3;
  color: #fff;
}
.jobs-searchs .li.active .li-tops:before{
    transform: rotate(180deg);
     transform-origin: 55% 24%;
}

.jobs-searchs .li-tops {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mt50 {
  margin-top: 1.25rem;
}

.jobs-center-wraps .list .list-tops {
  border-radius: 5px;
  background: #1D3546;
  color: #fff;
}
.jobs-center-wraps .list .items, .jobs-center-wraps .list .list-tops {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.75rem 1rem;
  justify-content: space-between;
}
.jobs-center-wraps .list .li1 {
  width: 28.865%;
}
.jobs-center-wraps .list .li2 {
  width: 20.6%;
}
.jobs-center-wraps .list .li3 {
  width: 30%;
}
.jobs-center-wraps .list .li4 {
  width: 12.37%;
}
.jobs-center-wraps .list .items {
  color: #000;
  line-height: 1.333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.jobs-center-wraps .list .btns {
  border-radius: 1.1rem;
  border: 1px solid #437CA3;
  background: #FFF;
  height: 1.1rem;
  line-height: 1.1rem;
  overflow: hidden;
  color: #437CA3;
  text-align: center;
  font-style: normal;
  font-weight: 450;
}

.jobs-fixeds-wraps .cons-fixeds {
  display: block;
}
.jobs-fixeds-wraps .cons-fixeds-wraps {
  width: 80%;
  max-width: 1100px;
  overflow: hidden;
  padding: 1.3rem 1rem 1.3rem 1.5rem;
}
.jobs-fixeds-wraps .w-wraps {
  height: 11.5rem;
  overflow: hidden;
  overflow-y: auto;
}
.jobs-fixeds-wraps .words{
  position: relative;
}
.jobs-fixeds-wraps .words:before{
  position: absolute;
  width: calc(100% - 2rem);
  left: 0;
  bottom: 0;
  content:"";
  background: rgba(51, 51, 51, 0.1);
  height: 1px;

}
.jobs-fixeds-wraps .w-wraps{
  padding-right: 2rem;
}
.jobs-fixeds-wraps .h3tits {
  line-height: 1.2;
  font-weight: 380;
  color: #333;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #333;
  width: calc(100% - 2rem);
}
.jobs-fixeds-wraps .w-tops-list .li {
  width: calc((100% - .875rem) / 2);
  margin-left: 0.875rem;
  border-bottom: 1px solid rgba(153, 153, 153, 0.25);
}
.jobs-fixeds-wraps .w-tops-list .li:nth-child(2n+1) {
  margin-left: 0;
}
.jobs-fixeds-wraps .w-bots-words .items-tops {
  color: #000;
  line-height: 1.2;
}
.jobs-fixeds-wraps .w-bots-words .items-bots {
  margin-top: 0.65rem;
  color: #666;
  font-style: normal;
  font-weight: 330;
  line-height: 1.6;
  padding-bottom: 0;
  /*padding-bottom: 2.5rem;*/
}
.jobs-fixeds-wraps .w-wraps .w-bots-words{
  /*border-bottom: 1px solid rgba(51, 51, 51, 0.1);*/
  padding-bottom: .8rem;
}
.jobs-fixeds-wraps .w-wraps .w-tops-list {
  padding-top: 0.375rem;
}
.jobs-fixeds-wraps .w-wraps .li {
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
  color: rgba(51, 51, 51, 0.8);
  border-bottom: 1px solid rgba(153, 153, 153, 0.25);
}

.jobs-fixeds-wraps .a-link-wraps {
  align-items: center;
  justify-content: center;
  align-content: center;
}
.jobs-fixeds-wraps .a-link-wraps .svgs svg {
  width: 100%;
  display: block;
  height: 100%;
}
.jobs-fixeds-wraps .a-link-wraps .svgs {
  margin-left: 0.8rem;
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  overflow: hidden;
}
.jobs-fixeds-wraps .a-link-wraps .link {
  background: #1D3546;
  border-radius: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  align-items: center;
  justify-content: center;
  align-content: center;
  color: #fff;
  padding-left: 0.625rem;
  padding-right: 0.3rem;
}

.demandplatform-mainwraps .demandplatform-aside {
  position: sticky;
  left: 0;
  top: 2.5rem;
  z-index: 5;
}

.directors-tops-tits {
  font-style: normal;
  font-weight: 450;
  padding-top: 1.425rem;
  padding-bottom: 1.175rem;
  line-height: 1.3125;
  background: #F5F5F8;
}

.mt44 {
  margin-top: 1.1rem;
}

.directors-center-list .cons-tits {
  font-style: normal;
  font-weight: 450;
  line-height: 1.353;
}
.directors-center-list .items-uls .lis {
  width: calc((100% - 14px) / 3);
  margin-left: 7px;
  padding: 0.9rem 0.9rem 0.75rem 0.6rem;
  background: #F5F5F8;
  color: #1D3546;
}
.directors-center-list .items-uls .lis:nth-child(3n+1) {
  margin-left: 0;
}
.directors-center-list .uls .li {
  width: calc((100% - 7px) / 2);
  margin-left: 7px;
  background: #F5F5F8;
  margin-bottom: 6px;
  padding: 0.55rem 0.55rem 0.65rem 0.6rem;
}
.directors-center-list .uls .li:nth-child(2n+1) {
  margin-left: 0;
}
.directors-center-list .uls .li-tops {
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
  line-height: 1.3;
}
.directors-center-list .uls .li-bots {
  margin-top: 4px;
  color: #000;
  font-style: normal;
  font-weight: 330;
  opacity: 0.5;
  line-height: 1.25;
}

.profiles-tops-list {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}
.profiles-tops-list .lis {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  padding: 0 0.3rem;
  height: 1.1rem;
  line-height: 1.1rem;
  min-width: 3rem;
  text-align: center;
}
.profiles-tops-list .lis.active {
  background: #1D3546;
  color: #fff;
}
.profiles-tops-list .lis:nth-child(n+2) {
  margin-left: 0.25rem;
}

.profiles-list .items:nth-child(n+2) {
  margin-top: 0.65rem;
}
.profiles-list .items .tits {
  line-height: 1.35;
}
.profiles-list .items .txts {
  margin-top: 0.5rem;
  background: #F5F5F8;
  font-weight: 330;
  color: rgba(0, 0, 0, 0.5);
  padding: 0.6rem 0.65rem 0.6rem 0.6rem;
  line-height: 1.66;
}

.mt36 {
  margin-top: 0.9rem;
}

.documents-center-list .tits {
  font-style: normal;
  font-weight: 450;
  line-height: 1.353;
  margin-bottom: 1em;
}
.documents-center-list .InvestorReport-list {
  padding-top: 1rem;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid rgba(29, 53, 70, 0.1);
}
.documents-center-list .InvestorReport-list:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.documents-center-list .InvestorReport-list:nth-child(1) {
  padding-top: 0;
}
.documents-center-list .InvestorReport-list li:nth-child(2n+1) {
  background-color: rgba(243, 245, 245, 0.5);
}
.documents-center-list .InvestorReport-list .link {
  /*padding-left: .55rem;*/
  padding-right: 0.65rem;
}

.interaction-center-list .list {
  padding-top: 0.75rem;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid rgba(29, 53, 70, 0.1);
}
.interaction-center-list .list .icons {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 5px;
  overflow: hidden;
  background-color: #1D3546;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.interaction-center-list .list .icons img {
  max-width: 40.476%;
}
.interaction-center-list .list .words {
  width: calc(100% - 1.05rem);
  padding-left: 0.25rem;
}
.interaction-center-list .list .words .txts {
  line-height: 1.4;
}
.interaction-center-list .list .words .tits {
  margin-bottom: 5px;
  color: #999;
  font-style: normal;
  font-weight: 450;
  line-height: 1.36;
}

.reporting-contacts-tits .reporting-contacts-titswraps {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(29, 35, 70, 0.1);
}

.reporting-contacts-titswraps .li {
  background: #FFF;
  width: calc((100% - 1.125rem) / 4);
  margin-left: 0.375rem;
  padding: 0.6rem 0.45rem;
  padding-right: 0.5rem;
}
.reporting-contacts-titswraps .li:nth-child(4n+1) {
  margin-left: 0;
}
.reporting-contacts-titswraps .li .wens {
  width: calc(100% - 0.75rem);
  padding-right: 0.25rem;
}
.reporting-contacts-titswraps .li .icons {
  width: 0.75rem;
  height: 0.75rem;
}
.reporting-contacts-titswraps .li .icons img {
  display: block;
  width: 100%;
}
.reporting-contacts-titswraps .li .cli-tits {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 330;
  line-height: 1.25;
}
.reporting-contacts-titswraps .li .cli-txts {
  margin-top: 6px;
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
  line-height: 1.3;
}

.reporting-contacts-tits {
  padding-bottom: 2rem;
}

/*.demandplatform-main:after{
  opacity: 0;
  transition: 1s ease-in-out;
}
.demandplatform-main.animated:after{
  opacity: 1;
  transition: 1s ease-in-out;
  transition-delay: .5s;
}*/
.reporting-contacts-titswraps .li {
  align-items: stretch;
}

.reporting-contacts-titswraps .li .li-wraps {
  align-items: center;
  width: 100%;
}

.documents-center-list .InvestorReport-list .link .spans {
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.documents-center-list .InvestorReport-list .link .time {
  max-width: 100px;
}

.directors-tops-tits .tits {
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
}

.shareholders-center-list address {
  font-style: normal;
}

.shareholders-center-list li {
  border-bottom: 1px solid rgba(29, 53, 70, 0.1);
  padding-top: 0.55rem;
  padding-bottom: 1.5rem;
}
.shareholders-center-list .adddr {
  background: #F5F5F8;
  padding: 0.4rem 0.65rem 0.375rem 0.6rem;
  margin-top: 0.3rem;
}
.shareholders-center-list .adddr .i0 {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 330;
  line-height: 1.5;
}
.shareholders-center-list .adddr .i1 {
  color: rgba(0, 0, 0, 0.5);
  font-style: normal;
  font-weight: 330;
  line-height: 1.385;
}
.shareholders-center-list .tits {
  color: #999;
  font-style: normal;
  font-weight: 450;
  line-height: 1.25;
}
.shareholders-center-list .txts {
  color: #1D3546;
  font-style: normal;
  font-weight: 450;
  line-height: 1.35;
  margin-top: 5px;
}
.shareholders-center-list .time {
  color: #437CA3;
  font-style: normal;
  font-weight: 450;
  position: relative;
  display: flex;
  line-height: 1.15;
  margin-top: 0.25rem;
}
.shareholders-center-list .time .spans {
  position: relative;
}
.shareholders-center-list .time .spans:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  background: #999999;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.shareholders-center-list .time span {
  position: relative;
  z-index: 2;
}

.newsletter-wraps {
  /*margin-bottom: 1.05rem;*/
  border-bottom: 1px solid rgba(29, 53, 70, 0.1);
  padding-top: 1.05rem;
  padding-bottom: 0.9rem;
}
.newsletter-wraps .tits {
  line-height: 1.353;
  font-style: normal;
  font-weight: 450;
}
.newsletter-wraps .txts {
  font-style: normal;
  font-weight: 450;
  line-height: 1.25;
  margin-bottom: 0.25rem;
}
.newsletter-wraps .texts {
  margin-top: 0.3rem;
  color: #999;
  font-style: normal;
  font-weight: 330;
  line-height: 1.16;
  text-transform: capitalize;
  /*font-family: "MiSans Light";*/
}
.newsletter-wraps .inputslist {
  position: relative;
}
.newsletter-wraps .inputslist input {
  height: 3.66em;
  line-height: 3.66em;
  padding: 0 0.45rem;
}
.newsletter-wraps .inputslist input[type=text] {
  border-radius: 5px;
  background: #F5F5F8;
  width: 100%;
}
.newsletter-wraps .inputslist input[type=submit] {
  background: #1D3546;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.175rem;
  border-radius: 5px;
  overflow: hidden;
}

.investor-fixeds {
  display: block;
}
.investor-fixeds.cons-fixeds .cons-fixeds-wraps {
  width: 80%;
  max-width: 1190px;
  min-height: 50%;
  max-height: 72%;
  height: 72vh;
}
.investor-fixeds .cons-fixeds-wraps {
  padding: 1.75rem 1.25rem;
}
.investor-fixeds .investorwords {
  height: calc(100% - 3.4rem);
  overflow: hidden;
  overflow-y: auto;
  padding-right: 0.5rem;
}


.investor-fixeds .investorwords .h3tits {
  color: #333;
  font-style: normal;
  font-weight: 450;
  line-height: 1.5;
}
.investor-fixeds .investorwords .w-wraps {
  /*color: #999;*/
  font-style: normal;
  font-weight: 450;
  line-height: 1.5;
  margin-top: 1.2em;
}
.investor-fixeds .investor-btnlist {
  margin-top: 1.625rem;
}
.investor-fixeds .investor-btnlist .btn-wraps {
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
}
.investor-fixeds .investor-btnlist .k-2 {
  display: none;
}
.investor-fixeds .investor-btnlist .btns {
  cursor: pointer;
  margin: 0 0.25rem;
  border-radius: 1.25rem;
  background: #F5F5F8;
  height: 1.25rem;
  line-height: 1.25rem;
  width: 3.1rem;
  text-align: center;
}
.investor-fixeds .investor-btnlist .btns.active {
  color: #fff;
  background: #1D3546;
}

.investor-fixeds .investorwords-list, .investor-fixeds .investorwords-list .itembox {
  height: 100%;
}
.investor-fixeds .investorwords-list .itembox {
  display: none;
}
.investor-fixeds .investorwords-list .k0 {
  display: block;
}

.home-section-banner .li {
  display: block;
  position: relative;
}
.home-section-banner .li .images {
  overflow: hidden;
}
.home-section-banner .li .images img {
  aspect-ratio: 64/23;
  object-fit: cover;
  width: 100%;
}
.home-section-banner .li .words-wraps {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  height: 100%;
  bottom: 0;
  padding-bottom: 2.25rem;
}
.home-section-banner .li .wens {
  width: 60%;
}
.home-section-banner .li .wens .tits {
  /*max-width: 7em;*/
  line-height: 1.16;
}
.home-section-banner .li .wens .txts {
  margin-top: 0.8rem;
  color: rgba(255, 255, 255, 0.25);
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.415;
}
.home-section-banner .li .cards {
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 25px 0 rgba(0, 116, 188, 0.25);
  backdrop-filter: blur(12.5px);
  padding: 1.15rem 1.2rem 1.6rem 1.25rem;
  width: 35%;
}
.home-section-banner .li .cards .card-desc {
  color: rgba(255, 255, 255, 0.7);
}
.home-section-banner .li .cards .card-h2 {
  margin-top: 6px;
  margin-bottom: 0.5rem;
  font-style: normal;
  font-weight: 450;
  line-height: 1.357;
  letter-spacing: -1.4px;
}
.home-section-banner .li .cards .card-label {
  font-style: normal;
  font-weight: 450;
  line-height: 1.33;
  letter-spacing: -0.75px;
}

.mt45 {
  margin-top: 1.125rem;
}

.align-items-end {
  align-items: flex-end;
}

.card-btns .btns {
  height: 2.8em;
  line-height: 2.8em;
  border-radius: 2.8em;
  border: 1px solid rgba(255,255,255,.5);
  padding: 0 2.33em;
  color: #fff;
  letter-spacing: 0.75px;
  /*font-family: "MiSans Normal";*/
}
.card-btns .card-desc {
  line-height: 1.67;
  height: 3.34em;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-btns .svgs {
  margin-left: 7px;
}

.jobs-searchs .li {
  transition: 0.5s ease-in-out;
  position: relative;
}

.jobs-searchs .li.active {
  z-index: 5;
  transition: 0.5s ease-in-out;
}

.home-wraps .home-section-banner .swiper-pagination {
  bottom: 1.25rem;
}

.vide-click .before {
  z-index: 5;
}

.cons-home-tits {
  color: #333;
  font-style: normal;
  font-weight: 450;
  line-height: 1.346;
  letter-spacing: -0.52px;
}
.cons-home-tits span {
  color: #1D3546;
}

.home-section-news {
  padding-top: 2.85rem;
  padding-bottom: 2.85rem;
}
.home-section-news .list .items {
  width: calc((100% - 0.75rem) / 2);
  margin-left: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 5px;
  background: #F5F5F8;
  overflow: hidden;
}
.home-section-news .list .items:nth-child(2n+1) {
  margin-left: 0;
}
.home-section-news .list .items .words {
  width: 61.4%;
  padding: 0.55rem 1.1rem 0.75rem 1rem;
  color: rgba(51, 51, 51, 0.5);
}
.home-section-news .list .items .images {
  overflow: hidden;
  border-radius: 5px;
  width: 38.6%;
}
.home-section-news .list .items .images img {
  width: 100%;
  aspect-ratio: 280/193;
}
.home-section-news .list .items .tits {
  line-height: 1.3;
}
.home-section-news .list .items .txts {
  margin-top: 0.25rem;
  color: #333;
  font-style: normal;
  line-height: 1.35;
  height: 2.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-section-news .list .items .infos {
  line-height: 1.33;
  margin-top: 0.45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.66em;
}

.justify-content-center {
  justify-content: center;
}

.card-btns.heise .btns {
  border-color: #1D3546;
  color: #1D3546;
}

.home-section-global {
  padding-top: 3.1rem;
  padding-bottom: 3.875rem;
  background: url(/bocstatic/web/consweb/img/bg.png) #1e3547 no-repeat center;
  background-size: cover;
  min-height: 18rem;
  color: #FFF;
}

.commens-mainwraps-wraps .mainwraps-wraps-textlist a.lis {
  padding: 0;
}

.InvestorOverview {
  color: #1D3546;
}

.news-time-list {
  background: rgba(245, 245, 248, 0.5);
}

.con-h2txts {
  font-weight: 500;
}

.bold630 {
  font-weight: 630;
}

.integrity-wraps .eduprofile-details {
  margin-top: 0.8rem;
}

.application-infos-tops {
  background: rgba(67, 124, 163, 0.1);
  overflow: hidden;
  padding-top: 0.675rem;
  padding-bottom: 1.75rem;
}
.application-infos-tops .commens-titles {
  border-bottom: 1px solid rgba(29, 53, 70, 0.1);
  padding-bottom: 0.375rem;
}

.application-infos-tops-words {
  padding-top: 0.675rem;
}
.application-infos-tops-words .tit-spans {
  line-height: 1.3;
}
.application-infos-tops-words .cons-h2 {
  margin-top: 0.225rem;
  position: relative;
  display: inline-flex;
  line-height: 1.3125;
}
.application-infos-tops-words .cons-h2:before {
  position: absolute;
  content: "";
  background: #437CA3;
  width: 100%;
  height: 0.2rem;
  left: 0;
  bottom: 0.15rem;
}
.application-infos-tops-words .cons-h2 span {
  position: relative;
  z-index: 2;
}
.application-infos-tops-words .cons-texts {
  margin-top: 0.5rem;
  line-height: 1.69;
  color: #666;
  font-weight: 330;
  padding-bottom: 0.25rem;
}

.application-infos-bots {
  padding-top: 0.95rem;
}
.application-infos-bots .app-titles .tits {
  margin-bottom: 0.2rem;
}
.application-infos-bots .app-titles .txts {
  color: #666;
  line-height: 1.69;
}

.app-infos-list {
  position: relative;
  border-top: 1px solid #1D3546;
  margin-top: 0.675rem;
  align-items: flex-start;
}
.app-infos-list:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(29, 53, 70, 0.1);
  left: 63%;
  top: 0;
  pointer-events: none;
}
.app-infos-list .images {
  width: 63%;
  padding-bottom: .75rem;
  padding-top: 1.2rem;
}
.app-infos-list .images .img-wraps {
  position: relative;
}
.app-infos-list .images .imgs {
  position: relative;
  overflow: hidden;
}
.app-infos-list .images .imgs img {
  display: block;
  width: 100%;
}
.app-infos-list .images .i-list .i {
  position: absolute;
  left: 0;
  top: 0;
}
.app-infos-list .images .i-list .i span {
  display: block;
  border-radius: 2px;
  background: #1D3546;
  padding: 0.15rem 0.6rem;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  /*position: absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);*/
}
.app-infos-list .images .i-list .i0 {
  top: 35%;
  left: 6%;
}
.app-infos-list .images .i-list .i1 {
  top: 85%;
  left: 8.5%;
}
.app-infos-list .images .i-list .i2 {
  top: 38%;
  left: 23%;
}
.app-infos-list .images .i-list .i3 {
  top: 10%;
  left: 43%;
}
.app-infos-list .images .i-list .i4 {
  top: 14%;
  left: 64%;
}
.app-infos-list .words-list {
  width: 37%;
}
.app-infos-list .words-titwraps {
  padding: 0.45rem 0.75rem;
  padding-top: 0.625rem;
  line-height: 1.28;
}
.app-infos-list .list {
  padding-bottom: 7.15rem;
}
.app-infos-list .list .li-bots {
  display: none;
}
.app-infos-list .list .li:nth-child(n+2) {
  margin-top: 2px;
}
.app-infos-list .list .li-tops,
.app-infos-list .list .i {
  padding: 0 0.75rem;
}
.app-infos-list .list .li-bots {
  padding-bottom: 0.55rem;
}
.app-infos-list .list .i {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(29, 53, 70, 0.1);
  justify-content: space-between;
}
.app-infos-list .list .i .i2 {
  max-width: 5em;
  color: #437CA3;
}
.app-infos-list .list .i .ilefts {
  display: flex;
  width: calc(100% - 5em);
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.app-infos-list .list .i .i0 {
  color: #1D3546;
}
.app-infos-list .list .i .i1 {
  padding-left: 0.4rem;
  color: #999;
}
.app-infos-list .list .i .i1 span {
  font-weight: 630;
}
.app-infos-list .list .li-tops {
  background: #F5F5F8;
  cursor: pointer;
  height: 3.385em;
  line-height: 3.385em;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: relative;
}
.app-infos-list .list .li-tops:before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M4.49419 5C4.29723 5 4.10028 4.94123 3.95959 4.79429L0.301824 1.56166C-0.0639529 1.2384 -0.0920895 0.680032 0.189277 0.327381C0.498781 -0.0546568 1.03338 -0.0840442 1.37102 0.209831L4.49419 2.97226L7.61736 0.209831C7.98314 -0.113432 8.51773 -0.0546568 8.7991 0.327381C9.1086 0.709419 9.05233 1.26778 8.68655 1.56166L5.02879 4.79429C4.8881 4.94123 4.69115 5 4.49419 5Z' fill='%231D3546'/%3E%3C/svg%3E");
  width: 0.225rem;
  height: 0.125rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  right: 0.55rem;
  top: 50%;
  transform: translateY(-50%);
}
.app-infos-list .list .li.active .li-tops {
  background: #1D3546;
  color: #fff;
}
.app-infos-list .list .li.active .li-tops:before {
  transform: rotate(180deg);
  transform-origin: center center;
  filter: brightness(0) invert(1);
}

.app-details .app-images .imgs {
  position: relative;
}
.app-details .app-images .imgs img {
  width: 100%;
}
.app-details .app-images .imgs .i1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
}

.app-details .app-imgs-list .li {
  position: absolute;
  font-size: 0.325rem;
}
.app-details .app-imgs-list .li .spans {
  border-radius: 25px;
  background: #1D3546;
  color: #fff;
  display: flex;
  padding: 0.175rem 0.85rem;
  justify-content: center;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.app-details .app-imgs-list .li .spans[href="javascript:;"]{
  cursor: default;
}
.app-details .app-imgs-list svg {
  width: 100%;
  height: 100%;
}
.app-details .type96 .app-imgs-list .li1{
  left: 16.5%;
  top: 27%;
}
.app-details .type96 .app-imgs-list .li2{
  left: 59%;
  top: 23%;
}
.app-details .type96 .app-imgs-list .li3{
  left: 80%;
  top: 33%;
}
.app-details .type96 .app-imgs-list .li4{
  left: 43%;
  top: 73%;
}

.app-details .type99 .app-imgs-list .li1{
    left: 45.5%;
    top: 11%;
}
.app-details .type99 .app-imgs-list .li2{
    left: 21.5%;
    top: 11%;
}

.app-details .type99 .app-imgs-list .li3{
  left: 70.5%;
    top: 11%;
}

.app-details .type99 .app-imgs-list .li5{
  left: 22.5%;
    top: 50%;
}
.app-details .type99 .app-imgs-list .li4{
  left: 45.5%;
    top: 50%;
}
.app-details .type99 .app-imgs-list .li6{
      left: 71.5%;
    top: 50%;
}


.app-details .type101 .app-imgs-list .li1{
  left: 25.5%;
  top: 80%;
}
.app-details .type101 .app-imgs-list .li2{
  left: 52.5%;
  top: 24%;
}

.app-details .type101 .app-imgs-list .li3{
    left: 28%;
    top: 34%;
}


.app-details .type100 .app-imgs-list .li1{
    left: 20%;
    top: 61%;
}

.app-details .type100 .app-imgs-list .li2{
  left: 69%;
  top: 56%;
}

.app-details .type100 .app-imgs-list .li3{
  left: 24%;
  top: 82%;
}


.app-details .type98 .app-imgs-list .li1{
    left: 52%;
    top: 32%;
}
.app-details .type98 .app-imgs-list .li2{
    left: 47%;
    top: 17%;
}
.app-details .type98 .app-imgs-list .li3{
    left: 18%;
    top: 28%;
}
.app-details .type98 .app-imgs-list .li4{
    left: 76%;
    top: 24%;
}
.app-details .type98 .app-imgs-list .li5{
    left: 62%;
    top: 73%;
}


.app-details .type97 .app-imgs-list .li1{
    left: 19%;
    top: 32%;
}

.app-details .type97 .app-imgs-list .li2{
    left: 51%;
    top: 36%;
}

.app-details .type97 .app-imgs-list .li3{
    left: 80.5%;
    top: 21%;
}

.app-details .type95 .app-imgs-list .li1 {
  left: 27.5%;
  top: 19%;
}
.app-details .type95 .app-imgs-list .li2 {
  left: 16%;
  top: 34%;
}
.app-details .type95 .app-imgs-list .li2 .lines {
  position: absolute;
  left: 1rem;
  top: 0;
  width: 3.675rem;
  height: 1.675rem;
}
/*.app-details .app-imgs-list .li3 {
  left: 13%;
  top: 67.5%;
}
.app-details .app-imgs-list .li3 .lines {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7rem;
  height: 2.675rem;
}*/
.app-details .type95 .app-imgs-list .li3 {
  left: 55%;
  top: 85%;
}
.app-details .type95 .app-imgs-list .li5 {
  left: 61.5%;
  top: 73%;
}
.app-details .type95 .app-imgs-list .li5 .lines {
  position: absolute;
  left: -2.95rem;
  bottom: 0.2rem;
  width: 1.75rem;
  height: 2rem;
}
.app-details .type95 .app-imgs-list .li6 {
  left: 75.5%;
  top: 70%;
}
.app-details .type95 .app-imgs-list .li6 .lines {
  position: absolute;
  left: -3.7rem;
  bottom: 0;
  width: 2.5rem;
  height: 2rem;
}
.app-details .type95 .app-imgs-list .li4 {
  left: 86.5%;
  top: 51%;
}
.app-details .type95 .app-imgs-list .li4 .lines {
  position: absolute;
  left: -3.65rem;
  bottom: 0;
  width: 2.6rem;
  height: 2.5rem;
}
.app-details .type95 .app-imgs-list .li7 {
  left: 87%;
  top: 20.5%;
}
.app-details .type95 .app-imgs-list .li7 .lines {
  position: absolute;
  left: -3rem;
  top: 0;
  width: 2rem;
  height: 2rem;
}
.app-details .app-imgs-list .lines {
  display: none;
}

.app-details .app-words {
  padding-top: 1.875rem;
  padding-bottom: 1.625rem;
}
.app-details .app-words .li {
  color: #666;
  line-height: 1.295;
}
.app-details .app-words .li:nth-child(n+2) {
  margin-top: 0.9rem;
}
.app-details .app-words .li .li-txts {
  margin-top: 0.8rem;
}
.app-details .app-words .li .li-tits {
  color: #1D3546;
}
.app-details .app-words .li ul {
  list-style: disc;
  padding-left: 1.75em;
}
.app-details .app-words .li ul li:nth-child(n+2) {
  margin-top: 0.75em;
}

.app-details.app-details-listwraps .app-imgs-list .lines {
  display: block;
}

.app-details-listwraps.app-details .app-imgs-list .li {
  position: static;
}
.app-details-listwraps.app-details .app-imgs-list .li .spans {
  position: absolute;
}
.app-details-listwraps.app-details .app-imgs-list .li1 .spans {
  left: 27.5%;
  top: 19%;
}
.app-details-listwraps.app-details .app-imgs-list .li2 .lines {
  left: 20%;
  top: 34%;
  width: 12.56%;
  height: auto;
}
.app-details-listwraps.app-details .app-imgs-list .li2 .spans {
  left: 16%;
  top: 34%;
}
.app-details-listwraps.app-details .app-imgs-list .li3 .lines {
  left: 16.5%;
  top: 18%;
  width: 15.56%;
  height: auto;
}
.app-details-listwraps.app-details .app-imgs-list .li3 .spans {
  left: 13%;
  top: 67.5%;
}
.app-details-listwraps.app-details .app-imgs-list .li4 .spans {
  left: 55%;
  top: 85%;
}
.app-details-listwraps.app-details .app-imgs-list .li5 .spans {
  left: 62.5%;
  top: 73%;
}
.app-details-listwraps.app-details .app-imgs-list .li5 .lines {
  position: absolute;
  left: 53%;
  bottom: 29%;
  width: 4%;
  height: auto;
}
.app-details-listwraps.app-details .app-imgs-list .li6 .spans {
  left: 75.5%;
  top: 70%;
}
.app-details-listwraps.app-details .app-imgs-list .li6 .lines {
  position: absolute;
  left: 63%;
  bottom: 31%;
  width: 7%;
  height: auto;
}
.app-details-listwraps.app-details .app-imgs-list .li7 .lines {
  position: absolute;
  left: 74.5%;
  bottom: 49%;
  width: 7%;
  height: auto;
}
.app-details-listwraps.app-details .app-imgs-list .li7 .spans {
  left: 86.5%;
  top: 51%;
}
.app-details-listwraps.app-details .app-imgs-list .li8 .spans {
  left: 87%;
  top: 20.5%;
}
.app-details-listwraps.app-details .app-imgs-list .li8 .lines {
  position: absolute;
  left: 77.5%;
  bottom: 47%;
  width: 5%;
  height: auto;
}

.honors-tops .icons img {
  width: 100%;
}

.Investor-mains {
  position: relative;
}
.Investor-mains section {
  position: relative;
}
.Investor-mains section .add {
  position: absolute;
  left: 0;
  top: -100px;
}

.card-btns .svgs {
  width: 0.25rem;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.card-btns .svgs svg {
  width: 100%;
}

.home-section-application .list .li-spans .icons img {
  max-width: 65%;
}

@media (max-width: 1381px) and (min-width: 1025px) {
  .supports-mains-list .list ul a .tits {
    height: 1.5rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .inputs {
    height: 2.6em;
    line-height: 2.6em;
  }
}
.app-images {
  position: relative;
}

.abouts-tops-intros .images {
  border-radius: 5px;
  overflow: hidden;
}

.abouts-tops-vides {
  padding-top: 1.4rem;
  padding-bottom: 1.6rem;
  background: linear-gradient(0deg, rgba(67, 124, 163, 0.05) 0%, rgba(67, 124, 163, 0.05) 100%), #FFF;
}

.abouts-tops-vides .images{
  border-radius: 10px;
  overflow: hidden;
}
.bocweb-header-nav .nav-bots{
  z-index: 10;
}
.home-section-newproducts{
  margin-top: -2.5rem;
  position: relative;
  z-index: 10;
}
.home-section-newproducts .cons-swiper .swiper-button-prev{
  left: -1.85rem;
}
.home-section-newproducts .cons-swiper .swiper-button-next{
  right: -1.85rem;
}

.proul-li .li.on-cur:before{
  opacity: 1;
}

.proul-li .li:hover:before, .proul-li .li:hover:after, .proul-li .li:before, .proul-li .li:after{
  /*transition: .5s ease-in-out!important;*/
}
.supports-fixeds .inputs-list .li-inputs *{
  font-size: inherit;
}

  .commens-mainwraps-wraps .mainwraps-wraps-tips{
    position: relative;
  }
  .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps.active-cur .mainwraps-wraps-tips:after,
  .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps.active-cur .mainwraps-wraps-tips:before,
  .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps.active .mainwraps-wraps-tips:after,
  .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps.active .mainwraps-wraps-tips:before{
    opacity: 1;
  }
  .commens-mainwraps-wraps .mainwraps-wraps-tips:before{
    position: absolute;
    content:"";
    width: 51.6%;
    height: 2px;
    background: #437CA3;
    left: 0;
    opacity: 0;
    bottom: 0;
  }
  .commens-mainwraps-wraps .mainwraps-wraps-tips:after{
    position: absolute;
    content:"";
    width: 100%;
    height: 1px;
    background: rgba(29, 53, 70, 0.1);
    left: 0;
    opacity: 0;
    bottom: 0;
  }


@media (min-width: 1025px) {
  .newsdetails-bots{
      align-items: center;
  }
  .jobs-searchs .li .li-bots .i:hover,
  .jobs-searchs .li .li-bots .i{
    transition: .5s ease-in-out
  }
  .jobs-searchs .li .li-bots .i:hover{
    background: #437CA3;
    color:#fff;
  }
  .honors-centers .list .items:hover,.honors-centers .list .items{
    transition: .5s ease-in-out;
  }
  .honors-centers .list .items:hover{
    background: #437CA3;
    color:#fff;
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .cons-more-wraps .wraps:hover .tmores{
    color: #437CA3;
  }
  .cons-more-wraps .wraps:hover .icons{
    animation: spin 2s linear infinite;
  }
  .history-tops-wraps .list .items:hover .icons{
    transform: scale3d(1.05, 1.05, 1.0);
  }
  .history-tops-wraps .list .items:hover .icons,
  .history-tops-wraps .list .items .icons{
    transition:.5s ease-in-out;
  }
  .newsletter-wraps .inputslist input[type=submit]:hover{
    background-color: #437CA3;
  }

  .vision-bots .items:hover .tits,
  .abouts-tops-intros .nums-list .items:hover .nums{
    color: #437CA3;
  }

  .vide-click .before:hover{
    background-color: #437CA3;
  }
  .abouts-vision .vision-tops:hover .words .tits{
      color: #437CA3;
  }

  .abouts-vision .vision-tops .words .tits,.vision-bots .items:hover .tits,.vision-bots .items .tits,
  .abouts-vision .vision-tops:hover .words .tits,
  .vide-click .before:hover,.vide-click .before,
  .abouts-vision:hover .images img,
  .abouts-vision .images img{
    transition: .5s ease-in-out;
  }

  .abouts-vision .vision-tops:hover .images img{
    transform:scale3d(1.05, 1.05, 1.0);
  }

  .abouts-tops-vides .images img,
  .abouts-tops-vides .images:hover img{
    transition: .5s ease-in-out
  }
  .abouts-tops-vides .images:hover img{
    transform: scale3d(1.05, 1.05, 1.0);
  }

  .newsletter-wraps .inputslist input[type=submit],.newsletter-wraps .inputslist input[type=submit]:hover,
  .supports-fixeds .input-submits input[type=submit] {
    transition: 0.5s ease;
  }
  .supports-fixeds .input-submits input[type=submit]:hover {
    transition: 0.5s ease;
    /*transform: translateY(-10px);*/
    background-color: #437CA3;
  }
  .supports-fixeds .btns-wraps .li {
    transition: 0.5s ease;
  }
  .supports-fixeds .btns-wraps .li:hover {
    /*transition: 0.5s ease-in-out;
    background-color: #1D3546;
    color: #fff;*/
  }
  .bocweb-footer-topsmenulist a {
    transition: 0.5s ease-in-out;
  }
  .bocweb-footer-topsmenulist a:hover {
    text-decoration: underline;
    text-underline-offset: 3px; 
  }
  .app-details .app-imgs-list .li:hover .spans, .app-details .app-imgs-list .li:hover .lines svg path,
  .app-details .app-imgs-list .li .spans, .app-details .app-imgs-list .li .lines svg path {
    transition: 0.5s ease-in-out;
  }
  .app-details .app-imgs-list .li:hover .spans {
    background: #437CA3;
  }
  .app-details .app-imgs-list .li:hover .lines svg path {
    fill: #437CA3;
  }
  .app-infos-list .images .i-list .i span {
    transition: 0.5s ease-in-out;
  }
  .app-infos-list .images .i-list .i span:hover {
    transition: 0.5s ease-in-out;
    background-color: #437CA3;
  }
  .news-center-company .li:hover .cons-btns, .news-center-company .li:hover .cons-btns path {
    transition: 0.5s ease-in-out;
  }
  .news-center-company .li:hover .tits {
    color: #1D3546;
  }
  .news-center-company .li:hover .cons-btns {
    background: #1D3546;
    color: #fff;
    transition: 0.5s ease-in-out;
  }
  .news-center-company .li:hover .cons-btns path {
    fill: #fff;
    transition: 0.5s ease-in-out;
  }
  .news-time-list .li:hover, .news-time-list .li {
    transition: 0.5s ease-in-out;
  }
  .news-time-list .li:hover {
    background: #1D3546;
    color: #fff;
  }
  .abouts-tops-intros .images img, .abouts-tops-intros .images:hover img {
    transition: 0.5s ease-in-out;
  }
  .abouts-tops-intros .images:hover img {
    transform: scale3d(1.05, 1.05, 1);
  }
  .bocweb-header-nav .nav-list:not(.nav-list-pros) .nav-items-bots a {
    /*transition: 0.5s ease-in-out;*/
  }
  .bocweb-header-nav .nav-list:not(.nav-list-pros) .nav-items-bots a:hover {
    background: #437CA3;
    color: #fff;
    /*transition: 0.5s ease-in-out;*/
  }
  .commens-button .button-btn,
  .jobs-searchs .li-submits input[type=submit] {
    transition: 0.5s ease-in-out;
  }
  .commens-button .button-btn:hover{
    background-color: #437CA3;
  }
  .jobs-searchs .li-tops:hover:before{
        background: url(/bocstatic/web/consweb/img/3-050.svg) no-repeat center;
        background-size: 100%;
  }
  .jobs-searchs .li-submits input[type=submit]:hover {
    background-color: #437CA3;
    transition: 0.5s ease-in-out;
  }

  
  .newproducts-swiper .items img {
    transition: 0.5s ease-in-out;
  }
  .newproducts-swiper .items .imgs {
    overflow: hidden;
  }

  .newproducts-swiper .items .tit-wens .spans,.newproducts-swiper .items:hover .tit-wens .spans{
    transition: 0.5s ease-in-out;
  }

   .newproducts-swiper .items:hover .tit-wens .spans{
    color: #437CA3
   }
  .newproducts-swiper .items:hover .imgs img {
    transition: 0.5s ease-in-out;
    /*transform: scale3d(1.05, 1.05, 1);*/
  }
  .cons-swiper .swiper-button-prev:hover, .cons-swiper .swiper-button-next:hover,
  .cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next {
    transition: 0.5s ease-in-out;
  }
  .cons-swiper .swiper-button-prev:hover {
    background-image: url(/bocstatic/web/consweb/prev.svg);
  }
  .cons-swiper .swiper-button-next:hover {
    background-image: url(/bocstatic/web/consweb/next.svg);
  }

  .more-btns a:hover svg,
  .more-btns a svg {
    transition: 0s ease-in-out;
  }
  /*.more-btns a:hover svg,*/
  .InvestorReport-list li,
  .InvestorReport-list li:hover{
    transition: 0.5s ease-in-out;
  }
  .InvestorReport-list li:hover {
    transform: translateX(6px);
  }
  .InvestorMarket-uls .uls .lis {
    transition: 0.5s ease-in-out;
  }
  .InvestorMarket-uls .uls .lis:hover {
    transition: 0.5s ease-in-out;
    background: #1D3546;
    color: #fff;
  }
  .demandplatform-mainwraps .demandplatform-aside li:not(.commens-mainwraps-wraps):hover:before, .demandplatform-mainwraps .demandplatform-aside li:not(.commens-mainwraps-wraps):hover:after {
    /*transition: 0.2s ease-in-out;*/
    /*opacity: 1;*/
  }
  .demandplatform-mainwraps .demandplatform-aside li:not(.commens-mainwraps-wraps):after {
    width: 51.6%;
  }
  .demandplatform-mainwraps .demandplatform-aside li:not(.commens-mainwraps-wraps):before {
    width: 100%;
  }
  .demandplatform-main .notice-list li a {
    transition: 0.5s ease-in-out;
  }
  .demandplatform-main .notice-list li a .tits {
    transition: 0.5s ease;
  }
  .demandplatform-main .notice-list li a:hover {
    transition: 0.5s ease-in-out;
    /*transform: translateX(10px);*/
    box-shadow: 0 0 5px 0 rgba(67, 124, 163, 0.5);
    color: rgba(67, 124, 163, 0.8);
  }
  .demandplatform-main .notice-list li a:hover .tits {
    transition: 0.5s ease;
    color: rgba(67, 124, 163, 0.8);
  }
  .pagination a:hover {
    background: #1D3546;
    color: #fff;
    transition: 0.5s ease-in-out;
  }
  .contacts-list li {
    transition: 0.5s ease-in-out;
  }
  .contacts-list li .addr-buttons {
    transition: 0.5s ease-in-out;
  }
  .contacts-list li .addr-buttons.oncur{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .contacts-list li .addr-buttons:before {
    transition: 0.5s ease-in-out;
  }
  .contacts-list li:hover {
    background: #F5F5F8;
    transition: 0.5s ease-in-out;
    border-color: #F5F5F8;
  }
  .contacts-list li:hover .addr-buttons {
    background-color: #1D3546;
    color: #fff;
    transition: 0.5s ease-in-out;
  }
  .contacts-list li:hover .addr-buttons:before {
    transition: 0.5s ease-in-out;
    background-image: url(/bocstatic/web/consweb/img/102.svg);
  }
  .contacts-main-banner {
    flex-direction: row-reverse;
  }
  .commens-mainwraps-wraps .mainwraps-wraps-textlist .lis {
    transition: 0.5s ease-in-out;
  }
  .commens-mainwraps-wraps .mainwraps-wraps-textlist .lis:hover {
    color: #437CA3;
    transition: 0.5s ease-in-out;
  }
  .supports-mains-list .list ul li {
    transition: 0.5s ease-in-out;
  }
  .supports-mains-list .list ul li:hover {
    transform: translateX(10px);
    transition: 0.5s ease-in-out;
  }
  .supports-fixeds .btns-wraps .li {
    transition: 0.5s ease-in-out;
  }
  .news-center-company .li img {
    transition: 0.5s ease-in-out;
  }
  .news-center-company .li:hover img {
    transition: 0.5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
  .news-bottom-list .news-list .li, .news-bottom-list .news-list .li .tits, .news-bottom-list .news-list .li .time {
    transition: 0.5s ease-in-out;
  }
  .news-bottom-list .news-list .li:hover .tits, .news-bottom-list .news-list .li:hover .time {
    color: #1D3546;
  }
  .news-bottom-list .news-list .li:hover {
    /*background:$c1D3546;
    transition: .5s ease-in-out;
    color: #fff;
    .tits,.time{
      transition: .5s ease-in-out;
      color: #fff;
    }*/
  }
  .newsdetails-bots .buttons a {
    transition: 0.5s ease-in-out;
  }
  .newsdetails-bots .buttons a:hover {
    color: #437CA3;
    transition: 0.5s ease-in-out;
  }
  .newsdetails-bots .backs a {
    transition: 0.5s ease-in-out;
  }
  .newsdetails-bots .backs a:hover rect{
    transition: 0.5s ease-in-out;
    /*transform: translateY(-5px);*/
    /*background-color: #437CA3;*/
    fill: #437CA3;
  }
  .honors-tops .items, .honors-tops .items:hover, .honors-tops .items img, .honors-tops .items:hover img {
    transition: 0.5s ease-in-out;
  }
  .honors-tops .items:hover {
    background-color: #1D3546;
    color: #fff;
  }
  .honors-tops .items:hover .icons .i0 {
    opacity: 1;
  }
  .honors-tops .items:hover .icons .i1 {
    opacity: 0;
  }
  .eduprofile-button {
    transition: 0.5s ease-in-out;
  }
  .eduprofile-button:hover {
    transition: 0.5s ease-in-out;
    transform: translateY(-10px);
  }
  .edunews-bots-list .items:hover {
    /*border-bottom-color: #1D3546;*/
  }

  .edunews-bots-list .items:hover .time,
  .edunews-bots-list .items:hover .tits {
    color: #437CA3;
  }
  .edunews-bots-list .items:hover, .edunews-bots-list .items,
  .edunews-bots-list .items:hover .tits,
  .edunews-bots-list .items .tits {
    transition: 0.5s ease-in-out;
  }
  .edunews-tops-banners .items:hover img, .edunews-tops-banners .items:hover .words .tits,
  .edunews-tops-banners .items img, .edunews-tops-banners .items .words .tits {
    transition: 0.5s ease-in-out;
  }
  .edunews-tops-banners .items:hover .words .tits {
    color: #437CA3;
  }
  .edunews-tops-banners .items:hover img {
    transform: scale3d(1.05, 1.05, 1);
  }
  .jobs-fixeds-wraps .a-link-wraps .link, .jobs-fixeds-wraps .a-link-wraps .link:hover,
  .eduprofile-button .buttons, .eduprofile-button .buttons:hover {
    transition: 0.5s ease-in-out;
  }
  .jobs-fixeds-wraps .a-link-wraps .link:hover {
    background-color: #437CA3;
    /*transform: translateY(-10px);*/
  }
  .suggestions-list .items .words .txts,.suggestions-list .items:hover .words .txts,
   .suggestions-list .items:hover .icons, .suggestions-list .items:hover .icons{
    transition: .5s ease-in-out;
   }

   .suggestions-list .items:hover .words .txts{
    color: #437CA3;
   }

  .suggestions-list .items:hover .icons{
    background-color: #437CA3;
  }


  .eduprofile-button .buttons:hover{
    background-color: #437CA3;
  }
  .jobs-center-wraps .list .items {
    transition: 0.5s ease;
  }
  .jobs-center-wraps .list .items .btns, .jobs-center-wraps .list .items:hover .btns {
    transition: 0.5s ease;
  }
  .jobs-center-wraps .list .items:hover {
    background: #F5F5F8;
    color:#437CA3;
    transition: 0.5s ease;
  }
  .jobs-center-wraps .list .items:hover .btns {
    background-color: #437CA3;
    color: #fff;
  }
  .profiles-tops-list .lis {
    transition: 0.5s ease-in-out;
  }
  .profiles-tops-list .lis:hover {
    transition: 0.5s ease-in-out;
    color: #fff;
    background: #1D3546;
  }
  .investor-fixeds .investor-btnlist .btns {
    transition: 0.5s ease-in-out;
  }
  .investor-fixeds .investor-btnlist .btns:hover {
    transition: 0.5s ease-in-out;
    color: #fff;
    background: #1D3546;
  }
  .card-btns .btns path, .card-btns .btns:hover path,
  .card-btns .btns, .card-btns .btns:hover {
    transition: 0.5s ease-in-out;
  }

  .more-btns:hover a ,
  .card-btns .btns:hover {
    background-color: #1D3546;
    color: #fff;
    border-color: #1D3546;
    box-shadow: 0 0px 15px 0px rgba(255, 255, 255, 0.5);
  }
  .more-btns:hover a svg path,
  .card-btns .btns:hover svg path {
    fill: #fff;
  }
  .more-btns:hover a svg {
    transform: translateX(10px);
  }
  .home-section-news .list .items {
    transition: 0.5s ease-in-out;
  }
  .home-section-news .list .items .txts, .home-section-news .list .items:hover .txts,
  .home-section-news .list .items img, .home-section-news .list .items:hover img {
    transition: 0.5s ease-in-out;
  }
  .home-section-news .list .items:hover img {
    transform: scale3d(1.05, 1.05, 1);
  }
  .home-section-news .list .items:hover .txts {
    color: #437CA3;
  }
  .app-infos-list .list .li-tops, .app-infos-list .list .li-tops:hover, .app-infos-list .list .li-tops:before, .app-infos-list .list .li-tops:hover:before {
    transition: 0.5s ease-in-out;
  }
  .app-infos-list .list .li-tops:hover {
    background: #1D3546;
    color: #fff;
  }
  .app-infos-list .list .li-tops:hover:before {
    filter: brightness(0) invert(1);
  }
  .app-infos-list .list .i .i2 {
    transition: 0.5s ease-in-out;
  }
  .app-infos-list .list .i:hover .i2 {
    transform: translateX(10px);
    transition: 0.5s ease-in-out;
  }
}
@media (max-width: 1451px) {
  .InvestorReport-list .link {
    line-height: 1.3rem;
    height: 1.3rem;
  }
}
.bocweb-footer {
  min-height: auto;
}

.bocweb-footer-bots {
  /*background: #f1f1f1;*/
  background: #e3e3e3;
}

@media (max-width: 1024px) {
  .bocweb-footer .bocweb-footer-tops {
    padding: 0 2%;
  }
  .bocweb-footer .bocweb-footer-bots {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 0.2rem;
  }
  .bocweb-footer-bots .bocweb-footer-text-fl, .bocweb-footer-bots .bocweb-footer-text-fr {
    width: 100%;
    line-height: 1.25;
    text-align: center;
  }
  .bocweb-footer-erweima-texts,
  .bocweb-footer-erweima {
    justify-content: center;
  }
  .bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .inputs {
    width: 100%;
  }
  .topslogobox-right,
  .topslogobox-left {
    width: 100%;
  }
  .topslogobox-right {
    margin-top: 1rem;
  }
  .bocweb-footer-topsmenulist {
    display: none;
  }
  .bocweb-footer-erweima {
    margin-top: 1.5rem;
    padding-bottom: 0;
  }
  .demandplatform-mainwraps .demandplatform-aside {
    display: none;
  }
  .demandplatform-mainwraps .demandplatform-main {
    margin-top: 0;
  }
  .newsdetails-bots .buttons {
    width: 100%;
  }
  .newsdetails-bots .backs {
    margin-top: 1rem;
    width: 73px;
  }
  .news-tops-images .images {
    aspect-ratio: 2/1;
  }
  .abouts-tops-images .images {
    aspect-ratio: 2/1;
  }
  .demandplatform-mainwraps .demandplatform-aside li {
    position: relative;
  }
  .commens-mainwraps-wraps .mainwraps-wraps-textlist {
    /*position: absolute;
    left: 0;
    top: 100%;
    width: 100%;*/
  }
  .demandplatform-mainwraps .demandplatform-aside {
    position: relative;
    z-index: 5;
  }
  .demandplatform-main-banner .images img {
    aspect-ratio: 2/1;
  }
  .w1480 {
    width: 90%;
  }
  .demandplatform-mainwraps .demandplatform-main {
    padding-bottom: 3.25rem;
  }
  .demandplatform-main:before {
    display: none;
  }
  
  .demandplatform-mainwraps .demandplatform-main,
  .demandplatform-mainwraps .demandplatform-aside {
    width: 100%;
  }
  /*.demandplatform-mainwraps .demandplatform-main{
    margin-top: 1rem;
  }*/
  .demandplatform-mainwraps .demandplatform-aside ul {
    /*display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    li{
      &:nth-child(n+2){
        margin-left: 1em;
      }
    }*/
  }
  .contacts-main-banner .images,
  .contacts-main-banner .words {
    width: 100%;
  }
  .contacts-main-banner .words {
    padding-top: 1.25rem;
    padding-bottom: 1rem;
  }
  .InvestorOverview-wraps .rights {
    margin-top: 1.5rem;
  }
  .InvestorOverview-wraps .rights,
  .InvestorOverview-wraps .lefts {
    width: 100%;
  }
  .abouts-tops-intros .nums-list .items {
    padding: 0.5rem 0.75rem;
  }
  .vision-bots .items {
    width: 100%;
    margin-left: 0;
  }
  .vision-bots .items:nth-child(n+2) {
    margin-top: 1.25rem;
  }
  .abouts-vision .images,
  .abouts-vision .words {
    width: 100%;
  }
  .suggestions-list .items {
    width: 100%;
    margin-left: 0;
  }
  .suggestions-list .items:nth-child(n+2) {
    margin-top: 0.75rem;
  }
  .reporting-contacts-titswraps .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .reporting-contacts-titswraps .li:nth-child(4n+1) {
    margin-left: 0;
  }
  .reporting-contacts-titswraps .li:nth-child(2n+1) {
    margin-left: 0;
  }
  .InvestorReport-list .link {
    height: 1.5rem;
    line-height: 1.5rem;
    padding-right: 0;
  }
  .app-infos-list:before {
    display: none;
  }
  .app-infos-list .words-list,
  .app-infos-list .images {
    width: 100%;
  }
  .app-infos-list .images .tit-12 {
    font-size: 0.3rem;
  }
}

.home-section-application .li-spans .icons svg path{
  fill:#ffffff;
}

.home-section-application .list .li.curs .li-spans .icons svg path{
  fill:#1D3546;
}

@media (max-width: 1024px){
  .home-section-application .li-spans .icons svg path{
    fill:#1D3546;
  }
}

@media (max-width: 767px) {
  .edunews-bots-list .items:nth-child(n+2){
    margin-top: .35rem;
  }
  .edunews-tops-banners .images{
    width: 100%;
  }
  .edunews-tops-banners .words{
    width: 100%;
    padding: .5rem;
    padding-bottom: 0;
  }
  .honors-centers .list .items .uls,
  .honors-centers .list .items .nums{
    width: 100%;
  }
  .honors-centers .list .items{
    flex-wrap: wrap;
  }
  .honors-centers .list .items .uls{
    margin-top: .2rem;
  }
  .honors-tops .items{
    padding: .5rem .6rem;
  }
  .history-tops-wraps .list .items{
    padding: .5rem .75rem;
  }
  .history-tops-wraps{
    padding-top: 1rem;
  }
  .cons-swiper .swiper-pagination .swiper-pagination-bullet{
    margin:0 .2rem;
  }
  .app-infos-list .images{
    overflow: hidden;
    overflow-x: auto;
  }
  .app-infos-list .images .img-wraps{
    width: 130%;
  }
  .app-details .app-imgs-list .li .spans {
    padding: 0.1rem 0.4rem;
  }
  .home-section-application .li-spans .icons img {
    width: 100%;
  }
  .investor-fixeds.cons-fixeds .cons-fixeds-wraps {
    width: 92%;
    padding: 0.8rem;
    padding-bottom: 1rem;
    padding-right: 0.75rem;
  }
  .investor-fixeds .investorwords {
    padding-right: 0.25rem;
  }
  .home-section-application-list .li {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .pagination span, .pagination a {
    line-height: 2.5em;
    height: 2.5em;
    width: 2.5em;
  }
  .documents-center-list .InvestorReport-list .link {
    padding-right: 0;
  }
  .honors-bottoms .list .items,
  .honors-centers .list .items {
    width: 100%;
    margin-left: 0;
  }
  .honors-tops.pd60,
  .honors-bottoms.pd60 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .InvestorOverview-wraps .rights .lis {
    padding: 0 0.5rem;
  }
  .InvestorReport-list .link .spans {
    width: 65%;
  }
  .InvestorReport-list .link .time {
    max-width: 35%;
  }
  .demandplatform-mainwraps .demandplatform-main {
    padding-bottom: 1.75rem;
  }
  .demandplatform-main-banner .words {
    padding: 0 1rem;
    padding-bottom: 0.35rem;
  }
  .bocweb-footer-erweima {
    margin-top: 1rem;
  }
  .bocweb-footer-topslogobox {
    padding-top: 1.5rem;
  }
  .documents-center-list .InvestorReport-list .link .spans {
    width: calc(100% - 65px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .documents-center-list .InvestorReport-list .link .time {
    max-width: 65px;
  }
  .reporting-contacts-titswraps .li {
    width: 100%;
    margin-left: 0;
  }
  .interaction-center-list .list {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }
  .directors-tops-tits.pd60 {
    padding: 0.65rem 0.3rem;
  }
  .profiles-tops-list .lis {
    width: 33.33%;
    margin-left: 0 !important;
    line-height: 1.25;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.25rem 0.5rem;
  }
  .profiles-tops-list {
    align-items: stretch;
  }
  .jobs-fixeds-wraps .w-wraps .li {
    width: 100%;
    margin-left: 0;
  }
  .jobs-center-wraps .list .li3,
  .jobs-center-wraps .list .li2 {
    display: none;
  }
  .jobs-center-wraps .list .li1 {
    width: 60%;
  }
  .jobs-center-wraps .list .li4 {
    max-width: 40%;
    width: 30%;
  }
  .jobs-center-wraps .list .items, .jobs-center-wraps .list .list-tops {
    padding: 0.5rem 0.6rem;
  }
  .suggestions-list .items .words {
    padding-left: 0.75rem;
  }
  .news-bottom-list .news-list .li .tits {
    width: 100%;
    height: 1.6em;
    line-height: 1.6em;
  }
  .eduprofile-erweima .wens {
    width: 100%;
  }
  .eduprofile-erweima .wraps-text {
    justify-content: center;
    align-content: flex-start;
  }
  .eduprofile-erweima .imgs {
    width: 40%;
    height: auto;
  }
  .eduprofile-erweima .imgs img {
    width: 100%;
  }
  .eduprofile-erweima .wens {
    padding-left: 0;
    margin-top: 0.75rem;
  }
  .newsdetails-bots {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .w1000 {
    width: 100%;
  }
  .news-tops-images .words {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .news-tops-images .words .tits {
    max-width: 7em;
    line-height: 1.25;
  }
  .news-center-company .li .words {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
  }
  .edunews-bots-list .items .tits {
    width: 100%;
    line-height: 1.6em;
    height: 1.6em;
  }
  .edunews-bots-list .items .time {
    max-width: 100%;
  }
  .edunews-bots-list .items,
  .news-bottom-list .news-list .li {
    height: auto;
    padding: 0.35rem 0.25rem;
    line-height: 1.6;
  }
  .news-time-list .li {
    min-width: 0;
  }
  .news-bottom-list .news-list .li {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
  }
  .news-tops-images .images {
    aspect-ratio: 1.25/1;
  }
  .vision-bots .items {
    padding: 0.5rem 0.75rem;
  }
  .abouts-tops-images .images {
    aspect-ratio: 1.5/1;
  }
  .abouts-tops-images .words {
    padding-left: .75rem;
    padding-right: .75rem;
  }
  .pd60 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .abouts-mains > .pd60 {
    padding-left: 0;
    padding-right: 0;
  }
  .abouts-mains > .abouts-tops-vides{
    padding: .5rem;
  }
  .abouts-tops-intros .nums-list .items {
    width: 100%;
    margin-left: 0;
  }
  .abouts-tops-intros .nums-list .items:nth-child(n+2){
    margin-top: .5rem;
  }
  .InvestorMarket-uls .uls .lis {
    width: 15%;
    min-width: 15%;
  }
  .InvestorMarket-uls .uls .lis:nth-child(n+2) {
    margin-left: 2px;
  }
  .supports-mains-list .list ul a .tits {
    width: calc(100% - 45px);
  }
  .supports-mains-list .list ul .txts svg {
    margin-right: 0;
  }
  .supports-mains-list .list ul .txts span {
    display: none;
  }
  .demandplatform-main .supports-mains-titles {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .contacts-main-banner .words .uls li {
    padding-top: 0.45em;
    padding-bottom: 0.45em;
  }
  .contacts-main-banner .words .uls li .imgs,
  .contacts-main-banner .words .uls li img {
    top: 0.6em;
  }
  .contacts-main-banner .words {
    padding: 0.75rem 1.25rem;
  }
  .contacts-list li {
    padding: 0.75rem 0.8rem;
  }
  .contacts-list li .articles {
    margin-top: 0.35rem;
    margin-bottom: 0.75rem;
  }
  .contacts-list li .articles,
  .contacts-list li .h3tits {
    width: 100%;
  }
  .pd62 {
    padding-left: 0;
    padding-right: 0;
  }
  .demandplatform-main-banner .images img {
    aspect-ratio: 1.5/1;
  }
  .supports-fixeds .supports-wraps {
    width: 85%;
  }
  .supports-fixeds .btns-wraps {
    padding: 0;
  }
  .supports-fixeds .inputs-list input[type=text] {
    padding: 0 0.25rem;
  }
  .supports-fixeds .searchs-wraps {
    margin-top: 1rem;
  }
  .eduprofile-fixeds .cons-fixeds-wraps {
    width: 92%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .InvestorOverview {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .history-tops-wraps .list .items {
    width: 100%;
    margin-left: 0;
  }
  .history-tops-wraps .list .items:nth-child(n+2) {
    margin-top: 1rem;
  }
  .history-bots-wraps .uls ul li {
    width: 100%;
  }
  .history-bots-wraps .uls ul li:nth-child(n+2) {
    margin-top: 0.25rem;
  }
  .jobs-searchs .li {
    width: 100%;
  }
  .jobs-searchs .li:nth-child(n+2) {
    margin-top: 15px;
  }
  .jobs-searchs .li-submits {
    margin-top: 15px;
  }
}
@media (max-width: 550px) {
  .eduprofile-erweima .imgs {
    width: 80%;
  }
  .mt100 {
    margin-top: 1.5rem;
  }
  .eduprofile-erweima {
    padding: 0.5rem;
  }
  .suggestions-list .items .words {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 0.5rem;
  }
  .suggestions-list .items {
    justify-content: center;
  }
  .eduprofile-button {
    justify-content: center;
  }
  .pd60 {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  .bocweb-header .logos {
    width: 3.4rem;
  }
  .app-infos-list .images .i-list .i span {
    padding: 0.1rem 0.25rem;
    line-height: 1.1;
  }
}
.home-section-global .wens {
  width: 24.66%;
  color: #fff;
  margin-top: -0.25rem;
}
.home-section-global .wens .txts {
  margin-top: 1.425rem;
  margin-bottom: 0.95rem;
  line-height: 1.35294;
  color: rgba(255, 255, 255, 0.7);
}
.home-section-global .wens .tits {
  letter-spacing: -2.6px;
  line-height: 1.327;
}
.home-section-global .global-list {
  width: 61.82%;
}
.home-section-global .card-btns .btns {
  color: #fff;
}

.global-list {
  border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.global-list .items {
  width: calc((100% - 12px) / 3);
  margin-left: 6px;
  position: relative;
  padding-top: 1.75rem;
  padding-bottom: 1.25rem;
}
.global-list .items:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
}
.global-list .items:nth-child(3n+1) {
  margin-left: 0;
}
.global-list .items .strs {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.318;
  margin-top: 0.2rem;
}
.global-list .items .nums {
  line-height: 1.346;
  display: flex;
  align-content: center;
  align-items: flex-end;
}
.global-list .items .nums .spans,
.global-list .items .nums .num {
  line-height: 1;
}

.home-section-newproducts {
  background: url(/bocstatic/web/consweb/1-01.png) no-repeat center;
  background-size: cover;
  /*min-height: 18.75rem;*/
}

.newproducts-swiper {
  position: relative;
}
.newproducts-swiper .items {
  position: relative;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  box-sizing: content-box;
}
.newproducts-swiper .images {
  position: relative;
  overflow: hidden;
}
.newproducts-swiper .images .imgs img {
  width: 100%;
  aspect-ratio: 35 / 22;
}
.newproducts-swiper .images .imgs {
  /*border-top-left-radius: 0.25rem;*/
  /*border-top-right-radius: 0.25rem;*/
  overflow: hidden;
}

.newproducts-swiper .images .imgs:before {
  position: absolute;
  /*content: "";*/
  width: 106%;
  height: 106%;
  left: -3%;
  top: -3%;
  z-index: 1;
  background: url(/bocstatic/web/consweb/2-bg.png) no-repeat center;
  background-size: 100%;
}
.newproducts-swiper .images .icons {
  position: absolute;
  right: 0.75rem;
  bottom: 0.55rem;
  width: 2.35rem;
  height: 2.35rem;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 5;
}
.newproducts-swiper .tit-wens {
  height: 2.5rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  background: #fff;
}
.newproducts-swiper .tit-wens .spans {
  color: #000;
  font-weight: 450;
  line-height: 1.35;
  max-height: 2.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.home-section-newproducts {
  padding-top: 2.5rem;
  padding-bottom: 2.8rem;
}

.tc {
  text-align: center;
}

.home-section-newproducts .cons-txts {
  margin-top: 0.4rem;
  color: #999;
  line-height: 1.647;
}
.home-section-newproducts .cons-txts span {
  color: #333;
  text-decoration: underline;
}

.home-section-products {
  padding-top: 2.85rem;
  padding-bottom: 3.175rem;
  background: linear-gradient(168deg, rgba(41, 101, 139, 0) 23.12%, rgba(7, 105, 166, 0.05) 143.57%), linear-gradient(0deg, rgba(67, 124, 163, 0.05) 0%, rgba(67, 124, 163, 0.05) 100%), #FFF;
}

.products-wraps-titles {
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.products-wraps-titles .inputlist {
  margin-left: 1.5rem;
}
.products-wraps-titles .li-search-rights {
  margin-left: 0.5rem;
}
.products-wraps-titles .li-search-rights .btns {
  border-radius: 1.1rem;
  line-height: 1.1rem;
  background: #1D3546;
  color: #fff;
  padding: 0 0.75rem;
  padding-right: 0.65rem;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
}
.products-wraps-titles .li-search-rights .btns .spans {
  margin-left: 0.2rem;
}
.products-wraps-titles .li-search-rights .btns .svgs {
  width: 0.45rem;
  height: 0.45rem;
  display: block;
}
.products-wraps-titles .li-search-rights .btns .svgs svg {
  max-width: 100%;
  display: block;
  max-height: 100%;
}
.products-wraps-titles .li-searchs-btns {
  position: relative;
}
.products-wraps-titles .li-searchs-btns input[type=text] {
  padding: 0.125rem 0.5rem;
  padding-left: 1.1rem;
  border-radius: 25px;
  background: #FFF;
  height: 1.1rem;
  line-height: 1.1rem;
  width: 10.75rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}
.products-wraps-titles .li-searchs-btns input[type=submit] {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M14.7955 13.8409L12.75 11.7955C12.7159 11.7614 12.6818 11.7614 12.6818 11.7273C13.7045 10.5 14.3182 8.89773 14.3182 7.15909C14.3182 3.20455 11.1136 0 7.15909 0C3.20455 0 0 3.20455 0 7.15909C0 11.1136 3.20455 14.3182 7.15909 14.3182C8.89773 14.3182 10.4659 13.7045 11.7273 12.6818C11.7614 12.7159 11.7614 12.75 11.7955 12.75L13.8409 14.7955C13.9773 14.9318 14.1477 15 14.3182 15C14.4886 15 14.6591 14.9318 14.7955 14.7955C15.0682 14.5227 15.0682 14.1136 14.7955 13.8409ZM7.15909 12.9545C3.95455 12.9545 1.36364 10.3636 1.36364 7.15909C1.36364 3.95455 3.95455 1.36364 7.15909 1.36364C10.3636 1.36364 12.9545 3.95455 12.9545 7.15909C12.9545 10.3636 10.3636 12.9545 7.15909 12.9545Z' fill='%231D3546'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: .375rem;
  height: .4rem;
  color: #333;
  background-size: 85%;
}
.products-wraps-titles .li-searchs-btns input::placeholder {
  color: #333 !important;
}
.products-wraps-titles .li-searchs-btns input:-moz-placeholder {
  color: #333 !important;
}
.products-wraps-titles .li-searchs-btns input::-moz-placeholder {
  color: #333 !important;
}
.products-wraps-titles .li-searchs-btns input:-ms-input-placeholder {
  color: #333 !important;
}
.products-wraps-titles .li-searchs-btns input::-ms-input-placeholder {
  color: #333 !important;
}

.newsletter-wraps .inputslist input{

}

.newsletter-wraps .inputslist input::placeholder {
  color: #1D3546 !important;
}
.newsletter-wraps .inputslist input:-moz-placeholder {
  color: #1D3546 !important;
}
.newsletter-wraps .inputslist input::-moz-placeholder {
  color: #1D3546 !important;
}
.newsletter-wraps .inputslist input:-ms-input-placeholder {
  color: #1D3546 !important;
}
.newsletter-wraps .inputslist input::-ms-input-placeholder {
  color: #1D3546 !important;
}

.products-wraps-list {
  /*border-top:1px solid rgba(51, 51, 51, 0.10);;*/
}

.products-wraps-sanji .list {
  background: #fff;
}

.products-wraps-yiji .boxs:before {
  width: 0;
  opacity: 1;
}

.products-wraps-yiji .items.active .boxs:before {
  transition: 0.5s ease-in-out;
  width: 100%;
  opacity: 1;
}

header{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.products-wraps-sanji {
  overflow: hidden;
    border-radius: 0 0 .25rem .25rem;
    background: #FFF;
    box-shadow: 0px 1px 3px rgba(0, 116, 188, 0.15);
}

.products-wraps-titles .li-searchs-btns input[type=submit] {
  background-color: transparent;
  background-size: 95%;
}
.products-wraps-titles .li-searchs-btns input[type=text]{
  transition:.5s ease-in-out;
}

.products-wraps-yiji .items {
  width: 33.33%;
}
.products-wraps-yiji .items  .boxs{
  padding: 0 0.65rem;

}
.products-wraps-yiji .items.active .boxs:before {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
  .products-wraps-yiji .items.active .boxs{
    color: #1D3546;
  }
.products-wraps-yiji .items.active .boxs .icons {
  /*filter: none;*/
}
.products-wraps-yiji .boxs {
  display: flex;
  height: 1.85rem;
  line-height: 1.85rem;
  overflow: hidden;
  align-items: center;
  cursor: pointer;
  position: relative;
  color: #333;
}
.products-wraps-yiji .boxs:before {
  position: absolute;
  content: "";
  background: #1D3546;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 2px;
  opacity: 0;
  transition: 0.5s ease;
}
.products-wraps-yiji .boxs .icons {
  width: .75rem;
  height: .75rem;
  margin-right: 0.55rem;
  /*mix-blend-mode: multiply;
  filter: grayscale(100%);*/
}
.products-wraps-yiji .boxs .icons svg,
.products-wraps-yiji .boxs .icons img {
  max-height: 100%;
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.products-wraps-erji {
  padding: 0 1.5rem;
  padding-top: 0.6rem;
  padding-bottom: 0.65rem;
  position: relative;
  background: #fff;
}

.products-wraps-erji .swiper-container{
  padding-left: 3px;
  padding-right: 3px;
}
.products-wraps-erji .swiper-button-prev, .products-wraps-erji .swiper-button-next {
  width: 10px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 10px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  bottom: auto;
  margin: 0;
  transform: translateY(-50%);
}
.products-wraps-erji .swiper-button-prev {
  background-image: url(/bocstatic/web/consweb/img/prev.svg);
}
.products-wraps-erji .swiper-button-next {
  background-image: url(/bocstatic/web/consweb/img/next.svg);
}
.products-wraps-erji .items {
  width: calc((100% - 2.7rem) / 7);
  margin-right: 0.45rem;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 0.25rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  line-height: 1.353;
  color: #333;
}
.products-wraps-erji .items.active {
  border-color: #1D3546;
  color: #1D3546;
}
.products-wraps-erji .items .icons {
  width: 1.25rem;
  height: 1.325rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.products-wraps-erji .items:last-child {
  margin-right: 0;
}

.products-wraps-erji .swiper-button-prev {
  left: 0.75rem;
}

.products-wraps-erji .swiper-button-next {
  right: 0.75rem;
}

.products-wraps-sanji {
  background: #fff;
  padding: 1.25rem 1.5rem;
  padding-top: 0.375rem;
}
.products-wraps-sanji .list .li {
  margin-bottom: 0.35rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  width: calc((100% - 1.875rem) / 4);
  margin-left: 0.625rem;
  color: #333;
  height: 1.25rem;
  line-height: 1.25rem;
  overflow: hidden;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
  position: relative;
  border-radius: 5px;
}
.products-wraps-sanji .list .li:before, .products-wraps-sanji .list .li:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.products-wraps-sanji .list .li:before {
  left: 0.45rem;
  width: 0.375rem;
  height: 0.375rem;
  background-image: url(/bocstatic/web/consweb/img/9902.svg);
}
.products-wraps-sanji .list .li:after {
  opacity: 0;
  right: 0.45rem;
  width: 5px;
  height: 7px;
  background-image: url(/bocstatic/web/consweb/img/9901.png);
}
.products-wraps-sanji .list .li:nth-child(4n+1) {
  margin-left: 0;
}


.newproducts-swiper .lis{
    width: calc((100% - 75px)/4);
    margin-right: 25px;
  }
  .newproducts-swiper .lis:last-child{
    margin-right: 0;
  }
  @media (max-width: 1195px){
    .newproducts-swiper .lis{
      width: calc((100% - 50px)/3);
    }
    .home-section-newproducts .cons-swiper .swiper-button-prev{
      left:3%;
    }
    .home-section-newproducts .cons-swiper .swiper-button-next{
      right: 3%;
    }
  }

  @media (max-width: 768px){
    .newproducts-swiper .lis{
      width: 100%;
    }
  }
.por-new-b-info ul li:hover .img .bg img{
  /*transform: scale(1)!important;*/
}

@media (min-width: 1025px) {
  .por-new-b-info ul li:hover .msm{
    color: #437CA3;
  }
  .investor-fixeds .investorwords{
    height:27em;
  }

  .InvestorReport-list .link:hover{
    color: #437CA3;
  }
  .more-btns a:hover,.more-btns a{
    transition: .5s ease-in-out;
  }

  .more-btns a:hover{
    /*background-color: #437CA3;
    border-color: #437CA3;
    color: #FFF;*/
  }
  .more-btns a:hover svg{
    /*filter: brightness(0) invert(1);*/
  }
  .products-wraps-yiji .items:hover .boxs:before,
  .products-wraps-yiji .boxs:before {
    transition: 1s ease-in-out;
  }
  .products-wraps-yiji .items:hover .boxs{
    color: #1D3546;
  }
  .products-wraps-yiji .boxs:before {
    width: 0;
    opacity: 1;
  }
  .products-wraps-yiji .items:hover .boxs:before {
    /*transition: 0.5s ease-in-out;
    width: 100%;
    opacity: 1;*/
  }
  .products-wraps-yiji .items:hover .boxs .icons {
    /*filter: none;*/
  }
  .products-wraps-sanji .list .li:hover {
    background: #437CA3;
    color: #fff;
    transition: 0.5s ease;
  }
  .products-wraps-sanji .list .li:hover:after, .products-wraps-sanji .list .li:hover:before {
    transition: 0.5s ease;
  }
  .products-wraps-sanji .list .li:hover:after {
    opacity: 1;
  }
  .products-wraps-sanji .list .li:hover:before {
    background-image: url(/bocstatic/web/consweb/img/9901.svg);
  }
  .products-wraps-erji .items, .products-wraps-erji .items:hover {
    transition: 0.5s ease-in-out;
  }
  .products-wraps-erji .items:hover {
    border-color: #1D3546;
    color: #1D3546;
  }
}
.products-wraps-titles .li-search-rights .btns .spans {
  background: transparent;
  line-height: 1.1rem;
  height: 1.1rem;
  width: 10.75rem;
}
.products-wraps-titles .li-search-rights .btns .spans::placeholder {
  color: #fff !important;
}
.products-wraps-titles .li-search-rights .btns .spans:-moz-placeholder {
  color: #fff !important;
}
.products-wraps-titles .li-search-rights .btns .spans::-moz-placeholder {
  color: #fff !important;
}
.products-wraps-titles .li-search-rights .btns .spans:-ms-input-placeholder {
  color: #fff !important;
}
.products-wraps-titles .li-search-rights .btns .spans::-ms-input-placeholder {
  color: #fff !important;
}

.products-wraps-titles .li-search-rights.active .btns .spans {
  width: 5em;
}

.products-wraps-titles .li-search-rights .btns .svgs {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.products-wraps-titles .li-search-rights.active .li-searchs-btns input[type=text],
.products-wraps-titles .li-search.active .li-searchs-btns input[type=text] {
  width: 3.5rem;
  transition: 0.5s ease-in-out;
  font-size: inherit;
}

.products-wraps-titles .li-search-rights.active .btns .spans, .products-wraps-titles .li-search-rights .btns .spans,
.products-wraps-titles .li-search.active .li-searchs-btns input[type=text], .products-wraps-titles .li-search.active .li-searchs-btns input[type=text] {
  transition: 0.5s ease-in-out;
}

 .products-wraps-titles .li-search.active .li-searchs-btns input[type=text],
.products-wraps-titles .li-search-rights.active .li-searchs-btns input[type=text]{
  background: #1D3546;
  color: #fff;
}
.products-wraps-titles .li-searchs-btns input[type=text]{
  padding-top: 0;
  padding-bottom: .1em;
}

.products-wraps-titles .li-search.active .li-searchs-btns input[type=text],
.products-wraps-titles .li-search-rights.active .li-searchs-btns input[type=text]{
  cursor: pointer;
}
.products-wraps-titles .li-search .li-searchs-btns input[type=text],
.products-wraps-titles .li-search-rights .li-searchs-btns input[type=text]{
  cursor: auto;
}
.products-wraps-titles .li-search.active .li-searchs-btns input[type=submit]{
  filter: brightness(0) invert(1);
}

.products-wraps-titles .li-searchs-btns input[type=text]::placeholder{
  color: #bbb !important;
}
.products-wraps-titles .li-searchs-btns input[type=text]:-moz-placeholder {
  color: #bbb !important;
}

.products-wraps-titles .li-searchs-btns input[type=text]::-moz-placeholder {
  color: #bbb !important;
}

.products-wraps-titles .li-searchs-btns input[type=text]:-ms-input-placeholder {
  color: #bbb !important;
}
.products-wraps-titles .li-searchs-btns input[type=text]::-ms-input-placeholder {
  color: #bbb !important;
}





 .products-wraps-titles .li-search.active .li-searchs-btns input[type=text]::placeholder,
.products-wraps-titles .li-search-rights.active .li-searchs-btns input::placeholder {
  color: #fff !important;
}
.products-wraps-titles .li-search.active .li-searchs-btns input[type=text]:-moz-placeholder,
.products-wraps-titles .li-search-rights.active .li-searchs-btns input:-moz-placeholder {
  color: #fff !important;
}

.products-wraps-titles .li-search.active .li-searchs-btns input[type=text]::-moz-placeholder,
.products-wraps-titles .li-search-rights.active .li-searchs-btns input::-moz-placeholder {
  color: #fff !important;
}

.products-wraps-titles .li-search.active .li-searchs-btns input[type=text]:-ms-input-placeholder,
.products-wraps-titles .li-search-rights.active .li-searchs-btns input:-ms-input-placeholder {
  color: #fff !important;
}
.products-wraps-titles .li-search.active .li-searchs-btns input[type=text]::-ms-input-placeholder,
.products-wraps-titles .li-search-rights.active .li-searchs-btns input::-ms-input-placeholder {
  color: #fff !important;
}

.products-wraps-titles .li-search-rights.active .li-searchs-btns input[type=submit]  {
  background-image: url(/bocstatic/web/consweb/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_167_2570)'%3E%3Cpath d='M14.9564 9.52224L13.9939 10.4882L15.5742 12.072H12.3077L9.87056 9L12.3077 5.928H15.5742L13.9939 7.51179L14.9564 8.47435L17.1922 6.24203L18.1581 5.27605L17.1922 4.31008L14.9564 2.07776L13.9939 3.04373L15.5128 4.56267H11.6489L9.00016 7.90091L6.35141 4.56267H0.125488V5.928H5.69264L8.12976 9L5.69264 12.072H0.125488V13.4373H6.35141L9.00016 10.0991L11.6489 13.4373H15.5128L13.9939 14.9563L14.9564 15.9222L17.1922 13.6899L18.1581 12.7239L17.1922 11.758L14.9564 9.52224Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_167_2570'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.products-wraps-titles .li-search-rights .li-searchs-btns input[type=submit]{
  background-image: url(/bocstatic/web/consweb/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_167_2570)'%3E%3Cpath d='M14.9564 9.52224L13.9939 10.4882L15.5742 12.072H12.3077L9.87056 9L12.3077 5.928H15.5742L13.9939 7.51179L14.9564 8.47435L17.1922 6.24203L18.1581 5.27605L17.1922 4.31008L14.9564 2.07776L13.9939 3.04373L15.5128 4.56267H11.6489L9.00016 7.19000L6.35141 4.56267H0.125488V5.928H5.69264L8.12976 9L5.69264 12.072H0.125488V13.4373H6.35141L9.00016 10.8100L11.6489 13.4373H15.5128L13.9939 14.9563L14.9564 15.9222L17.1922 13.6899L18.1581 12.7239L17.1922 11.758L14.9564 9.52224Z' fill='%231D3546'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_167_2570'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


.home-section-application {
  position: relative;
}
.home-section-application .words {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 2.5rem;
  pointer-events: none;
  z-index: 2;
}
.home-section-application .words .cons-home-tits {
  line-height: 1.346;
  color: #333;
}
.home-section-application .words .cons-txts {
  color: #999;
  line-height: 1.1764;
  max-width: 27em;
  margin-top: 0.4rem;
}

.home-section-application .words .cons-txts{

}
.home-section-application .words .cons-txts span {
  color: #333;
  font-weight: 330;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  line-height: 1.647;
}
.home-section-application .images {
  position: relative;
}
.home-section-application .images .imgs {
  overflow: hidden;
}

.home-section-application .images .imgs:before{
  position: absolute;
  width: 100%;
  height: 2.5rem;
  content:"";
  left: 0;
  bottom: 0;
  z-index: 5;
  background: #fff;
}
.home-section-application .images .imgs img {
  aspect-ratio: 16/10;
  width: 100%;
}
.home-section-application .li-imgs {
  width: 4.075rem;
  height: 4.075rem;
  border-radius: 50%;
  overflow: hidden;
  /*box-shadow: 1px 3px 8px 1px rgba(67, 124, 163, 0.25);*/
  box-shadow: 1px 3px 8px 1px  rgba(0, 116, 188, 0.25);
  background: #fff;
  position: relative;
  z-index: 3;

}
.home-section-application .li-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-section-application .li-texts {
  width: calc(100% - 4.075rem);
  padding-left: 0.6rem;
}
.home-section-application .li-texts .card-btns {
  display: inline-flex;
}
.home-section-application .li-texts .txts {
  margin-top: 0.35rem;
  margin-bottom: 0.65rem;
  color: #666;
  line-height: 1.4;
  max-height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.home-section-application .li-texts .tits {
  color: #1D3546;
  line-height: 1.318;
}
.home-section-application .li-spans {
  border-radius: 1.25rem;
  background: #1D3546;
  height: 1.15rem;
  line-height: 1.15rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  cursor: pointer;
  position: relative;
  z-index: 5;
  padding: 0 1px;
  transition: 0.8s ease-in-out;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(5px);
}
.home-section-application .li-spans .icons {
  width: 1.05rem;
  height: 1.05rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.home-section-application .li-spans .icons svg,
.home-section-application .li-spans .icons img{
  max-width: 65%;
}

.home-section-application .li-spans .spans {
  padding-left: 0.3rem;
  padding-right: 0.65rem;
}
.home-section-application .list .li {
  position: absolute;
  left: 0%;
  top: 0%;
}
/*.home-section-application .list .li1 {
  left: 18%;
  top: 55%;
}
.home-section-application .list .li2 {
  left: 24%;
  top: 71%;
}
.home-section-application .list .li3 {
  left: 46%;
  top: 51%;
}
.home-section-application .list .li4 {
  left: 53%;
  top: 64%;
}
.home-section-application .list .li5 {
  left: 66%;
  top: 46%;
}
.home-section-application .list .li6 {
  left: 76%;
  top: 28%;
}
.home-section-application .list .li7 {
  left: 76%;
  top: 60%;
}*/

.home-section-application .list .li1 {
    left: 21.5%;
    top: 50%;
}
.home-section-application .list .li2 {
    left: 23%;
    top: 66%;
}
.home-section-application .list .li3 {
    left: 47%;
    top: 45%;
}
.home-section-application .list .li4 {
    left: 54%;
    top: 57%;
}
.home-section-application .list .li5 {
      left: 66%;
    top: 41%;
}
.home-section-application .list .li6 {
      left: 72%;
    top: 25%;
}
.home-section-application .list .li7 {
      left: 75%;
    top: 55%;
}
.home-section-application .list .li3, .home-section-application .list .li5 {
  z-index: 20 !important;
}
.home-section-application .list .li3 .li-words {
  left: 50%;
}
.home-section-application .list .li3 .li-imgs, .home-section-application .list .li3 .li-texts {
  left: -15px;
  position: relative;
}
.home-section-application .list .li-words {
  /*display: none;*/
  position: absolute;
  left: 85%;
  bottom: 50%;
  opacity: 0;
  pointer-events: none;
  transition: 0.8s ease-in-out;
}
.home-section-application .list .li-words .li-lines {
  width: 6.3rem;
  height: 7.05rem;
  position: relative;
  overflow: hidden;
}
.home-section-application .list .li-words .li-lines:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #0074BC;
  transform: rotate(42deg) scale3d(1, 2, 1);
  transform-origin: left bottom;
  top: 0;
  left: 0;
  transition: transform 0.2s;
}
.home-section-application .list .li-words .li-wens {
  position: absolute;
  left: 80%;
  bottom: 85%;
  width: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.home-section-application .list .li3 .li-words .li-wens{
  left: -1.5rem;
  bottom: 95%;
}
.home-section-application .list .li4 .li-words,
.home-section-application .list .li5 .li-words,
.home-section-application .list .li7 .li-words {
  left: auto;
  right: 85%;
}

.home-section-application .list .li7 .li-words{
  top: 100%;
  bottom: auto;
}
.home-section-application .list .li6 .li-words{
  /*bottom: auto;
  top: 50%;*/
    /*bottom: 100%;
    top: 80%;
    right: 50%;
    left: auto;*/
    right: 80%;
    left: auto;
    bottom: 20%;
}
.home-section-application .list .li6 .li-words .li-wens{
  /*bottom: auto;*/
  /*top: 85%;*/
}
/*.home-section-application .list .li4 .li-words .li-wens,
.home-section-application .list .li5 .li-words .li-wens,
.home-section-application .list .li6 .li-words .li-wens,
.home-section-application .list .li7 .li-words .li-wens {
  left: auto;
  right: 80%;
  flex-direction: row-reverse;
}*/
.home-section-application .list .li6 .li-words .li-lines:before {
  transform-origin: right top;
  transform: rotate(277deg) scale3d(1, 9, 1);
}
.home-section-application .list .li7 .li-words .li-lines:before {
    transform-origin: right top;
    transform: rotate(320deg) scale3d(1, 7, 1);
}
.home-section-application .list .li4 .li-words .li-lines:before{
  transform-origin: right top;
  transform: rotate(301deg) scale3d(1, 5, 1);
}
.home-section-application .list .li5 .li-words .li-lines:before{
  transform-origin: right top;
  transform: rotate(283deg) scale3d(1, 9, 1);
}
.home-section-application .list .li4 .li-words .li-lines{
  width: 13rem;
  height: 8rem;
}
.home-section-application .list .li7 .li-words .li-wens,
.home-section-application .list .li6 .li-words .li-wens,
.home-section-application .list .li5 .li-words .li-wens,
.home-section-application .list .li4 .li-words .li-wens{
  left:-1rem;
}
.home-section-application .list .li7 .li-words .li-wens{
  top:90%;
  bottom: auto;
}
.home-section-application .list .li6 .li-words .li-wens{
    top: 5%;
    /* top: 100%; */
    left: -2rem;
    bottom: 95%;
    top: auto;
}
.home-section-application .list .li5 .li-words .li-lines{
  width: 15rem;
  height: 3.5rem;
}
.home-section-application .list .li6 .li-words .li-lines {
    /*height: 1rem;
    width: 4.5rem;*/
    /*height: 11rem;
    width: 1.5rem;
    right: 0;
    transform: rotate(194deg);*/
    height: 1.6rem;
    width: 13rem;
}
.home-section-application .list .li6 .li-words .li-lines:before {
  /*transform: rotate(353deg) scale3d(1, 9, 1);*/
}
.home-section-application .list .li3 .li-words .li-lines {
      width: 8rem;
    height: 3.5rem;
}
.home-section-application .list .li3 .li-words{
      left: auto;
    right: 85%;
    bottom: 70%;

}

.home-section-application .list .li7 .li-words .li-lines {
    width: 3rem;
    height: 4.5rem;
    transform: rotate(60deg);
}
.home-section-application .list .li3 .li-words .li-lines:before {
  /*transform: rotate(0) scale3d(1, 9, 1);*/
      transform-origin: right top;
    transform: rotate(295deg) scale3d(1, 8, 1);
}
.home-section-application .list .li2 .li-words .li-lines {
  /*width: 4.3rem;*/
  /*height: 15rem;*/
  height: 11rem;
  width: 1rem;
}
.home-section-application .list .li2 .li-words .li-lines:before {
  transform: rotate(4deg) scale3d(1, 2, 1);
}

.home-section-application .list .li2 .li-words .li-wens{
  left: -1rem;
}

.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .svgswraps {
  z-index: 0;
  pointer-events: none;
}

.bocweb-footer-topslogobox .topslogobox-right .inputs-wraps .btns .submits {
  background-color: transparent;
}

.card-btns .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

@keyframes clipUps {
  0% {
    clip-path: inset(100% 0 0 0); /* 底部全遮住 */
  }
  100% {
    clip-path: inset(0 0 0 0); /* 齐全显示 */
  }
}
@keyframes ops {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.home-section-application .li-imgs{
      aspect-ratio: 1 / 1;
}
.home-section-application .list .li-words .li-lines {
  /*clip-path: inset(100% 0 0 0);*/
  /*animation: clipUps 0.8s ease forwards;*/
  opacity: 0;
  animation: ops 0.1s ease forwards 0.3s;
}

.home-section-application .list .li .li-words .li-wens {
  opacity: 0;
  animation: ops 0.1s ease forwards 0.25s;
  /*opacity: 0;
  transition: .8s ease-in-out;*/
}
.home-section-application-list {
  padding: 1rem 2%;
}
.home-section-application-list .li {
  padding: 1rem 0;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}
.home-section-application-list .li .li-wens {
  padding: 0.25rem 0;
  padding-top: 0.5rem;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.home-section-application-list .li .li-imgs {
  width: 45%;
}
.home-section-application-list .li .li-texts {
  width: 55%;
}

.home-section-application .images .imgs {
  position: relative;
}

.home-section-application .images .imgs .bgvide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.home-section-application .images .imgs{
  /*background: linear-gradient(180deg, rgba(255,255,255,0.9) -23.88%, rgba(255,255,255,0) 51.59%), #E0E1E2;*/
  /*background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) -23.88%, rgba(255, 255, 255, 0) 51.59%), #f1f1f1*/
  background: linear-gradient(to top, #f2f2f2 -23.88%, #f1f1f1 51.59%);
}
@media (min-width: 1025px) {
  .products-wraps-titles .li-search-rights.active .li-searchs-btns:hover input[type=submit]{
      background-image: url(/bocstatic/web/consweb/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_167_2570)'%3E%3Cpath d='M14.9564 9.52224L13.9939 10.4882L15.5742 12.072H12.3077L9.87056 9L12.3077 5.928H15.5742L13.9939 7.51179L14.9564 8.47435L17.1922 6.24203L18.1581 5.27605L17.1922 4.31008L14.9564 2.07776L13.9939 3.04373L15.5128 4.56267H11.6489L9.00016 7.19000L6.35141 4.56267H0.125488V5.928H5.69264L8.12976 9L5.69264 12.072H0.125488V13.4373H6.35141L9.00016 10.8100L11.6489 13.4373H15.5128L13.9939 14.9563L14.9564 15.9222L17.1922 13.6899L18.1581 12.7239L17.1922 11.758L14.9564 9.52224Z' fill='%23437CA3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_167_2570'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
  .products-wraps-titles .li-search.active .li-searchs-btns:hover input[type=submit]{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M14.7955 13.8409L12.75 11.7955C12.7159 11.7614 12.6818 11.7614 12.6818 11.7273C13.7045 10.5 14.3182 8.89773 14.3182 7.15909C14.3182 3.20455 11.1136 0 7.15909 0C3.20455 0 0 3.20455 0 7.15909C0 11.1136 3.20455 14.3182 7.15909 14.3182C8.89773 14.3182 10.4659 13.7045 11.7273 12.6818C11.7614 12.7159 11.7614 12.75 11.7955 12.75L13.8409 14.7955C13.9773 14.9318 14.1477 15 14.3182 15C14.4886 15 14.6591 14.9318 14.7955 14.7955C15.0682 14.5227 15.0682 14.1136 14.7955 13.8409ZM7.15909 12.9545C3.95455 12.9545 1.36364 10.3636 1.36364 7.15909C1.36364 3.95455 3.95455 1.36364 7.15909 1.36364C10.3636 1.36364 12.9545 3.95455 12.9545 7.15909C12.9545 10.3636 10.3636 12.9545 7.15909 12.9545Z' fill='%23437CA3'/%3E%3C/svg%3E");
      filter: none;
  }
  .products-wraps-titles .li.active .li-searchs-btns:hover input::placeholder {
    color: #437CA3 !important;
  }
  .products-wraps-titles .li.active .li-searchs-btns:hover input:-moz-placeholder {
    color: #437CA3 !important;
  }
  .products-wraps-titles .li.active .li-searchs-btns:hover input::-moz-placeholder {
    color: #437CA3 !important;
  }
  .products-wraps-titles .li.active .li-searchs-btns:hover input:-ms-input-placeholder {
    color: #437CA3 !important;
  }
  .products-wraps-titles .li.active .li-searchs-btns:hover input::-ms-input-placeholder {
    color: #437CA3 !important;
  }


  .products-wraps-titles .li-search .li-searchs-btns input[type=submit]:hover{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M14.7955 13.8409L12.75 11.7955C12.7159 11.7614 12.6818 11.7614 12.6818 11.7273C13.7045 10.5 14.3182 8.89773 14.3182 7.15909C14.3182 3.20455 11.1136 0 7.15909 0C3.20455 0 0 3.20455 0 7.15909C0 11.1136 3.20455 14.3182 7.15909 14.3182C8.89773 14.3182 10.4659 13.7045 11.7273 12.6818C11.7614 12.7159 11.7614 12.75 11.7955 12.75L13.8409 14.7955C13.9773 14.9318 14.1477 15 14.3182 15C14.4886 15 14.6591 14.9318 14.7955 14.7955C15.0682 14.5227 15.0682 14.1136 14.7955 13.8409ZM7.15909 12.9545C3.95455 12.9545 1.36364 10.3636 1.36364 7.15909C1.36364 3.95455 3.95455 1.36364 7.15909 1.36364C10.3636 1.36364 12.9545 3.95455 12.9545 7.15909C12.9545 10.3636 10.3636 12.9545 7.15909 12.9545Z' fill='%23437CA3'/%3E%3C/svg%3E");
  }

  .products-wraps-yiji .boxs .spans,.products-wraps-yiji .boxs:hover .spans,
  .products-wraps-yiji .boxs:hover .icons svg path,.products-wraps-yiji .boxs .icons svg path{
    /*transition: .5s ease-in-out;*/
  }
  .products-wraps-yiji .boxs:hover .spans{
    color: #437CA3;
  }
  .products-wraps-yiji .boxs:hover .icons svg path{
    fill:#437CA3;
  }
  .cons-fixeds .closes:hover rect,.cons-fixeds .closes rect,.cons-fixeds .closes circle，.cons-fixeds .closes:hover circle{
      transition:.2s ease-in-out;
  }
  .cons-fixeds .closes:hover circle{
    fill:#437CA3;
  }
  .cons-fixeds .closes:hover rect{
    fill:#ffffff;
  }

  .commens-mainwraps-wraps .mainwraps-wraps-tips:hover .svgs{
    /*fill:#437CA3;*/
      filter: none;
  }
  .demandplatform-mainwraps .demandplatform-aside li a:hover .oncurs svg path{
    fill:#437CA3;
  }
  .demandplatform-mainwraps .demandplatform-aside li a:hover{
    color: #437CA3;
  }

  .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps:not(.huijh):hover .mainwraps-wraps-tips:after,
  .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps:not(.huijh):hover .mainwraps-wraps-tips:before{
      /*opacity: 1;*/
  }
   .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps:not(.huijh) .mainwraps-wraps-tips span:hover{
      color: #437CA3;
   }
   .demandplatform-mainwraps .demandplatform-aside li.commens-mainwraps-wraps:not(.huijh) .mainwraps-wraps-tips .svgs:hover path{
      fill: #437CA3;
   }
  .proul-swiper .lis:hover .words  .mores .svgs,.proul-swiper .lis .words  .mores .svgs,
  .proul-swiper .lis:hover .words .tits,.proul-swiper .lis .words .tits{
    transition:.5s ease-in-out;
  }
  .proul-swiper .lis:hover .words .tits{
    color: #437CA3;
  }
  .proul-swiper .lis:hover .words  .mores .svgs{
    transform: translateX(10px);
  }
  .langslist:hover .langslist-tops span:before{
      background: url(/bocstatic/web/consweb/img/1-0020.svg) no-repeat center;
      background-size: 100%;
      transform:rotate(180deg);
      transform-origin: top;
  }
  .langslist:hover .langslist-tops:before{
    background: url(/bocstatic/web/consweb/img/1-0010.svg) no-repeat center;
    background-size: 100%;
  }
  .langslist:hover .langslist-tops{
    color: #437CA3;
  }
  .home-section-application .list .li-spans {
    /*background: #fff;*/
    color: #1D3546;
  }
  .home-section-application .list .li-spans .icons {
    background: #1D3546;
    transition: 0.5s ease;
  }
  .home-section-application .list .li-spans .icons img {
    transition: 0.5s ease;
    filter: grayscale(100%) brightness(0) invert(100%);
    -webkit-filter: grayscale(100%) brightness(0) invert(100%);
  }
  .home-section-application .list .li:hover .li-spans {
    background: #1D3546;
    color: #fff;
  }
  .home-section-application .list .li:hover .li-spans .icons {
    background: #fff;
    /*transition: 0.5s ease;*/
  }
  .home-section-application .list .li:hover .li-spans .icons img {
    filter: none;
    -webkit-filter: none;
    /*transition: 0.5s ease;*/
  }


  .home-section-application .list .li.curs .li-spans {
    background: #1D3546;
    color: #fff;
  }
  .home-section-application .list .li.curs .li-spans .icons {
    background: #fff;
    /*transition: 0.5s ease;*/
  }
  .home-section-application .list .li.curs .li-spans .icons img {
    filter: none;
    -webkit-filter: none;
    /*transition: 0.5s ease;*/
  }
  .card-btns .svgs,
  .card-btns .btns:hover .svgs {
    transition: 0.5s ease;
  }
  .card-btns .btns:hover .svgs {
    transform: translateX(10px);
  }
  .home-section-application .list .li {
    z-index: 1;
  }
  .home-section-application .list .li .li-words {
    opacity: 1;
    pointer-events: auto;
    display: none;
  }
  .home-section-application .list .li.cur {
    opacity: 0;
    pointer-events: none;
  }
  .home-section-application .list .li.active {
    z-index: 10;
  }
  .home-section-application .list .li.active .li-words {
    opacity: 1;
    pointer-events: auto;
  }
}

.app-titles-biaoti{
  width: 100%;
  margin-top: .25rem;
}

.app-titles-biaoti .items{
  margin-right: .35rem;
}

.app-titles-biaoti .items .btns{
  border-radius: 2px;
  /*font-family: "MiSans Normal";*/
}

.app-titles-biaoti .items:last-child{
  margin-right: 0;
}
.app-titles-biaoti .items .btns{
  letter-spacing: 0;
  padding: 0 1em;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: #FFF;
}
.app-titles-biaoti .items.active .btns{
    background-color: #1D3546;
    color: #fff;
    border-color: #1D3546;
    box-shadow: 0 0px 15px 0px rgba(255, 255, 255, 0.5);
}
.por-new-a .content li:hover .img .bg img{
  /*transform: scale3d(1, 1, 1)!important;*/
}
@media (min-width: 1025px){
  .por-new-a .content li:hover .txt .t2,
  .por-new-a .content li:hover .txt .t1{
    color: #437ca3;
  }
  .app-titles-biaoti .items:hover .btns{
      background-color: #1D3546;
      color: #fff;
      border-color: #1D3546;
      box-shadow: 0 0px 15px 0px rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 1024px) {
    .bocweb-header-tops-menu-logos .langslist .langslist-tops{
      padding-left: 0;
      display: flex;
      justify-content: flex-start;
      align-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
    .bocweb-header-tops-menu-logos .langslist .langslist-tops:before{
      display: none;
    }
    .bocweb-header-tops-menu-logos .langslist .langslist-tops svg{
      width: .5rem;
      height: .5rem;
      display: inline-flex;
    }
    .bocweb-header-tops-menu-logos .searchs-wraps .li:nth-child(n+2){
      margin-left: .5rem;
    }
    .home-section-application .list .li1 {
      left: 18%;
      top: 55%;
    }
    .home-section-application .list .li2 {
      left: 24%;
      top: 71%;
    }
    .home-section-application .list .li3 {
      left: 46%;
      top: 51%;
    }
    .home-section-application .list .li4 {
      left: 53%;
      top: 64%;
    }
    .home-section-application .list .li5 {
      left: 66%;
      top: 46%;
    }
    .home-section-application .list .li6 {
      left: 70%;
      top: 28%;
    }
    .home-section-application .list .li7 {
      left: 75%;
      top: 58%;
    }
  /**/
  .home-section-application .li-spans{
    background-color: #1D3546;
  }
  .app-titles-biaoti{
    width: 100%;
    margin-top: .35rem;
  }
  .app-titles-biaoti .items{
    margin-right: .25rem;
    margin-bottom: .25rem;
  }
  .langslist{
    line-height: 1.75rem;
  }
  .home-section-newproducts{
    margin-top: 0;
  }
  .home-section-application .images .imgs:before{
    display: none;
  }
  .home-section-application .images .imgs img{
    opacity: 1!important;
  }
  .home-section-application .images .imgs .bgvide{
    display: none!important;
  }
  .home-section-application-list .li .li-imgs{
    height: auto;
  }
  .bocweb-header-m-wraps .bocweb-header-menus .nav-items-bots .ul-tops > a{
    padding: 0;
    display: inline-block;
    vertical-align: top;
  }
  .home-section-application .home-section-application-list .li-spans .icons {
    width: 0.8rem;
    height: 0.8rem;
  }
  .products-wraps-titles .inputlist {
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
  .products-wraps-titles .li-searchs-btns input[type=text] {
    width: 8rem;
  }
  .products-wraps-titles .li-search.active .li-searchs-btns input[type=text] {
    width: 5rem;
  }
  .products-wraps-titles .li-search-rights .btns .spans {
    width: 8rem;
  }
  .home-section-application .list .li-words {
    display: none;
  }
  .home-section-banner .li .images img {
    aspect-ratio: 1/1;
  }
  .home-section-banner .li .wens {
    width: 100%;
  }
  .home-section-banner .li .cards {
    width: 100%;
    margin-top: 1rem;
  }
  .home-section-banner .li .words-wraps {
    align-content: flex-end;
  }
  .products-wraps-erji .items {
    width: calc((100% - 0.8rem) / 5);
    margin-right: 0.2rem;
  }
  .products-wraps-sanji .list .li {
    width: calc((100% - 1rem) / 2);
    margin-left: 0.5rem;
  }
  .products-wraps-sanji .list .li:nth-child(4n+1) {
    margin-left: 0.5rem;
  }
  .products-wraps-sanji .list .li:nth-child(2n+1) {
    margin-left: 0;
  }
  .home-section-application .words {
    padding-top: 1.25rem;
  }
  .home-section-global .wens {
    width: 100%;
  }
  .home-section-global .global-list {
    width: 100%;
    margin-top: 1rem;
  }
  .home-section-news .list .items .images img {
    height: 100%;
  }
  .commens-mainwraps-wraps .mainwraps-wraps-tips span {
    padding-right: 1.5em;
  }
  .InvestorOverview-wraps .rights .lis-tits {
    padding-right: 0.25rem;
  }
}
.bocweb-header-nav .nav-bots a.active,
.bocweb-header-nav .nav-list.cur .nav-tops a {
  color: #437CA3;
}


@media (max-width: 767px) {
  .abouts-vision .words{
    padding: .5rem .75rem;
  }
  .abouts-tops-intros .words .txts{
    line-height: 1.5;
  }
  .vision-bots .items:nth-child(n+2){
    margin-top: 1rem;
  }
  .directors-center-list .items-uls .lis{
    line-height: 1.25;
  }
  .app-images-wraps{
    overflow: hidden;
    overflow-x:auto;
  }
  .app-images-wraps .app-images{
    width: 750px;
  }
  .jobs-fixeds-wraps .cons-fixeds-wraps{
    width: 92%;
    padding-left: 1rem;
  }
  .jobs-fixeds-wraps .h3tits{
    width: calc(100% - .5rem);
  }
  .jobs-fixeds-wraps .w-wraps{
    padding-right: .5rem;
  }
  .home-section-application .li-spans{
    padding:0 5px;
  }
  .tit-32{
    font-size: .7rem;
  }
  .tit-42{
    font-size: .95rem;
  }
  .bocweb-footer-erweima-texts {
    padding-bottom: 2.25em;
  }
  .InvestorOverview {
    padding-bottom: 1.5rem;
  }
  .InvestorOverview-wraps .rights .lis {
    height: auto;
    padding: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .mt40 {
    margin-top: 0.75rem;
  }
  .home-section-application-list .li .li-imgs {
    width: 40%;
    height: auto;
  }
  .home-section-application-list .li .li-texts {
    width: 60%;
  }
  .global-list .items {
    width: 49%;
    margin-left: 2%;
    padding-top: 1rem;
    padding-bottom: 0.75rem;
  }
  .global-list .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .global-list .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .products-wraps-titles .li-search-rights .btns {
    padding: 0 0.25rem;
  }
  .home-section-news .list .items {
    width: 100%;
    margin-left: 0;
  }
  .tit-62 {
    font-size: 1.15rem;
  }
  .tit-52 {
    font-size: 0.9rem;
  }
  .home-section-products,
  .home-section-newproducts,
  .home-section-news {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .home-section-global {
    padding-top: 2.25rem;
    padding-bottom: 2.5rem;
  }
  .mt70 {
    margin-top: 1rem;
  }
  .home-section-global .wens .txts {
    margin-top: 1rem;
    margin-bottom: 0.75rem;
  }
  .home-section-news .list .items {
    margin-bottom: 0.5rem;
  }
  .home-section-news .list .items .words {
    padding: 0.5rem;
  }
  .home-section-banner .li .images img {
    aspect-ratio: 0.75/1;
  }
  .home-section-banner .li .cards {
    padding: 0.5rem 0.6rem 0.8rem 0.5rem;
    display: none;
  }
  .home-section-application .list .li-spans {
    border-radius: 0.75rem;
    height: 0.75rem;
    line-height: 0.75rem;
  }
  .home-section-application .list .li-spans .icons {
    /*width: 0.75rem;
    height: 0.75rem;*/
    width: .6rem;
    height: .6rem;
  }
  .home-section-application .list .li-spans .spans {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
  }
  .home-section-application .words {
    position: static;
    transform: none;
    padding-bottom: 1.5rem;
  }
  .home-section-application .list .li-spans .spans {
    font-size: 0.3rem;
  }
  .products-wraps-erji .items {
    width: calc((100% - 0.2rem) / 2);
    margin-right: 0.2rem;
  }
  .products-wraps-sanji .list .li {
    width: 100%;
    margin-left: 0;
  }
  .products-wraps-sanji {
    padding: 0.5rem 0.35rem;
  }
  .products-wraps-erji {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .products-wraps-erji .swiper-button-prev {
    left: 0.35rem;
  }
  .products-wraps-erji .swiper-button-next {
    right: 0.35rem;
  }
  .products-wraps-yiji .items {
    width: auto;
    min-width: 33.33%;
  }
  .products-wraps-yiji .boxs {
    justify-content: center;
  }
  .products-wraps-yiji .boxs .icons {
    margin-right: 0.3rem;
  }
  .products-wraps-titles .li-searchs-btns input[type=text] {
    width: 100%;
  }
  .products-wraps-titles .li-search.active .li-searchs-btns input[type=text] {
    width: 100%;
  }
  .products-wraps-titles .li-search-rights .btns .spans {
    width: calc(100% - 0.7rem);
  }
  .products-wraps-titles .li-search {
    width: 60%;
  }
  .products-wraps-titles .li-search.active {
    width: 38%;
  }
  .products-wraps-titles .li-search-rights {
    width: 60%;
    margin-left: 2%;
  }
  .products-wraps-titles .li-search-rights.active {
    width: 38%;
  }
  /*li-search-rights*/
}

.jobs-fixeds-wraps .w-bots-words .items-tops{
    /*font-family: "MiSans Demibold";*/
}
.onno .edunews-bots-list .list{
  border-top: none;
}
.app-infos-list.onh{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.app-infos-list.onh:before{
  display: none;
}

.pronav-bots-list .proul .icons2{
    position: absolute;
    left: 50%;
    top: 2rem;
    transform: translateX(-50%);
    width: 2rem;
    height: 2rem;
   animation: spin 2s linear infinite;*/
}
.pronav-bots-list .proul .icons2 svg{
  width: 100%;
  height: 100%;
}

.bocweb-header-wraps-bgs{
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12.5px);
    z-index: 2;
    display: none;
}
.bocweb-header-wraps{
  position: relative;
  z-index: 100;
  background: #fff;
}
   .bocweb-header-nav .nav-list-pros.nav-list.curs .nav-tops a:before,
  .bocweb-header-nav .nav-list-pros.nav-list.cur .nav-tops a:before{
    background: url(/bocstatic/web/consweb/img/1-00300.svg) no-repeat center;
    background-size: 100%;
  }

  .bocweb-header-nav .nav-list.curs .nav-tops a{
    color: #437CA3;
  }

  @media (max-width: 1024px){
    .home-section-application-list .li{
      display: none;
    }
    .home-section-application .images .list .li-spans{
          background: rgba(255, 255, 255, 0.65);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
          backdrop-filter: blur(5px);
          color: #1D3546;
    }
    .home-section-application .images .list .li-spans .icons{
            background: #1D3546;

    }
      .home-section-application .images .list .li-spans .icons svg path{
            fill: #ffffff;
      }
    .home-section-application .images .list .li.active .li-spans{
        background: #1D3546;
        color: #fff;
        .icons{
            background: #ffffff;
             svg path{
                  fill: #1D3546;
             }
          }
    }
    .home-section-application-list .li .li-spans{
      display: none;
    }
    .home-section-application-list .li{
        padding-top: 0;
    }
  }

  .bocweb-header-m-wraps .bocweb-header-menus .nav-items-wraps{
    overflow: hidden;
      height: 100%;
      padding-right: .75rem;
   }

  body.c-active .bocweb-header-m-wraps .bocweb-header-menus .nav-items-wraps{
      overflow-y:auto;
   }



  @media (max-width: 767px){
    .InvestorOverview .InvestorOverview-wraps{
      margin-top: .5rem;
    }
    .contacts-main-banner .words{
      padding: .75rem .8rem;
    }
    .demandplatform-main-banner .words,
    .demandplatform-main .notice-list li a{
      padding: 0 .5rem;
    }
    .demandplatform-main .notice-list li .tits{
      width: 70%;
    }
    .bocweb-header-m-wraps .bocweb-header-menus .nav-items-tops{
      height: 3em;
      line-height: 3em;
    }
    .global-list{
      border-top-width: 1px;
    }
    .home-section-application-list .li .li-wens{
      padding: 0;
    }
    .home-section-application .li-texts .txts{
      max-height: 3em;
    }
    .home-section-application .li-texts .txts,
    .home-section-newproducts .cons-txts,
    .home-section-global .wens .txts{
      line-height: 1.5;
    }
    .home-section-newproducts .cons-txts br{
      display: none;
    }
    .products-wraps-titles .li-search-rights.active .li-searchs-btns input[type=text], .products-wraps-titles .li-search.active .li-searchs-btns input[type=text]{
        width: 100%;
    }
    .home-section-application-list{
      padding-bottom: 0;
    }
   .topslogobox-left{
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      justify-content: center;
      align-items: flex-start;
   }
   .bocweb-footer-topslogobox .topslogobox-right .texts{
      margin-left: auto;
      margin-right: auto;
   }
   .bocweb-header-m-wraps .bocweb-header-menus .nav-items-tops span{
      width: 100%;
      display: block;
   }
   .bocweb-header-m-wraps .bocweb-header-menus{
      padding-top: 1rem;
      padding-bottom: .75rem;
      
   }
   
   .bocweb-footer-topslogobox .topslogobox-left .texts{
      margin-top: .3rem;
   }
   .bocweb-footer-bots .bocweb-footer-text-fl, .bocweb-footer-bots .bocweb-footer-text-fr{
    line-height: 1.5;
   }

   .demandplatform-mainwraps,
   .demandplatform-wraps{
    /*overflow: hidden;*/
   }
   .abouts-tops-images .words br{
      display: none;
   }
   .demandplatform-main .notice-list{
      padding-top: 1.25rem;
      padding-bottom: 1rem;
   }
   .bocweb-footer-erweima .btns{
      width: 1.5em;
      height: 1.5em;
   }
   .topslogobox-right{
      margin-top: .6rem;
   }
   .contacts-list li a{
      line-height: 1.5;
   }
   .demandplatform-mainwraps .demandplatform-main.pd116{
      padding-bottom: 1.75rem;
   }
   .Investor-mains .time-hkdwraps{
      line-height: 1.5;
   }
   .InvestorOverview-wraps .rights{
      margin-top: 1rem;
   }
   .InvestorReport{
    padding-top: 1rem;
   }
   .directors-tops-tits.pd60{
      padding-left: .5rem;
   }

   .directors-center-list .uls .li,
   .directors-center-list .items-uls .lis{
      padding: .5rem .35rem;
   }

   .conspro-list .li-tops{
      line-height: 1.5;
      padding-top: .25rem;
      padding-bottom: .25rem;
   }
   .demandplatform-main:after,
   .demandplatform-main:before{
      display: none;
   }
   .documents-center-list .InvestorReport-list{
      padding-left: 0;
      padding-right: 0;
   }
   .interaction-center-list{
      margin-top: .5rem;
   }
   .shareholders-center-list li{
      padding-bottom: .75rem;
   }
   .app-details .app-words .li{
      line-height: 1.5;
   }
   .app-infos-list .list{
      padding-bottom: 2rem;
   }
   .application-infos-tops{
      padding-bottom: 1rem;
   }

}

@media (max-width: 767px) {
    .home-section-banner .li .wens .tits{
      font-size: 1rem;
    }
}<!--耗时1778669065.3384秒-->