@font-face {
  font-family: 'dinboldalter';
  src: url("/bocstatic/web/css/fonts/DIN-BOLDALTERNATE.eot");
  src: url("/bocstatic/web/css/fonts/DIN-BOLDALTERNATE.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/DIN-BOLDALTERNATE.woff") format("woff"), url("/bocstatic/web/css/fonts/DIN-BOLDALTERNATE.ttf") format("truetype"), url("/bocstatic/web/css/fonts/DIN-BOLDALTERNATE.svg") format("svg");
}
/*@font-face {
  font-family: 'dinbold';
  src: url("/bocstatic/web/css/fonts/DIN-Bold.eot");
  src: url("/bocstatic/web/css/fonts/DIN-Bold.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/DIN-Bold.woff") format("woff"), url("/bocstatic/web/css/fonts/DIN-Bold.ttf") format("truetype"), url("/bocstatic/web/css/fonts/DIN-Bold.svg") format("svg");
}*/
@font-face {
  font-family: 'dinmd';
  src: url("/bocstatic/web/css/fonts/DINMd.eot");
  src: url("/bocstatic/web/css/fonts/DINMd.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/DINMd.woff") format("woff"), url("/bocstatic/web/css/fonts/DINMd.ttf") format("truetype"), url("/bocstatic/web/css/fonts/DINMd.svg") format("svg");
}
@font-face {
  font-family: 'dinmedium';
  src: url("/bocstatic/web/css/fonts/DIN-MEDIUM.eot");
  src: url("/bocstatic/web/css/fonts/DIN-MEDIUM.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/DIN-MEDIUM.woff") format("woff"), url("/bocstatic/web/css/fonts/DIN-MEDIUM.ttf") format("truetype"), url("/bocstatic/web/css/fonts/DIN-MEDIUM.svg") format("svg");
}
@font-face {
  font-family: 'dinblack';
  src: url("/bocstatic/web/css/fonts/DIN-BLACK.eot");
  src: url("/bocstatic/web/css/fonts/DIN-BLACK.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/DIN-BLACK.woff") format("woff"), url("/bocstatic/web/css/fonts/DIN-BLACK.ttf") format("truetype"), url("/bocstatic/web/css/fonts/DIN-BLACK.svg") format("svg");
}
@font-face {
  font-family: 'helve';
  src: url("/bocstatic/web/css/fonts/Helvetica LT Compressed.eot");
  src: url("/bocstatic/web/css/fonts/Helvetica LT Compressed.eot") format("embedded-opentype"), url("/bocstatic/web/css/fonts/Helvetica LT Compressed.woff") format("woff"), url("/bocstatic/web/css/fonts/Helvetica LT Compressed.ttf") format("truetype"), url("/bocstatic/web/css/fonts/Helvetica LT Compressed.svg") format("svg");
}
.dinboldalter {
  font-family: "dinboldalter";
}
.white-body .wenzi{
  color: #fff;
}

.banner .videoboxs  .items:before{
  content:"";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background:url(/bocstatic/web/img/play.png) no-repeat center;
  background-size: 100%;
  display: none;
}
.social-list-bots2{
  padding-top: 2.25rem;
  padding-bottom: 1.875rem;

}
.social-list-bots2 .tits{
  line-height: 1;
  margin-bottom: 1.75rem;
}
.social-list-bots2 .i{
  overflow: hidden;
}
.social-list-bots2 .items .imgs{
  position: relative;
}
.social-list-bots2 .items .imgs .span{
  position: absolute;
  left: 0;
  top: 0;
  min-width: 2.1rem;
  height: .85rem;
  line-height: .85rem;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 0 .5rem;
  background:#868e95;
  border-bottom-right-radius:8px;
  color:#fff;
}
.erwei{
	font-size: 0;
}
.erwei .span,.erwei .imgs{
	display: inline-block;
	margin-right: .45rem;
	vertical-align: middle;
}
.erwei .imgs{
	width: 2.5rem;
	height: 2.5rem;
}
.campuslist-bots2 .imgspc,
.campuslist-bots2{
	height: 12.5rem;
}
.campuslist-bots2 .txts{
	margin-top: .5rem;
	margin-bottom: 1.25rem;
}
.campuslist-bots2 {
	position: relative;
}
.campuslist-bots2 .words  .ul .li{
	float: left;
	line-height: 1.8;
	width: 400px;
	max-width: 26%;;
}
.campuslist-bots2 .words  .ul .li0{
	line-height: 1;
	margin-bottom: .5rem;
}
.campuslist-bots2 .words {
	padding-top: 2.5rem;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color:#fff;
	line-height: 1;
	
}
.section5box .wel-news-fr .swiper-container-horizontal>.swiper-scrollbar{
  opacity: 1!important;
  height: 2px;
}
.section5box .wel-news-fr .swiper-scrollbar-drag{
  background:#ca171d;
  height: 4px;
  margin-top: -1px;
}
.wel-open-svg svg{
  position: fixed!important;
}
.wel-open-images,
.wel-open-svg{
  /*position: absolute;*/
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.m-header .welcome-a{
	position: relative;
}
.m-header .welcome-a .i1{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
}
.prolists .lists-bots .images{
  height: 8.5rem;
}
.prolists .lists-bots .i{
  display: inline-block;
  vertical-align: middle;
  border:1px solid rgba(255,255,255,.2);
  border-radius: 4px;
  padding: 0 1.1rem;
  line-height: 1.375rem;
  height: 1.375rem;
  margin:0 3px;
}
.prolists .lists-bots .tits{
  line-height: 1;
  margin-bottom: 1rem;
}
.prolists .lists-bots .txts{
  font-size: 0;

}
.prolists .lists-bots{
  position: relative;
}

.prolists .lists-bots .words{
  color:#fff;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  transform:translateY(-50%);
}


.white-body .m-header .welcome-a .i1{
	opacity: 1;
}
.white-body .m-header .welcome-a .i0{
	opacity: 0;
}
.m-header.whites .welcome-a .i1{
	opacity: 1;
}
.m-header.whites .welcome-a .i0{
	opacity: 0;
}
.m-header.whites .nav-sousuo {
    background: url(/bocstatic/web/img/search1.png) no-repeat center;
    background-size:25px 25px;
}
.white-body .m-header .nav-sousuo {
    background: url(/bocstatic/web/img/search1.png) no-repeat center;
    background-size:25px 25px;
}
.m-header.whites .nav-btn .line,.white-body  .m-header .nav-btn .line{
	background:#fff;
}

body.ovh.white-body .m-header .welcome-a .i1{
opacity: 0;
}
body.ovh.white-body .m-header .welcome-a .i0{
opacity: 1;
}
.m-header .w-header.fixed .welcome-a .i1,
body.ovh .m-header.whites .welcome-a .i1{
	opacity: 0;
}
.m-header .w-header.fixed .welcome-a .i0,
body.ovh .m-header.whites .welcome-a .i0{
	opacity: 1;
}
.m-header .w-header.fixed .nav-sousuo,
body.ovh.white-body .m-header .nav-sousuo,
body.ovh .m-header.whites .nav-sousuo {
    background: url(/bocstatic/web/img/search.png) no-repeat center;
    background-size:25px 25px;
}
.m-header .w-header.fixed .nav-btn .line,
body.ovh  .m-header.whites .nav-btn .line,body.ovh.white-body  .m-header .nav-btn .line{
	background-color:#000;
}

/*.bocweb-header.whites*/
.lb-data .lb-close{
	position: absolute;
	right: 2rem;
	top: 2rem;
}
.bocweb-header.ubox{
  z-index: 350!important;
}

.welcome-bgs{
  background: rgba(255,255,255,.4);
  clip-path: circle(40%);
  position: absolute;
  width: 500px;
  height: 500px;
  left: 0;
  right: 0;
  bottom: -250px;
  margin:auto;

}
.wel-open-images{
  stroke: none; fill: #ccc; mask: url(/bocstatic/web/css/);
}

@keyframes tiao
{
0% {transform:translateY(-10%);}
25% {transform:translateY(-30%);}
70% {transform:translateY(-10%);}
100% {transform:translateY(-15%);}
}
.welbodys.circles2 #wel-open-circle{
  r:3000;
  transition:1.5s cubic-bezier(0.88, 0.23, 0.4, 0.57) .5s;
  transition-delay:.5s ;

}
#wel-open-circle2{
  r:0;
  transition:1.5s cubic-bezier(0.88, 0.23, 0.4, 0.57) .5s;
}
.welbodys.circles2 #wel-open-circle2{
  r:3000;
  transition:2s cubic-bezier(0.88, 0.23, 0.4, 0.57) ;
}
#wel-open-circle{
  r:0;
  transition:2s cubic-bezier(0.88, 0.23, 0.4, 0.57) ;
}


.wel-open .yuanbox{
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background:#d5151b;
  position: absolute;
  left: 0;
  bottom: -440px;
  right: 0;
  margin:auto;
  display: none;
}
.jbanner.map-banner .images .i{
  transition:.5s ease-in-out;
  width: 0;
  opacity: 0;
}
.jbanner.map-banner.animate .images .i{
  opacity: 1;
  animation: anwidth 2s linear .15s forwards ;
  /* Firefox: */
  -moz-animation: anwidth 2s linear .15s forwards;
  /* Safari 鍜 Chrome: */
  -webkit-animation: anwidth 2s linear .15s forwards ;
  /* Opera: */
  -o-animation: anwidth 2s linear .15s forwards;

}

.wel-open.on .yuanbox{
  animation: tiao 2.2s linear .1s 1;
  -moz-animation: tiao 2.2s linear .1s 1;
  -webkit-animation: tiao 2.2s linear .1s 1;
  -o-animation: tiao 2.2s linear .1s 1;
}



@keyframes anwidth
{
from {opactiy:0;width:0px;}
to {opactiy:0;width:100%;}
}
#fp-nav ul li a.active + .fp-tooltip.right{
  color:#ca171d!important;
}
.welcome-body #fp-nav ul li a.active span{
  background:#ca171d!important;
}
/**/
.map-banner .images.mimg{
  height: auto;
  position: relative;
  max-height: none;
}
.map-banner .images .i{
  position: absolute;
  width: 100%;
  height: 100%;

}
.map-banner .images .i.i1{
  left: 0;
  bottom: 0;

}
.map-banner .images .i.i0{
  right: 0;
  bottom: 0;
}
.wel-open{
  overflow: hidden;
}
.wel-open .images{
  transform:scale3d(1.2,1.2,1);
  opacity:0;
}
.wel-open.cur .images{
  transform:scale3d(1.2,1.2,1);
  transition:2s ease-in-out;
  opacity: 0
}
.wel-open.cur .wel-open-images{
}
.wel-open .wel-open-images {
  transform:scale3d(1.2,1.2,1);
  transition:2s ease-in-out;
  transform-origin: 50% 50%;
}
.wel-open.active .images,
.wel-open.active .wel-open-images{
  transform:scale3d(1,1,1);
  transition:2s ease-in-out;
}
.welbodys .fixed-bottoms3,
.welbodys .bocweb-header,
#fullpage{
  opacity: 0;
  transition:1s ease-in-out;
}
.welbodys.on .fixed-bottoms3,
.welbodys.on .bocweb-header,
#fullpage.on{
  opacity: 1;
  transition:1s ease-in-out;
}
/**/
/*.dinbold {
  font-family: "dinbold";
}*/

.dinmd {
  font-family: "dinmd";
}

/**/
.dinmedium {
  font-family: "dinmedium";
}

.dinblack {
  font-family: "dinblack";
}

.helve {
  font-family: "helve";
}

body, html {
  font-family: "PingFang SC"  , "Microsoft YaHei","Source Han Sans CN" ,"Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", sans-serif;
}

.dinbol {
  font-family: "dinbold";
}

.dinbold {
  font-family: "dinbold";
}

.fa {
  background: #fafafa;
}

.fc {
  background: #fcfcfc;
}

input, select {
  border: none;
  outline: none;
  background: none;
}

.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(../img/jpg/tishi.png) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.wow {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  transition: .5s ease-in-out;
}

.wow.cur {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible !important;
  transition: .5s ease-in-out;
}

.wow.animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: .7s ease-in-out;
  visibility: visible;
}

.wow.animated {
  visibility: visible;
}

.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animated.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

body {
  font-size: 14px;
  color: #222;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
}

.pd80 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.white-body .bocweb-header .bocweb-rightbtns .btn.erweima span {
  background: url(/bocstatic/web/img/erweima1.png) no-repeat center;
  background-size: 100%;
}
.white-body .bocweb-header .bocweb-rightbtns .btn.erweima span:hover {
  background: url(/bocstatic/web/img/erweima2.png) no-repeat center;
  background-size: 100%;
}
.white-body .bocweb-header .bocweb-rightbtns .btn.lang span {
  background: url(/bocstatic/web/img/lang1.png) no-repeat center;
  background-size: 100%;
}
.white-body .bocweb-header .bocweb-rightbtns .btn.lang span:hover {
  background: url(/bocstatic/web/img/lang2.png) no-repeat center;
  background-size: 100%;
}
.white-body .bocweb-header .bocweb-rightbtns .btn.search span {
  background: url(/bocstatic/web/img/search1.png) no-repeat center;
  background-size: 100%;
}
.white-body .bocweb-header .bocweb-rightbtns .btn.search span:hover {
  background: url(/bocstatic/web/img/search2.png) no-repeat center;
  background-size: 100%;
}
.white-body .bocweb-header .bocweb-logo .i1 {
  opacity: 1;
}
.white-body .bocweb-header .bocweb-logo .i0 {
  opacity: 0;
}

/*header*/
.bocweb-header {
  line-height: 100px;
  height: 100px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}
body.on-active .fixed-bottoms .items span{
  color:#fff;
}
body.on-active .bocweb-rightbtns .btn.erweima span {
  background: url(/bocstatic/web/img/erweima1.png) no-repeat center;
  background-size: 100%;
}
body.on-active .fixed-bottoms .fx-right{
  color:#fff;
}
.bocweb-header.whites .bocweb-rightbtns .btn.erweima span:hover {
  background: url(/bocstatic/web/img/erweima2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.whites .bocweb-rightbtns .btn.lang span {
  background: url(/bocstatic/web/img/lang1.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.whites .bocweb-rightbtns .btn.lang span:hover {
  background: url(/bocstatic/web/img/lang2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.whites .bocweb-rightbtns .btn.search span {
  background: url(/bocstatic/web/img/search1.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.whites .bocweb-rightbtns .btn.search span:hover {
  background: url(/bocstatic/web/img/search2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-header.whites .bocweb-logo .i1 {
  opacity: 1;
}
.bocweb-header.whites .bocweb-logo .i0 {
  opacity: 0;
}

.bocweb-logo {
  display: block;
  width: 100px;
  position: relative;
  height: 100px;
}
.bocweb-logo img {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-logo .i1 {
  opacity: 0;
}
.bocweb-logo .i0 {
  opacity: 1;
}

.bocweb-rightbtns {
  position: relative;
  height: 100px;
  font-size: 0;
}
.bocweb-rightbtns .btn {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  font-size: 12px;
  padding: 0 25px;
}
.bocweb-rightbtns .btn span {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.bocweb-rightbtns .btn span:hover {
  opacity: .8;
  transition: .5s ease-in-out;
}
.bocweb-rightbtns .btn.erweima span {
  background: url(/bocstatic/web/img/erweima.png) no-repeat center;
  background-size: 100%;
}
.bocweb-rightbtns .btn.erweima span:hover {
  background: url(/bocstatic/web/img/erweima2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-rightbtns .btn.lang span {
  background: url(/bocstatic/web/img/lang.png) no-repeat center;
  background-size: 100%;
}
.bocweb-rightbtns .btn.lang span:hover {
  background: url(/bocstatic/web/img/lang2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-rightbtns .btn.search span {
  background: url(/bocstatic/web/img/search.png) no-repeat center;
  background-size: 100%;
}
.bocweb-rightbtns .btn.search span:hover {
  background: url(/bocstatic/web/img/search2.png) no-repeat center;
  background-size: 100%;
}
.bocweb-rightbtns .btn:last-child {
  padding-right: 0;
}

/*header*/
#fp-nav.right {
  right: 0 !important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span,
#fp-nav ul li, .fp-slidesNav ul li {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border-radius: 0 !important;
  height: 1px !important;
  bottom: 0;
  left: auto !important;
  right: 0;
  top: 0 !important;
  background: rgba(255,255,255,.5) !important;
  margin: auto !important;
}
body.whites #fp-nav ul li a span,body.whites  .fp-slidesNav ul li a span{
  background: #000 !important;
}

#fp-nav ul li a {
  width: 12px !important;
  height: 3px !important;
  left: 0 !important;
  display: inline-block !important;
  vertical-align: middle;
}

#fp-nav ul li {
  height: 15px !important;
  width: 12px !important;
  line-height: 15px !important;
  text-align: right;
  position: relative;
}
#fp-nav ul li .fp-tooltip {
  font-size: 14px;
}
body.whites #fp-nav ul li .fp-tooltip{
  color:#000!important;
}

#fp-nav ul li:nth-child(n+2) {
  margin-top: 0.9rem !important;
}

#fp-nav ul li .fp-tooltip.right {
  right: 2em !important;
  opacity: 1;
  min-width: 4em !important;
}

#fp-nav ul li a.active + .fp-tooltip.right {
  right: calc(2em + 60px) !important;
}

#fp-nav ul li:hover,
#fp-nav ul li {
  width: auto !important;
}

#fp-nav ul li a.active span {
  width: 60px !important;
  background: #fff !important;
  right: 0 !important;
}

/*font*/
.ft70 {
  font-size: 1.75rem;
}

/*welcome*/
body.wel-fixed .fixed-bottoms2 {
  position: fixed;
}

.fixed-bottoms {
  position: relative;
  width: 100%;
  left: 0;
  line-height: 2rem;
  height: 2rem;
  bottom: 1.25rem;
  z-index: 10;
}
.fixed-bottoms .items {
  display: block;
  text-align: center;
  color: #333;
  transition: .5s ease-in-out;
}
.fixed-bottoms .items.active {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.fixed-bottoms .items.active span:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.fixed-bottoms .items span {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  position: relative;
}
.fixed-bottoms .items span:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #ca171d;
  opacity: 0;
  transition: .5s ease-in-out;
}
.fixed-bottoms.fixed {
  position: fixed;
}
.fixed-bottoms .a-home {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #fdf9f6;
  width: 2rem;
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: url(/bocstatic/web/img/home.png) no-repeat center;
  background-size: .625rem .625rem;
}
.fixed-bottoms .a-home:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #ca171d;
  opacity: 0;
  transition: .5s ease-in-out;
}
.fixed-bottoms .a-home.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.fixed-bottoms .fx-left {
  padding-left: 2rem;
  width: calc(100% - 5rem);
}
.fixed-bottoms .fx-right {
  width: 5rem;
  text-align: center;
  padding: 0 1px;
}
.fixed-bottoms .fx-right img {
  max-width: .45rem;
  max-height: .45rem;
  display: inline-block;
  vertical-align: middle;
}
.fixed-bottoms .fx-left, .fixed-bottoms .fx-right {
  position: relative;
  background: #fff;
  height: 100%;
  overflow: hidden;
  font-size: 14px;
  color: #333;
}

.ybox-left .mCSB_scrollTools {
  left: 0 !important;
  right: auto !important;
  width: 2px !important;
}
.ybox-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
}
.ybox-left .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.ybox-left .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.wel-fixed .m-header .w-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.section2 .images {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.25);
}

.section2 .swiper-container {
  width: 100%;
  /*width: 75%;*/
  margin: 0;
  overflow: visible;
}
.section2 .swiper-button-btn {
  width: 1.625rem;
  height: 1.625rem;
  position: absolute;
  left: auto;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i1.png) #fff no-repeat center;
  background-size: 100%;
  border-radius: 50%;
  right: -0.8125rem;
  transition: .5s ease-in-out;
}
.section2 .swiper-button-btn:hover {
  transition: .5s ease-in-out;
  background: url(/bocstatic/web/img/i2.png) #ca171d no-repeat center;
  background-size: 100%;
}
.section2 .swiper-slide .fl-txt .time {
  line-height: 1;
  padding-top: 0;
  color: #fff;
}
.section2 .swiper-slide .fl-txt .cn{
  margin-top: 0;
  font-size: 1.2rem;
}
.section2 .swiper-slide .fl-txt .time span {
  font-size: 1.25rem;
}
.section2 .swiper-slide .fl-txt .cn {
  /*font-size: 1.6rem;*/
  color: #fff;
  /*margin-top: 1.625rem;*/
}
.section2 .swiper-slide .fl-txt .en {
  opacity: 1;
}
.section2 .fl-txt {
  /*padding-top: 6.75rem;*/
}
.section2 .fl-txt .secwen {
  /*@include trans(none);*/
}
.section2 .fl-txt .time {
  color: #333333;
  padding-top: .5rem;
}
.section2 .fl-txt .time span {
  color: #ca171d;
}
.section2 .fl-txt .cn {
  margin-top: .5rem;
}
.section2 .fl-txt .en {
  opacity: 0;
  margin-top: .4rem;
  font-size: .55rem;
  color: #fff;
}
.section2 .items {
  position: relative;
}
.section2 .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.section2 .items .words.on{
  height: auto;
  top: 50%;
  transform:translateY(-50%);
  padding-top: 0;
  opacity: .15;
}
.section2 .swiper-slide-active.items .words.on{
  opacity: 1;
}

.banner .swiper-pagination-current {
  font-size: 1.25rem;
  color: #ca171d;
}
.banner .swiper-pagination {
  font-size: 16px;
  line-height: 1;
}
.banner .buts {
  position: absolute;
  width: 100%;
  bottom: 4.25rem;
  left: 0;
  z-index: 10;
  font-size: 0;
}
.banner .buts .swiper-pagination, .banner .buts .swiper-button-prev, .banner .buts .swiper-button-next {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 16px;
  color: #000000;
}
.banner .buts .swiper-button-prev, .banner .buts .swiper-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  transition: .5s ease-in-out;
}
.banner .buts .swiper-button-prev {
  background-image: url(/bocstatic/web/img/welleft.png);
}
.banner .buts .swiper-button-next {
  background-image: url(/bocstatic/web/img/welright.png);
  margin-left: .5rem;
}

.banner .items {
  display: block;
  position: relative;
}
.banner .items .images {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner .items video {
  position: absolute;
  width: 140%;
  left: -20%;
  top: -20%;
  height: 140%;
}
.banner .items .words {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 8.125rem;
  line-height: 1;
  color: #333333;
}
.banner .items .words .cn {
  margin-top: .75rem;
  margin-bottom: 2rem;
}

.wel-more {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 50px;
  width: 170px;
  height: 50px;
  color: #fff;
  background: #ca171d;
  vertical-align: top;
  text-align: left;
  padding-left: 28px;
  padding-right: 40px;
  border-radius: 50px;
  cursor: pointer;
}
.wel-more.on {
  background-color: rgba(255, 255, 255, 0.3);
  transition: .5s ease-in-out;
}
.wel-more.on:hover {
  background-color: #ca171d;
  transition: .5s ease-in-out;
}
.wel-more:hover {
  color: #fff;
}
.wel-more:hover:before {
  transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  /* IE 9 */
  -moz-transform: translateX(-10px);
  /* Firefox */
  -webkit-transform: translateX(-10px);
  /* Safari  Chrome */
  -o-transform: translateX(-10px);
  /* Opera */
  transition: .5s ease-in-out;
}
.wel-more:before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/play2.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}

.wel-open {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 150!important;
}
.wel-open .wel-more {
  margin-top: 2rem;
}
.wel-open .words {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  /* top: 50%; */
	top: 87%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari  Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
}
.wel-open .words .cn-tit {
  line-height: 1;
  color: #fff;
}

.search-wrap {
  padding-top: 150px;
}

.section2 .wel-more {
  margin-top: 1.25rem;
}
.section2 .words {
  padding-top: 100px;
}
.section2 .words .fl-txt {
  line-height: 1;
  font-size: 14px;
  color: #333333;
}
.section2 .words .fr-text {
  width: 9.25rem;
}
.section2 .words .fr-text .ybox {
  width: 100%;
  height: 100%;
}
.section2 .words .fr-text .ybox .mCustomScrollBox {
  padding-right: .5rem;
  padding-left: .5rem;
}
.section2 .words .fr-text .wen {
  height: 4.5rem;
  line-height: .6rem;
  font-size: .4rem;
  color: #fff;
  overflow: hidden;
}

.pdt100 {
  padding-top: 100px;
}

.section3 .wordsbox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}
.section3 .words, .section3 .numbox {
  width: 50%;
}
.section3 .en {
  margin-top: .5rem;
  margin-bottom: 1.1rem;
}
.section3 .cn{
	margin-bottom: 1.1rem;
}
.section3 .wen {
  font-size: .375rem;
  line-height: .8rem;
  max-height: 3.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 1.75rem;
}
.section3 .words {
  padding-top: 4.625rem;
  padding-right: 6.25rem;
  line-height: 1;
}
.section3 .wel-more {
  background: #fff;
  color: #ca171d;
}
.section3 .numbox {
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 4.125rem;
}
.section3 .numbox .li {
  float: left;
  width: 50%;
  line-height: 1;
  position: relative;
}
.section3 .numbox .li .p {
  margin-top: .4rem;
}
.section3 .numbox .li .img {
  position: absolute;
  width: 1rem;
  height: 1rem;
}
.section3 .numbox .li .img img {
  display: block;
}
.section3 .numbox .li4, .section3 .numbox .li3 {
  padding-top: 1rem;
}
.section3 .numbox .li4 .img, .section3 .numbox .li3 .img {
  top: 1.1rem;
}
.section3 .numbox .li4, .section3 .numbox .li2 {
  padding-left: 1.5rem;
}
.section3 .numbox .li4 .img, .section3 .numbox .li2 .img {
  right: 0;
}
.section3 .numbox .li1, .section3 .numbox .li2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 1rem;
}
.section3 .numbox .li1 .img, .section3 .numbox .li2 .img {
  top: 0;
}
.section3 .numbox .li1, .section3 .numbox .li3 {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding-right: 1.625rem;
}
.section3 .numbox .li1 .img, .section3 .numbox .li3 .img {
  right: 1.75rem;
}

.section4-itemsbox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.section4box {
  padding-top: 100px;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  left: 0;
  top: 0;
}
.section4box .wel-tits {
  position: relative;
  z-index: 3;
  padding-top: 1rem;
}
.section4box .imgs {
  width: 1.75rem;
  height: 1.75rem;
  margin: 0 auto;
  overflow: hidden;
}
.section4box .imgs img {
  display: block;
}
.section4box .span {
  line-height: 1;
  margin-top: .5rem;
}
.section4box .p {
  font-size: .4rem;
  line-height: .7rem;
  max-height: 2.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: .3rem;
  margin-bottom: 1rem;
}
.section4box .libox {
  float: left;
  width: 33.3%;
  height: 100%;
  position: relative;
}
.section4box .libox:nth-child(n+2) {
  border-left: 2px solid rgba(255, 255, 255, 0.1);
}
.section4box .libox .li {
  width: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari  Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  margin-top: -50px;
}

#section6 {
  height: auto !important;
}

.fp-viewing-4 .fixed-bottoms .fx-left, .fp-viewing-4 .fixed-bottoms .fx-right {
  /*background: #fff;*/
}

.wel-news-tits {
  line-height: 1;
  color: #333333;
}
.wel-news-tits .en {
  color: #666666;
  margin-top: .65rem;
}

.m-header .nav-sousuo {
  background: url(/bocstatic/web/img/search.png) no-repeat center;
  background-size: 25px 25px;
}

.wel-news-ul {
  font-size: .45rem;
  color: #666666;
  margin-top: 3.5rem;
}
.wel-news-ul .li {
  display: block;
  line-height: 1rem;
  height: 1rem;
  transition: .5s ease-in-out;
  cursor: pointer;
  max-width: 80%;
}
.wel-news-ul .li:nth-child(n+2) {
  margin-top: 1.1rem;
}
.wel-news-ul .li:hover {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.wel-news-ul .li.active {
  transition: .5s ease-in-out;
  color: #ca171d;
  font-size: .7rem;
}

#fp-nav ul li:last-child {
  display: none !important;
}

.banner .swiper-slide {
  overflow: hidden;
}

.section5box {
  padding-top: 100px;
}
.section5box .swiper-pagination {
  top: auto !important;
  bottom: 1px;
}
.section5box .swiper-container-horizontal > .swiper-pagination-progress {
  height: 2px;
  background: #dcdcdc;
}
.section5box .swiper-pagination-progress .swiper-pagination-progressbar {
  height: 4px;
  margin-top: -1px;
  background: #ca171d;
}
.section5box .wel-news-fl {
  width: 26%;
}
.section5box .wel-news-fr {
  width: 74%;
  padding-right: 2.5rem;
}
.section5box .wel-news-fr .li {
  display: block;
}
.section5box .wel-news-fr .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.section5box .wel-news-fr .words {
  padding-top: .75rem;
  /*padding-top: 1rem;*/
  padding-bottom: 1rem;
  /*padding-bottom: 1.5rem;*/
  color: #333333;
}
.section5box .wel-news-fr .words .tit {
  line-height: 1.15rem;
  height: 2.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .3rem;
  /*margin-top: .5rem;*/
  margin-bottom: .6rem;
  /*margin-bottom: 1rem;*/
}
.section5box .wel-news-fr .words .time {
  line-height: 1;
}
.section5box .wel-news-fr .words .more {
  display: inline-block;
  vertical-align: top;
  padding-right: .8rem;
  position: relative;
  line-height: 1;
}
.section5box .wel-news-fr .words .more:before {
  position: absolute;
  content: "";
  width: .45rem;
  height: .45rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i10.png) no-repeat center;
  background-size: 100%;
}
.section5box .wel-news-fr .imgs {
  overflow: hidden;
}
.section5box .wel-news-fr .imgs img {
  transition: .5s ease-in-out;
}
.section5box .wel-newsbox {
  padding-top: 1.5rem;
  /*padding-top: 2.25rem;*/
  position: relative;
}
.section5box .wel-newsbox .wel-news-fl {
  /*position: absolute;
  height: 100%;
  left: 0;*/
  padding-top: 1.5rem;
  top: 0;
}
.section5box .wel-newsbox .wel-news-fl .wel-news-ul {
  height: 5.5rem;
}
.section5box .wel-newsbox .wel-news-fl .wel-more-btn {
  /*position: absolute;
  left: 0;
  bottom: 0;*/
}

.section3 .wel-more:before {
  background: url(/bocstatic/web/img/play3.png) no-repeat center;
  background-size: 100%;
}

.bocweb-footer-topbox {
  height: 2.5rem;
  line-height: 2.5rem;
  background: #013e8e;
  color: #fff;
}
.bocweb-footer-topbox .fl-tits {
  max-width: 10em;
  overflow: hidden;
}
.bocweb-footer-topbox .fr-tips {
  max-width: calc(100% - 10em);
  overflow: hidden;
  font-size: 0;
}
.bocweb-footer-topbox .fr-tips a {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  padding: 0 2.5rem;
  position: relative;
}
.bocweb-footer-topbox .fr-tips a:nth-child(1):before {
  display: none;
}
.bocweb-footer-topbox .fr-tips a:before {
  position: absolute;
  content: "";
  width: 1px;
  height: .5rem;
  background: rgba(255, 255, 255, 0.2);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-footer-topbox .fr-tips a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .3rem;
  width: .75rem;
  height: .75rem;
}
.bocweb-footer-topbox .fr-tips a:last-child {
  padding-right: 0;
}

.bocweb-footer-bots {
  color: #999999;
  line-height: 2.25rem;
  height: 2.25rem;
}
.bocweb-footer-bots .abox {
  font-size: 0;
}
.bocweb-footer-bots .abox .i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #999999;
}
.bocweb-footer-bots .abox .i:nth-child(n+2) {
  margin-left: .9rem;
}
.bocweb-footer-bots a.i {
  transition: .5s ease-in-out;
}
.bocweb-footer-bots a.i:hover {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.bocweb-footer-bots a {
  color: #999999;
  transition: .5s ease-in-out;
}
.bocweb-footer-bots a:hover {
  color: #ca171d;
  transition: .5s ease-in-out;
}

.bocweb-footer-tops {
  border-bottom: 1px solid #f2f2f2;
}
.bocweb-footer-tops .bocweb-footer-fl {
  width: 78%;
  border-right: 1px solid #ececec;
  padding-bottom: 3.5%;
}
.bocweb-footer-tops .bocweb-nav .li {
  float: left;
  padding-right: 2px;
  width: 15%;
  padding-top: 1.75rem;
}
.bocweb-footer-tops .bocweb-nav .li a {
  font-size: 13px;
  color: #777777;
  line-height: 2.3;
  display: block;
  transition: .5s ease-in-out;
}
.bocweb-footer-tops .bocweb-nav .li a:hover {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.bocweb-footer-tops .bocweb-nav .li .li-top {
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
}
.bocweb-footer-tops .bocweb-nav .li .line {
  margin-top: .5rem;
  height: 2px;
  width: .65rem;
  background: #d1d1d1;
  margin-bottom: .55rem;
}
.bocweb-footer-tops .bocweb-nav .li:last-child {
  width: 10%;
}
.bocweb-footer-tops .bocweb-footer-fr {
  width: 22%;
  padding: 1rem 1.25rem;
}
.bocweb-footer-tops .bocweb-footer-fr .words {
  font-size: 14px;
  line-height: 24px;
}
.bocweb-footer-tops .bocweb-footer-fr .words .li:nth-child(n+2) {
  margin-top: .4rem;
}
.bocweb-footer-tops .bocweb-footer-fr .imglists {
  margin-top: 1.75rem;
}
.bocweb-footer-tops .bocweb-footer-fr .imglists .li {
  float: left;
  width: 32%;
  margin-left: 2%;
}
.bocweb-footer-tops .bocweb-footer-fr .imglists .li .imgs {
  overflow: hidden;
  border: 1px solid #f2f2f2;
}
.bocweb-footer-tops .bocweb-footer-fr .imglists .li .imgs img {
  display: block;
}
.bocweb-footer-tops .bocweb-footer-fr .imglists .li .span {
  font-size: 14px;
  color: #999999;
  text-align: center;
  line-height: 1;
  margin-top: .5rem;
}
.bocweb-footer-tops .bocweb-footer-fr .imglists .li:nth-child(1) {
  margin-left: 0;
}
.bocweb-footer-tops .logobox {
  display: block;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ececec;
}
.bocweb-footer-tops .logo {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}

.bocweb-rightbtns .btn {
  position: relative;
}

.bocweb-rightbtns .lang .langs-bots .li {
  font-size: 12px;
  line-height: 1.25rem;
  height: 1.25rem;
  color: #333333;
  padding: 0 .6rem;
  display: block;
  transition: .5s ease-in-out;
}
.bocweb-rightbtns .lang .langs-bots .li:hover, .bocweb-rightbtns .lang .langs-bots .li.active {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.bocweb-rightbtns .lang .langs-bots .li:nth-child(n+2) {
  border-top: 1px solid #eeeeee;
}

.bocweb-rightbtns .btn .cnosbots {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  border-radius: 5px;
  top: 75px;
  background: #f2f6f9;
  padding: 0 .25rem;
  display: none;
  /*opacity: 0;*/
  /*transition:.5s ease-in-out;*/
}
.bocweb-rightbtns .btn .cnosbots.on {
  opacity: 1;
  /*transform:translate(-50%,0);*/
  /*transition:.5s ease-in-out;*/
}
.bocweb-rightbtns .btn .cnosbots:before {
  width: 10px;
  content: "";
  position: absolute;
  height: 6px;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i15.png) no-repeat center;
  background-size: 100%;
}

.bocweb-rightbtns .erweima .erweima-bots {
  width: 5.8rem;
  padding: .25rem;
  background: #f2f7fb;
}
.bocweb-rightbtns .erweima .li {
  font-size: 12px;
  width: 2.25rem;
  color: #333333;
  display: block;
  line-height: 1;
  transition: .5s ease-in-out;
  float: left;
  line-height: 1;
  font-size: .35rem;
  color: #999999;
  text-align: center;
}
.bocweb-rightbtns .erweima .li .span {
  margin-top: .25rem;
}
.bocweb-rightbtns .erweima .li:nth-child(n+2) {
  margin-left: .8rem;
}

/*conbanner*/
.con-banner {
  position: relative;
}
.con-banner .conwords {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}
.con-banner .conban-tits {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari  Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  color: #fff;
  line-height: 1;
}
.con-banner .conban-tits .txt {
  margin-top: .4rem;
}
.con-banner .conban-tits .tit {
  line-height: 1.2;
}
.con-banner .fixed-bottoms {
  position: absolute;
}

.investor-banner .words {
  color: #fff;
  padding-top: 100px;
  /*bottom: 7.75rem;*/
  /*top: auto;*/
  top: 2rem;
  height: auto;
  line-height: 1;
}
.investor-banner .words .tit-cn {
  /*font-weight: bold;*/
}
.investor-banner .words .tit-en {
  margin-top: .5rem;
}
.investor-banner .words .txt-cn {
  margin-top: 2rem;
  margin-bottom: .75rem;
}
.investor-banner .words .txt-en {
  margin-bottom: .75rem;
}
.investor-banner .words .ul {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  padding-right: .55rem;
}
.investor-banner .words .ul .li1 {
  margin-top: .2rem;
}
.investor-banner .words .ul .li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  padding-top: .9rem;
  padding-bottom: 1rem;
}
.investor-banner .words .ul .li:nth-child(n+2) {
  margin-left: 1.5rem;
}

.investor-tops {
  background: #f2f2f2;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.investor-tops .investor-tit {
  margin-bottom: 1.625rem;
}

.investor-body .wel-more {
  color: #023962;
  background: #fff;
}
.investor-body .wel-more:before {
  background: url(/bocstatic/web/img/play4.png) no-repeat center;
  background-size: 100%;
}

.investor-images {
  position: relative;
}
.investor-images .words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 1.5rem;
  padding-top: 3.25rem;
  color: #fff;
}
.investor-images .words .tits {
  /*line-height: .28rem;*/
  margin-bottom: .6rem;
}
.investor-images .words .txts {
  line-height: 1.3;
  margin-bottom: 1.7rem;
}
.investor-images .words .t-span {
  /*margin-top: (130rem/40);*/
  margin-top: 2.5rem;
  line-height: .75rem;
}
.investor-images .words .ul-imgs {
  margin-top: .6rem;
}
.investor-images .words .ul-imgs .li {
  float: left;
  width: 4.5rem;
}
.investor-images .words .ul-imgs .li .imgs {
  overflow: hidden;
}
.investor-images .words .ul-imgs .li .imgs img {
  width: 100%;
}
.investor-images .words .ul-imgs .li .span {
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 15px;
  margin-top: .45rem;
}
.investor-images .words .ul-imgs .li:nth-child(n+2) {
  margin-left: .6rem;
}

.investor-centers {
  padding-top: 3rem;
  padding-bottom: 2.75rem;
}
.investor-centers .investor-tit {
  margin-bottom: 1.75rem;
}

.investor-centers .investor-images .words .tits {
  line-height: 1;
  margin-bottom: .35rem;
}

.investor-tit {
  line-height: 1;
  color: #444444;
}

.investor-bots .investor-images .words {
  padding: 1rem 2rem;
  padding-top: 2.25rem;
}
.investor-bots .investor-images .words .tits {
  line-height: 1.2;
}

.investorbots-images.investor-images .words {
  position: static;
  background:rgba(0,0,0,.3);
}
.investorbots-images.investor-images .items .words{
  background:transparent;
} 


.contacts-list .tits-li {
  line-height: 1;
}
.contacts-list .txtsul {
  font-size: .375rem;
  line-height: .8rem;
  margin-top: .6rem;
}
.contacts-list .txtsul img {
  display: inline-block;
  vertical-align: middle;
  width: .5rem;
  height: .5rem;
  margin-right: .3rem;
}

.con-tits-titles {
  line-height: 2rem;
  height: 2rem;
  color: #333333;
  font-size: 0;
  text-align: center;
  background: #f7f7f7;
}
.con-tits-titles .items {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333333;
  padding: 0 3.625rem;
  position: relative;
  transition: .5s ease-in-out;
}
.con-tits-titles .items:hover, .con-tits-titles .items.active {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.con-tits-titles .items:hover:after, .con-tits-titles .items.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.con-tits-titles .items:before, .con-tits-titles .items:after {
  position: absolute;
  content: "";
}
.con-tits-titles .items:after {
  height: 3px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ca171d;
  opacity: 0;
  transition: .5s ease-in-out;
}
.con-tits-titles .items:before {
  width: 1px;
  height: .4rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #cbcbcb;
}
.con-tits-titles .items:nth-child(1):before {
  display: none;
}

.imgre {
  position: relative;
}
.imgre .imgbgs {
  overflow: hidden;
}
.imgre .imgbgs img {
  display: block;
  width: 100%;
}
.imgre .imgab {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.career-items1 {
  padding-top: 1.6rem;
  padding-bottom: 1.75rem;
}
.career-items1 .words {
  color: #fff;
  text-align: center;
  padding: 1.75rem 0;
}
.career-items1 .words .tits {
  line-height: 1;
  margin-bottom: .9rem;
}
.career-items1 .words .wen {
  width: 75%;
  margin: 0 auto;
  line-height: 2;
}

.career-tits {
  line-height: 1;
  color: #1d1d1d;
}

.careerlists {
  font-size: 0;
}
.careerlists .imgs {
  overflow: hidden;
  width: 46.5%;
}
.careerlists img {
  width: 100%;
  transition: .5s ease-in-out;
}
.careerlists .tits {
  line-height: .8rem;
  margin-bottom: .75rem;
}
.careerlists .line {
  width: .8rem;
  height: 3px;
  background: #003e8d;
  background: #003e8d;
}
.careerlists .wen {
  color: #666666;
  line-height: 1.75;
  margin-top: 2.2rem;
  height: calc(100% - 3.8rem);
  overflow-y: auto;
}
.career-items2 .careerlists .wen{
	/*margin-top: 1rem;*/
}
.careerlists .words {
  width: 53.5%;
  padding: 1rem 1.5rem 1rem 1.25rem;
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}
.careerlists .items {
  display: inline-block;
  width: 23.5%;
  margin-left: 2%;
  margin-bottom: 1rem;
  background: #fff;
  position: relative;
  vertical-align: top;
}
.careerlists .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.careerlists .items:nth-child(4n+1) {
  margin-left: 0;
}

.career-items2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.career-items2 .career-tits {
  margin-bottom: 1.45rem;
}

.career-items3 {
  padding-top: 2.125rem;
  padding-bottom: 1.25rem;
}
.career-items3 .career-tits {
  margin-bottom: 1.625rem;
}

.career3-itemsbox {
  font-size: 0;
  text-align: left;
}
.career3-itemsbox .items {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  margin-left: 3.5%;
  margin-bottom: .5rem;
}
.career3-itemsbox .items .words {
  padding-top: 1.125rem;
  padding-bottom: 0.95rem;
  text-align: left;
}
.career3-itemsbox .items .words .tits {
  line-height: 1;
  color: #1d1d1d;
}
.career3-itemsbox .items .words .wen {
  line-height: 1.75;
  color: #1d1d1d;
  margin-top: .5rem;
}
.career3-itemsbox .items img {
  width: 100%;
  transition: .5s ease-in-out;
}
.career3-itemsbox .items .imgs {
  overflow: hidden;
}
.career3-itemsbox .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.career3-itemsbox .items:nth-child(3n+1) {
  margin-left: 0;
}

.bglist .items {
  position: relative;
}
.bglist .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.career-items4 {
  padding-top: 2rem;
  padding-bottom: 3.2rem;
}
.career-items4 .career-tits {
  margin-bottom: 1.75rem;
}

.career4-lists .items {
  float: left;
  color: #fff;
}
.career4-lists .items:hover .words {
  background: #003e8d;
  transition: .5s ease-in-out;
}
.career4-lists .items:hover .words .txts {
  opacity: 1;
  transition: .5s ease-in-out;
}
.career4-lists .items.w50 {
  width: 50%;
}
.career4-lists .items.w33 {
  width: 33.33%;
}
.career4-lists .items .words {
  padding: 1.2rem 1.25rem;
  max-height: 100%;
  overflow-y: auto;
  transition: .5s ease-in-out;
}
.career4-lists .items .words .tits {
  line-height: 1;
}
.career4-lists .items .words .txts {
  line-height: 1.875;
  margin-top: .7rem;
  opacity: 0;
  transition: .5s ease-in-out;
}

.career-items5 .words {
  padding: 4rem 3.375rem 1rem 3.375rem;
  color: #fff;
  overflow: hidden;
}
.career-items5 .words .tits {
  line-height: 1;
}
.career-items5 .words .txts {
  line-height: 1.25rem;
  max-width: 50%;
  margin-top: .85rem;
}

.recruitment-tits .txts {
  color: #999999;
  line-height: 1.5;
}
.recruitment-tits .tits {
  line-height: 1;
  color: #444444;
  margin-bottom: .6rem;
}

.recruitment-lists {
  padding-top: 3.25rem;
  padding-bottom: 1.5rem;
}
.recruitment-lists .lists {
  font-size: 0;
  margin-top: 1.375rem;
}
.recruitment-lists .lists .items {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #666666;
  width: 32%;
  margin-bottom: 1rem;
  margin-left: 2%;
  position: relative;
  background: #f7f7f7;
  transition: .5s ease-in-out;
}
.recruitment-lists .lists .items .words {
  padding: .75rem;
  padding-left: 1rem;
}
.recruitment-lists .lists .items .words .tits, .recruitment-lists .lists .items .words .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.recruitment-lists .lists .items .words .txts {
  line-height: 18px;
  height: 18px;
  margin-top: 1.5rem;
}
.recruitment-lists .lists .items .words .tits {
  color: #444;
  line-height: 1rem;
  height: 1rem;
}
.recruitment-lists .lists .items .imgs {
  width: 5.5rem;
}
.recruitment-lists .lists .items .words {
  width: calc(100% - 5.5rem);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.recruitment-lists .lists .items:nth-child(3n+1) {
  margin-left: 0;
}

.recruform-images.career-items5 .words .txts {
  max-width: 100%;
  width: 100%;
}
.recruform-images.career-items5 .words {
  padding: 1.375rem 1.5rem;
}

.recruitment-form {
  padding-top: 2.5rem;
  padding-bottom: 3.625rem;
}

.recruform-lists {
  padding-top: 2.2rem;
}
.recruform-lists .career-tits {
  margin-bottom: 1.1rem;
}
.recruform-lists .items.active .items-top {
  background: #dddddd;
  cursor: pointer;
}
.recruform-lists .items.active .items-top:before {
  transition: .5s ease-in-out;
  opacity: 1;
}
.recruform-lists .items.active .items-top .td {
  opacity: 0;
  transition: .5s ease-in-out;
}
.recruform-lists .items.active .items-top .td.td-first {
  opacity: 1;
  transition: .5s ease-in-out;
}
.recruform-lists .recruform-liststops {
  color: #fff;
  background: #003e8d;
  line-height: 1.75rem;
  height: 1.75rem;
}
.recruform-lists .recruform-liststops, .recruform-lists .items-top, .recruform-lists .items-bots {
  padding: 0 1.5rem;
}
.recruform-lists .items-bots {
  color: #222222;
  line-height: 2;
  padding-top: 0.95rem;
  padding-bottom: 1.1rem;
  border: 3px solid #dddddd;
  display: none;
}
.recruform-lists .items-bots .li {
  padding: .55rem 0;
}
.recruform-lists .items-bots .li-span {
  line-height: 1;
  margin-bottom: .7rem;
}
.recruform-lists .items-top {
  border: 1px solid #eeeeee;
  height: 1.75rem;
  line-height: 1.75rem;
  position: relative;
  color: #333333;
}
.recruform-lists .items-top:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i20.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
  opacity: 0;
}
.recruform-lists .items-top .td {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 100%;
  padding-right: 5px;
  font-size: 15px;
}
.recruform-lists .items-top span {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
  color: #0000ff;
}
.recruform-lists .td-last.td {
  width: 90px;
  cursor: pointer;
}
.recruform-lists .apply-btn {
  cursor: pointer;
  color: #fff;
  width: 132px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #003e8d;
  margin-top: .75rem;
  transition: .5s ease-in-out;
}
.recruform-lists .apply-btn:hover {
  background: #ca171d;
  transition: .5s ease-in-out;
}
.recruform-lists .td {
  width: calc((100% - 90px)/3);
  float: left;
}

.recruform-lists .li-tops {
  margin-bottom: .5rem;
}
.recruform-lists .li-tops .i {
  float: left;
  width: 50%;
}

.people-fixed {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
}
.people-fixed select {
  width: 120px;
  height: 1.1rem;
  border: 1px solid #d5d5d5;
  padding-left: .42rem;
  background: #fff;
}
.people-fixed .tankuang-fixed {
  position: absolute;
  width: 24rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari  Chrome */
  -o-transform: translate(-50%, -50%);
  /* Opera */
  background: #fff;
  padding: 1.25rem 1.6rem;
  max-height: 98%;
  overflow-y: auto;
}
.people-fixed .people-form {
  background: #f7f7f7;
  padding: 1rem;
}
.people-fixed .li {
  position: relative;
  padding-left: 2.5rem;
  color: #666666;
  font-size: .4rem;
  line-height: 1.1rem;
}
.people-fixed .li input[type=text] {
  border: 1px solid #d5d5d5;
  padding-left: .5rem;
  height: 1.1rem;
}
.people-fixed .li .span {
  position: absolute;
  left: 0;
  top: 0;
}
.people-fixed .li2 .i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.people-fixed .li2 .ids:nth-child(2) {
  margin-left: 1rem;
  margin-right: 1.625rem;
}
.people-fixed .li2 .ids label:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i21.png) no-repeat center;
  background-size: 100%;
}
.people-fixed .li2 input:checked + label:before {
  background: url(/bocstatic/web/img/i22.png) no-repeat center;
  background-size: 100%;
}
.people-fixed .li2 label {
  padding-left: 26px;
  cursor: pointer;
}
.people-fixed input[type=submit] {
  height: 1.1rem;
  background: #003e8d;
  width: 132px;
  color: #fff;
  transition: .5s ease-in-out;
}
.people-fixed input[type=submit]:hover {
  transition: .5s ease-in-out;
  background: #ca171d;
}
.people-fixed input {
  width: 100%;
  padding: 0;
  height: 100%;
  color: #222222;
  background: #fff;
}
.people-fixed input[type="radio"] {
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  visibility: hidden;
}
.people-fixed input:-moz-placeholder,
.people-fixed textarea:-moz-placeholder {
  color: #222222;
}
.people-fixed input::-moz-placeholder,
.people-fixed textarea::-moz-placeholder {
  color: #222222;
}
.people-fixed input:-ms-input-placeholder,
.people-fixed textarea:-ms-input-placeholder {
  color: #222222;
}
.people-fixed input::-webkit-input-placeholder,
.people-fixed textarea::-webkit-input-placeholder {
  color: #222222;
}
.people-fixed .li:nth-child(n+2) {
  margin-top: .75rem;
}
.people-fixed .li3 .input input {
  width: 2.75rem;
}
.people-fixed .li3 .input .i {
  float: left;
}
.people-fixed .li3 .input .i span {
  margin-left: .35rem;
}
.people-fixed .li3 .input .i:nth-child(n+2) {
  margin-left: .55rem;
}
.people-fixed textarea {
  width: 100%;
  resize: none;
  height: 3.375rem;
  border: 1px solid #d5d5d5;
  padding: .25rem;
  padding-left: .5rem;
  background: #fff;
}
.people-fixed .con-boxs {
  position: relative;
}
.people-fixed .con-boxs .tits {
  line-height: 1;
  margin-bottom: .7rem;
}
.people-fixed .con-boxs .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(/bocstatic/web/img/i20.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}

.campuslist-tits {
  padding: .95rem 1rem;
  margin-bottom: 1.5rem;
}
.campuslist-tits .ullist {
  line-height: 1rem;
  position: relative;
}
.campuslist-tits .ullist:nth-child(n+2) {
  margin-top: .6rem;
}
.campuslist-tits .ullist .ul-right {
  font-size: 0;
  padding-left: 2.25rem;
}
.campuslist-tits .ullist .ul-left {
  position: absolute;
  left: 0;
  top: 0;
}
.campuslist-tits .ullist .li {
  padding: 0 .6rem;
  color: #333333;
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.campuslist-tits .ullist .li:nth-child(n+2) {
  margin-left: .25rem;
}
.campuslist-tits .ullist .li:hover, .campuslist-tits .ullist .li.active {
  color: #fff;
  background: #003e8d;
  transition: .5s ease-in-out;
}

.campuslist-bots {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.campuslist-bots .itembox {
  background: #fff;
}
.campuslist-bots .items {
  min-height: 10.5rem;
}
.campuslist-bots .items-left, .campuslist-bots .items-right {
  padding: 1.5rem;
}
.campuslist-bots .span {
  line-height: 1;
  margin-top: .55rem;
}
.campuslist-bots .imgs {
  width: 1.25rem;
  height: 1.25rem;
}
.campuslist-bots .wen {
  font-size: .375rem;
  line-height: 1.7;
}
.campuslist-bots .wen .li {
  width: 50%;
  float: left;
  color: #666666;
}
.campuslist-bots .wen .li:nth-child(1) {
  padding-right: 1.5rem;
}
.campuslist-bots .items-left {
  width: 34%;
  color: #fff;
}
.campuslist-bots .items-left .wen {
  margin-top: 3.625rem;
}
.campuslist-bots .items-right {
  width: 66%;
}
.campuslist-bots .items-right .wen {
  margin-top: 1.125rem;
}

.people-fixed .li1 .input {
  width: 10rem;
}

.people-fixed .li5 .input {
  width: 10.6rem;
  position: relative;
}
.people-fixed .li5 .input span.jia {
  position: absolute;
  right: -1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  top: 0;
  color: #003e8d;
  font-size: .6rem;
  text-align: center;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.people-fixed .li5 .input span.jia:hover {
  color: #ca171d;
  transition: .5s ease-in-out;
}

.news-listsboxs {
  padding-top: 2rem;
  padding-bottom: 2.625rem;
}

.news-selects {
  text-align: center;
  font-size: 0;
}
.news-selects .select {
  margin: 0 6px;
  font-size: .45rem;
  display: inline-block;
  vertical-align: middle;
  height: 1.75rem;
  border: 1px solid #e0e0e0;
  width: 7.5rem;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.news-selects .select input[type=submit] {
  position: absolute;
  right: .6rem;
  width: 18px;
  height: 18px;
  background: url(/bocstatic/web/img/i31.png) no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}
.news-selects .select select {
  padding-left: .7rem;
}
.news-selects .select input[type=text] {
  padding-left: .75rem;
}
.news-selects .select input, .news-selects .select select {
  width: 100%;
  height: 100%;
}

.news-body .news-tops {
  margin-top: 2rem;
  font-size: 0;
}
.news-body .news-tops .items {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  position: relative;
  width: 49%;
  margin-left: 2%;
  border-radius: 5px;
  overflow: hidden;
  color: #fff;
}
.news-body .news-tops .items:nth-child(2n+1) {
  margin-left: 0;
}
.news-body .news-tops .items img {
  transition: .5s ease-in-out;
}
.news-body .news-tops .items .imgs {
  overflow: hidden;
}
.news-body .news-tops .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-body .news-tops .items .words {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .75rem 1rem;
}
.news-body .news-tops .items .time {
  line-height: 1;
}
.news-body .news-tops .items .blins {
  position: relative;
  margin-top: .25rem;
}
.news-body .news-tops .items .blins:before {
  width: 1.375rem;
  height: 1.375rem;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(/bocstatic/web/img/i30.png) no-repeat center;
  background-size: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
}
.news-body .news-tops .items .span {
  line-height: 1.15rem;
  height: 1.15rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-right: 1.5rem;
}

.news-body .news-bots {
  position: relative;
  margin-top: 2rem;
}
.news-body .news-bots:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #eaeaea;
  left: 70%;
  top: 0;
  display: none;
}
.news-body .news-left {
  /*width: 70%;*/
  width: 100%;
  /*padding-right: 3rem;*/
}
.news-body .news-left .items {
  display: block;
  padding: .8rem 0;
  /*padding: 1.1rem 0;*/
  border-bottom: 1px solid #dedede;
}
.news-body .news-left .items:nth-child(1) {
  padding-top: 0;
}
.news-body .news-left .items .imgs {
  width: 7.75rem;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  z-index: 1;
}
.news-body .news-left .items .imgs img {
  display: block;
  width: 100%;
  transition: .5s ease-in-out;
}
.news-body .news-left .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-body .news-left .items:hover .tits, .news-body .news-left .items:hover .more {
  color: #ca171d;
  transition: .5s ease-in-out;
}
.news-body .news-left .items:hover .more {
  transition: .5s ease-in-out;
  color: #ca171d;
}
.news-body .news-left .items:hover .more:before {
  background: url(/bocstatic/web/img/i24.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-body .news-left .items .words {
  /*width: calc(100% - 7.75rem);*/
  width: 100%;
  padding-left: 1rem;
  color: #666666;
}
.investor-tops .news-body .news-left .items .tits .tit-fl{
  width: 100%;
}
.investor-tops .news-body .news-left .items{
  padding: .5rem 0;
  border-bottom:none;
}
.investor-tops .news-body .news-left .items .words{
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.investor-tops .boxitems{
  margin-bottom: 1.5rem;
}
.investor-tops .news-body .news-left .items .words{
  color:#fff;
}
.investor-tops .news-body .news-left .items .tits{
  color:#fff;
}
.news-body .news-left .items .tits {
  line-height: .75rem;
  height: .75rem;
 /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;*/
  color: #333333;
  transition: .5s ease-in-out;
}
.news-body .news-left .items .tits .tit-fl{
  width: calc(100% - 10em);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 100%;
}
.news-body .news-left .items .time, .news-body .news-left .items .more {
  line-height: 1;
}
.news-body .news-left .items .time {
  margin-top: .5rem;
  margin-bottom: .3rem;
}
.news-body .news-left .items .wen {
  line-height: .75rem;
  height: 1.5rem;
  font-size: .375rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.news-body .news-left .items .more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: .5s ease-in-out;
  padding-right: .6rem;
  line-height: .75rem;
  height: .75rem;
  /*margin-top: .75rem;*/
}
.news-body .news-left .items .more:before {
  position: absolute;
  content: "";
  width: .25rem;
  height: .25rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i23.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.news-body .news-right {
  width: 30%;
  padding-left: 2.5rem;
  margin-top: -.3rem;
}
.news-body .news-right .tips {
  line-height: 1;
  margin-bottom: .9rem;
}
.news-body .news-right .li {
  display: block;
  background: #f5f5f5;
  border-radius: 5px;
  font-size: .6rem;
  line-height: .9rem;
  padding: .75rem 1rem;
  color: #333333;
  transition: .5s ease-in-out;
}
.news-body .news-right .li .time {
  line-height: 1;
  margin-top: 1.25rem;
}
.news-body .news-right .li:hover {
  color: #fff;
  background: #013e8e;
  transition: .5s ease-in-out;
}
.news-body .news-right .li:nth-child(n+2) {
  margin-top: .5rem;
}
.news-body .news-right .li .tits {
  height: 1.8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-selects .selects select {
  padding-right: .6rem;
  -webkit-appearance: none;
  background: url(/bocstatic/web/img/i32.png) no-repeat 90%;
  background: none/9;
  background-size: 10px 6px;
}

.news-page {
  margin-top: 3.2rem;
}

.news-details {
  width: 910px;
  margin: 0 auto;
  padding-top: 3.875rem;
  padding-bottom: 2.75rem;
}
.news-details .time {
  line-height: 1;
  margin-top: .75rem;
}

.newsdetails-tit {
  padding: 0 1.25rem;
  line-height: 1.36;
}

.new-detailscon {
  color: #666666;
  line-height: 1.9;
  margin-top: .9rem;
  padding-bottom: 2.2rem;
}

.news-details-bots {
  height: 1.5rem;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  line-height: 1.5rem;
  position: relative;
}
.news-details-bots .back {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/i35.png) no-repeat center;
  background-size: 100%;
}
.news-details-bots .back:hover {
  background: url(/bocstatic/web/img/i36.png) no-repeat center;
  background-size: 100%;
}
.news-details-bots .btns {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  overflow: hidden;
  transition: .5s ease-in-out;
}
.news-details-bots .btns:hover {
  transition: .5s ease-in-out;
  color: #ca171d;
}
.news-details-bots .prev, .news-details-bots .next {
  max-width: 40%;
  font-size: 14px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.bd_weixin_popup {
  box-sizing: content-box;
}

.news-fx {
  line-height: 1;
  text-align: center;
  font-size: 0;
  margin-bottom: 1.375rem;
}
.news-fx .items {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: .6rem;
  height: .6rem;
  opacity: .5;
  margin: 0 .25rem;
  transition: .5s ease-in-out;
  float: none;
}
.news-fx .items:hover {
  opacity: 1;
  transition: .5s ease-in-out;
}
.news-fx .wx {
  background: url(/bocstatic/web/img/vx.png) no-repeat center;
  background-size: 100%;
}
.news-fx .wb {
  background: url(/bocstatic/web/img/vb.png) no-repeat center;
  background-size: 100%;
}

.newspaper-tits {
  line-height: 1;
}

.newspaper-box {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.newspaper-box .newspaper-tits {
  margin-bottom: 1.75rem;
}
.newspaper-box .lists {
  padding-bottom: .65rem;
}
.newspaper-box .lists .img {
  overflow: hidden;
}
.newspaper-box .lists .items {
  color: #333333;
  display: block;
  float: left;
  width: 22%;
  margin-left: 3%;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid #eeeeee;
  transition: .5s ease-in-out;
}
.newspaper-box .lists .items:hover {
  transition: .5s ease-in-out;
}
.newspaper-box .lists .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.newspaper-box .lists .items img {
  transition: .5s ease-in-out;
}
.newspaper-box .lists .items .time {
  line-height: 1;
}
.newspaper-box .lists .items .tits {
  line-height: .8rem;
  // height: .8rem;
  // display: -webkit-box;
  // -webkit-box-orient: vertical;
  // -webkit-line-clamp: 1;
  // overflow: hidden;
  margin-top: .4rem;
  margin-bottom: .6rem;
}
.newspaper-box .lists .items:nth-child(4n+1) {
  margin-left: 0;
}

.video-lists {
  margin-top: 1.625rem;
}
.video-lists .v-mores {
  margin-top: 1rem;
}
.video-lists .items {
  position: relative;
  width: 49%;
  float: left;
  margin-left: 2%;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 2%;
}
.video-lists .items img {
  transition: .5s ease-in-out;
}
.video-lists .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.video-lists .items:nth-child(2n+1) {
  margin-left: 0;
}
.video-lists .items .words {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: .8rem;
  height: .9rem;
  line-height: .9rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-left: 3.4rem;
}
.video-lists .items .words:before {
  position: absolute;
  content: "";
  width: 1.125rem;
  height: 0.875rem;
  left: 1.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bocstatic/web/img/videos.png) no-repeat center;
  background-size: 100%;
}

.v-mores {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  background: url(/bocstatic/web/img/zhuan.png) no-repeat center;
  background-size: 100%;
  display: none;
}

.social-list-top {
  position: relative;
  display: block;
}
.social-list-top img {
  display: block;
  transition: .5s ease-in-out;
}
.social-list-top .words {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #f5f5f5;
  background: #ca171d;
  padding: 1rem 1.2rem;
  width: 40%;
}
.social-list-top .words .tits {
  line-height: 1;
}
.social-list-top .words .txts {
  /*line-height: 35px;*/
  /*height: 70px;*/
  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 2;*/
  overflow: hidden;
  margin-top: .5rem;
}
.sociallists2-page{
  margin-top: .75rem;
}

.social-list-bots .items {
  display: block;
  float: left;
  width: 32%;
  margin-left: 2%;
  position: relative;
  margin-bottom: 1.75rem;
  color: #545454;
}
.social-list-bots .items .tit {
  line-height: 1rem;
  height: 1rem;
  color: #262626;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.social-list-bots .items .more {
  border: 1px solid #dedede;
  background: #fff;
  transition: .5s ease-in-out;
  color: #000000;
}
.social-list-bots .items .more:hover:before {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  /* IE 9 */
  -moz-transform: translate(0, 0);
  /* Firefox */
  -webkit-transform: translate(0, 0);
  /* Safari  Chrome */
  -o-transform: translate(0, 0);
  /* Opera */
}
.social-list-bots .items .more:before {
  background: url(/bocstatic/web/img/play5.png) no-repeat center;
  background-size: 100%;
}
.social-list-bots .items .words {
  padding-top: 1rem;
  padding-bottom: .1rem;
}
.social-list-bots .items .wen {
  line-height: 35px;
  height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: .4rem;
  margin-bottom: .75rem;
}
.social-list-bots .items .imgs {
  overflow: hidden;
  display: none;
}
.social-list-bots .items img {
  transition: .5s ease-in-out;
}
.social-list-bots .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.social-list-bots .items:hover .more {
  background: #ca171d;
  transition: .5s ease-in-out;
  color: #fff;
}
.social-list-bots .items:hover .more:before {
  background: url(/bocstatic/web/img/play2.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.social-list-bots .items:nth-child(3n+1) {
  margin-left: 0;
}

.text15 {
  line-height: 2.3;
  color: #545454;
}
.social-list-top2{
  padding: 2.35rem 0;
}
.social-list-top2 .words{
  width: 49.5%;
  padding-left: 2.5rem;
}
.social-list-top2 .images{
  width: 50.5%;
}
.social-list-top2 .words .li{
  font-size: 0;
}
.social-list-top2 .words .li .imgs,
.social-list-top2 .words .li .texts{
  display: inline-block;
  vertical-align: middle;
}
.social-list-top2 .words .li:nth-child(n+2){
  margin-top: .9rem;
}
.social-list-top2 .words .li .th0{
  line-height: 1;
  color:#000000;
  margin-bottom: .5rem;
}
.social-list-top2 .words .li .th1{
  line-height: 34px;
  height: 102px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color:#545454;
}
.social-list-top2 .words .li .imgs img{
  transition:.5s ease-in-out;
}
.social-list-top2 .words .li .imgs{
  width: 6rem;
  overflow: hidden;
}
.social-list-top2 .words .li .texts{
  width: calc(100% - 6rem);
  padding-left: .9rem;
  padding-right: 1rem;
}
.social-list-top2 .words .tits{
  line-height: 1;
}
.social-list-top2 .words .txts{
  /* padding-right: 3rem; */
  padding-right: 2rem;
  margin-bottom: 2.5rem;
  color:#545454;
  line-height: 34px;
  height: 102px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: .6rem;
}
.social-lists2{

}

.social-lists {
  padding-top: 2.25rem;
  padding-bottom: 1.75rem;
}
.social-lists .social-list-bots {
  margin-top: 1.75rem;
}

.development-items1 {
  background: url(/bocstatic/web/img/nbg.png) no-repeat right top;
  background-size: cover;
}
.development-items1 .con-tits-titles {
  background: rgba(0, 0, 0, 0.1);
}
.development-items1:before, .development-items1:after {
  opacity: 0;
}
.development-items1 .wen {
  line-height: 2.3;
  margin-top: 1rem;
  margin-bottom: 0.9rem;
}
.development-items1 .wen-bots {
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #013e8e;
}
.development-items1 .boxs {
  padding-top: 2.625rem;
  padding-bottom: 3.5rem;
  position: relative;
}
.development-items1 .tits-box {
  line-height: 1;
}
.development-items1 .tits-box .cn {
  color: #2e2e2e;
  line-height: 1;
}
.development-items1 .tits-box .txts-en {
  color: #909090;
  margin-top: .5rem;
  line-height: 1;
}
.development-items1 .numlist .li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  text-align: center;
  padding: 0 5px;
  line-height: 1;
  color: #00448a;
}
.development-items1 .numlist .li .tits {
  margin-top: .35rem;
}
.development-items1 .numlist .li .num {
  font-style: italic;
}
.development-items1 .words {
  width: 54%;
}
.development-items1 .numlist {
  width: 46%;
  font-size: 0;
  padding-left: 5rem;
}

.product-banner .conban-tits {
  /*top: 6rem;*/
  top: 10rem;
  /*top: auto;*/
  /*bottom: 6rem;*/
  transform: translateY(0);
  -ms-transform: translateY(0);
  /* IE 9 */
  -moz-transform: translateY(0);
  /* Firefox */
  -webkit-transform: translateY(0);
  /* Safari  Chrome */
  -o-transform: translateY(0);
  /* Opera */
}
.product-banner .txt {
  line-height: 1.3;
}
.product-banner .pro-ban-text {
  position: absolute;
  left: 0;
  bottom: 5.75rem;
  line-height: 1.8;
  color: #fff;
}
.product-banner .pro-ban-text span {
  font-size: 1.5rem;
  color: #ca171d;
  line-height: 1;
  font-family: "dinmedium";
}

.pro-tits {
  line-height: 1;
  color: #444444;
  margin-bottom: 1.5rem;
}

.prolists {
  padding-top: 1.25rem;
  padding-bottom: 1.75rem;
}
.prolists .lists .items {
  float: left;
  width: 48.8%;
  margin-left: 2.4%;
  margin-bottom: 2.4%;
  position: relative;
}
.prolists .lists .items .imgs {
  overflow: hidden;
}
.prolists .lists .items .imgs img {
  transition: .5s ease-in-out;
}
.prolists .lists .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.prolists .lists .items .words {
  /*position: absolute;*/
  /*color: #fff;*/
  /*padding: 1.75rem 1.5rem;*/
  /*line-height: 1;*/
  /*left: 0;*/
  width: 100%;
  /*top: 0;*/
  line-height: 2rem;
  height: 2rem;
	padding: 0 4.9%;
	text-indent: 3em;
	background-position: 4.9% center;
	background-size: 0.5rem;
	background-repeat: no-repeat;
	background-image: url(/bocstatic/web/img/huiyuan.png);
	position: relative;
	    border: 1px solid #e5e5e5;
}
.prolists .lists .items .words .cn{
	display:block;
}
.prolists .lists .items .words .en {
  margin-top: .5rem;
}
.prolists .lists .items:nth-child(2n+1) {
  margin-left: 0;
}

.prolist-lists {
  padding-top: 2.4rem;
  padding-bottom: 1.25rem;
}
.prolist-lists .lists {
  margin-top: 1.4rem;
}
.prolist-lists .lists .items {
  display: block;
  float: left;
  width: 22%;
  margin-left: 4%;
  margin-bottom: 4%;
  background: #e6e6e6;
  padding: 1.5rem;
  color: #999999;
}
.prolist-lists .lists .items .wel-more {
  background: transparent;
  border: 1px solid #cacaca;
  color: #000000;
}
.prolist-lists .lists .items .wel-more:hover:before {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  /* IE 9 */
  -moz-transform: translate(0, 0);
  /* Firefox */
  -webkit-transform: translate(0, 0);
  /* Safari  Chrome */
  -o-transform: translate(0, 0);
  /* Opera */
}
.prolist-lists .lists .items .wel-more:before {
  background: url(/bocstatic/web/img/play5.png) no-repeat center;
  background-size: 100%;
}
.prolist-lists .lists .items .txts {
  line-height: 1;
  color: #999999;
  margin-top: .45rem;
}
.prolist-lists .lists .items .p {
  line-height: 28px;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 1.4rem;
  margin-top: 0.9rem;
}
.prolist-lists .lists .items:nth-child(4n+1) {
  margin-left: 0;
}
.prolist-lists .lists .items .tits {
  line-height: 1rem;
  height: 1rem;
  color: #333333;
  overflow: hidden;
}

.prolists-tits .big {
  line-height: 1;
  color: #333333;
}
.prolists-tits .smil {
  line-height: 1.7;
  color: #999999;
  width: 46%;
  margin-top: .6rem;
}

.prolists-bottom .items {
  width: 50%;
  float: left;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: #fff;
  min-height: 7.5rem;
}
.prolists-bottom .items .downs {
  background: #fff;
  color: #ca171d;
}
.prolists-bottom .items .downs:before {
  background: url(/bocstatic/web/img/d.png) no-repeat center;
  background-size: 100%;
}
.prolists-bottom .items1 {
  line-height: 1;
}
.prolists-bottom .items1 .txts {
  margin-top: .5rem;
  margin-bottom: 1.625rem;
}
.prolists-bottom .items2 .ul {
  margin-top: 1.1rem;
  font-size: 0;
}
.prolists-bottom .items2 .ul .li {
  display: inline-block;
  vertical-align: top;
  width: 7rem;
  padding-right: 5px;
}
.prolists-bottom .items2 .ul .li-top {
  line-height: 1;
}
.prolists-bottom .items2 .ul .li-bot {
  line-height: 26px;
  margin-top: .5rem;
}
.prolists-bottom .items2 .ul .li-bot .i {
  position: relative;
  padding-left: .75rem;
}
.prolists-bottom .items2 .ul .li-bot .i img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: .45rem;
  height: .45rem;
  margin: auto;
}

.prodetail-tits {
  position: relative;
  padding-left: 16px;
  line-height: 1rem;
  height: 1rem;
}
.prodetail-tits:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 3px;
  left: 0;
  top: 0;
  background: #ca171d;
}

.prolist-details {
  padding-top: 2.5rem;
  padding-bottom: 4rem;
}
.prolist-details .imgslists {
  margin-top: 1.5rem;
}
.prolist-details .imgslists .i {
  float: left;
  border: 1px solid #dddddd;
  width: 5rem;
  min-height: 5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
}
.prolist-details .imgslists .span {
  margin-top: .3rem;
  color: #666666;
  line-height: .5rem;
  height: .5rem;
  text-align: center;
  padding: 0 2px;
}
.prolist-details .imgslists .imgs {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
  margin: 0 auto;
}
.prolist-details .details-li:nth-child(n+2) {
  margin-top: 2.75rem;
}
.prolist-details .details-li .ul {
  margin-top: 1rem;
}
.prolist-details .details-li .prodetails-words {
  color: #666666;
  margin-top: .85rem;
}
.prolist-details .details-li table {
  width: 100%;
}
.prolist-details .details-li table tr {
  color: #333333;
  height: 60px;
}
.prolist-details .details-li table tr:nth-child(2n+1) {
  background: #f7f7f7;
}
.prolist-details .details-li table tr td {
  padding: 0 .8rem;
}
.prolist-details .details-li table td {
  width: 50%;
}
.prolist-details .prolists-tits {
  margin-bottom: 2.125rem;
}
.prolist-details .prolists-tits .big {
  color: #333333;
}
.prolist-details .prolists-tits .en {
  font-family: Arial;
  color: #999999;
  margin-top: 0.3rem;
}
.prolist-details .prolists-tits .smil {
  color: #666666;
  width: 50%;
}
.prolist-details .ul-lists {
  border-top: 1px solid #eeeeee;
  padding-top: 1rem;
  font-size: 0;
  padding-bottom: 3rem;
}
.prolist-details .ul-lists .li {
  display: inline-block;
  vertical-align: top;
  padding-right: 1.75rem;
  line-height: 1;
}
.prolist-details .ul-lists .li .tit {
  color: #333333;
}
.prolist-details .ul-lists .li .num {
  color: #003e8d;
  margin-top: .25rem;
  font-weight: normal;
}
.prolist-details .ul-lists .li .num span {
  font-family: Arial;
}
.prolist-details .ul-lists .li:last-child {
  padding-right: 0;
}

.abouts-tits {
  color: #2e2e2e;
  line-height: 1;
}

.abouts-wen {
  color: #909090;
  line-height: 1;
  margin-top: .6rem;
}

.about-items01 {
  padding-top: 3.5rem;
  padding-bottom: 1rem;
  background: url(/bocstatic/web/img/p8.png) no-repeat right top;
  background-size: cover;
}
.about-items01 .bots-imglists {
  margin-top: 2.5rem;
}
.about-items01 .bots-imglists .li .imgs {
  border-radius: 5px;
  overflow: hidden;
}
.about-items01 .bots-imglists .li img {
  transition: .5s ease;
  width:100%;
}
.about-items01 .bots-imglists .li:hover img {
  transition: .5s ease;
  transform: scale3d(1.05, 1.05, 1);
}
.about-items01 .top-words .words {
  width: 63%;
  line-height: 1;
  padding-right: 5.375rem;
}
.about-items01 .top-words .words .tits {
  color: #2e2e2e;
}
.about-items01 .top-words .words .en {
  color: #909090;
  margin-top: .6rem;
}
.about-items01 .top-words .words .wen {
  line-height: 35px;
  color: #545454;
  /*margin-top: 1rem;*/
}
.about-items01 .top-words .words.fl{
	width: auto;
	padding: 0;
	max-width: 35%;
}
.about-items01 .top-words .words.fr{
	width: auto;
	padding: 0;
	max-width: 65%;
	padding-left: 4%;
}
.about-items01 .top-words .list {
  width: 37%;
  font-size: 0;
}
.about-items01 .top-words .list .li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  color: #00448a;
  border: 1px solid transparent;
  position: relative;
}
.about-items01 .top-words .list .li img {
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
}
.about-items01 .top-words .list .li:nth-child(1), .about-items01 .top-words .list .li:nth-child(3) {
  padding-right: 2.5rem;
}
.about-items01 .top-words .list .li:nth-child(1) img, .about-items01 .top-words .list .li:nth-child(3) img {
  right: 1.625rem;
}
.about-items01 .top-words .list .li:nth-child(1) {
  border-right: 1px solid #e0e8f1;
  border-bottom: 1px solid #e0e8f1;
}
.about-items01 .top-words .list .li:nth-child(4) {
  border-left: 1px solid #e0e8f1;
  border-top: 1px solid #e0e8f1;
}
.about-items01 .top-words .list .li:nth-child(1), .about-items01 .top-words .list .li:nth-child(2) {
  padding-bottom: .9rem;
}
.about-items01 .top-words .list .li:nth-child(1) img, .about-items01 .top-words .list .li:nth-child(2) img {
  top: 0;
}
.about-items01 .top-words .list .li:nth-child(4), .about-items01 .top-words .list .li:nth-child(2) {
  padding-left: 1.35rem;
}
.about-items01 .top-words .list .li:nth-child(4) img, .about-items01 .top-words .list .li:nth-child(2) img {
  right: 0;
}
.about-items01 .top-words .list .li:nth-child(4), .about-items01 .top-words .list .li:nth-child(3) {
  padding-top: 1rem;
}
.about-items01 .top-words .list .li:nth-child(4) img, .about-items01 .top-words .list .li:nth-child(3) img {
  top: 1.1rem;
}
.about-items01 .top-words .list .tits {
  line-height: 1;
  font-style: italic;
}
.about-items01 .top-words .list .wen {
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .4rem;
}
.about-items01 .bots-imglists .li {
  float: left;
  width: 24%;
  margin-left: 1.3%;
  color: #2e2e2e;
}
.about-items01 .bots-imglists .li .span {
  line-height: 1.15rem;
  height: 1.15rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  text-align: center;
}
.about-items01 .bots-imglists .li:nth-child(4n+1) {
  margin-left: 0;
}

.wel-more.active {
  border: 1px solid #dedede;
  background: #fff;
  transition: .5s ease-in-out;
  color: #000000;
}
.wel-more.active:hover:before {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  /* IE 9 */
  -moz-transform: translate(0, 0);
  /* Firefox */
  -webkit-transform: translate(0, 0);
  /* Safari  Chrome */
  -o-transform: translate(0, 0);
  /* Opera */
}
.wel-more.active:hover {
  background: #ca171d;
  color: #fff;
}
.wel-more.active:hover:before {
  background: url(/bocstatic/web/img/play2.png) no-repeat center;
  background-size: 100%;
}
.wel-more.active:before {
  background: url(/bocstatic/web/img/play5.png) no-repeat center;
  background-size: 100%;
}

.about-items02 {
  padding-top: 2.5rem;
  padding-bottom: 1.75rem;
}
.about-items02 .aboutitems02-lists {
  margin-top: 1.45rem;
}

.aboutitems02-lists {
  font-size: 0;
}
.aboutitems02-lists .items {
  width: 20%;
  margin-left: 6.6%;
  margin-bottom: .75rem;
  display: inline-block;
  vertical-align: top;
}
.aboutitems02-lists .items:nth-child(4n+1) {
  margin-left: 0;
}
.aboutitems02-lists .items .imgs {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #00448a;
}
.aboutitems02-lists .items .wens {
  line-height: 32px;
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #545454;
  margin-top: .6rem;
  margin-bottom: .8rem;
}
.aboutitems02-lists .items .tits {
  line-height: 1;
  margin-top: .9rem;
}

.about-items03 {
  min-height: 19rem;
  padding-top: 2.125rem;
  padding-bottom: 2.25rem;
  color: #fff;
}
.about-items03 .abouts-tits {
  color: #fff;
}
.about-items03 .abouts-wen {
  color: rgba(255, 255, 255, 0.6);
}
.about-items03 .items03-lists {
  padding: 0 2rem;
  /*padding: 0 1.25rem;*/
  margin-top: 1.75rem;
  height: 10rem;
  position: relative;
}
.about-items03 .items03-lists .swiper-container, .about-items03 .items03-lists .swiper-wrapper,
.about-items03 .items03-lists .swiper-slide {
  height: 100%;
}
.about-items03 .items03-lists .btnds {
  /*width: 1.25rem;*/
  /*height: 1.25rem;*/
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.about-items03 .items03-lists .btnds:hover {
  transition: .5s ease-in-out;
  border-color: #ca171d;
}
.about-items03 .items03-lists .swiper-button-prev {
  left: 0;
  background: url(/bocstatic/web/img/p13.png) transparent no-repeat center;
  background-size: 110%;
}
.about-items03 .items03-lists .swiper-button-prev:hover {
  background: url(/bocstatic/web/img/p13.png) #ca171d no-repeat center;
  background-size: 110%;
}
.about-items03 .items03-lists .swiper-button-next {
  right: 0;
  background: url(/bocstatic/web/img/p14.png) transparent no-repeat center;
  background-size: 110%;
}
.about-items03 .items03-lists .swiper-button-next:hover {
  background: url(/bocstatic/web/img/p14.png) #ca171d no-repeat center;
  background-size: 110%;
}
.about-items03 .items03-lists .swiper-container {
  position: relative;
  padding: 4px 2.75rem;
  /*padding: 4px 3.75rem;*/
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.about-items03 .items03-lists .swiper-container:before {
  position: absolute;
  content: "";
  width: 200%;
  height: 1px;
  top: 0;
  bottom: 0;
  left: -50%;
  margin: auto;
  background: rgba(255, 255, 255, 0.4);
}
.about-items03 .items03-lists .swiper-slide {
  position: relative;
  padding-left: .6rem;
  left: 0;
}
.about-items03 .items03-lists .swiper-slide .wens {
  line-height: 1.6;
  margin-top: .5rem;
}
.about-items03 .items03-lists .swiper-slide .time {
  line-height: 1;
}
.about-items03 .items03-lists .swiper-slide:before {
  position: absolute;
  content: "";
  width: 1px;
  /*height: calc(50% - .175rem);*/
  height: 50%;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
}
.about-items03 .items03-lists .swiper-slide:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  left: -2px;
  border-radius: 50%;
  background: white;
}
.about-items03 .items03-lists .swiper-slide:nth-child(2n+1) .items {
  top: 0;
}
.about-items03 .items03-lists .swiper-slide:nth-child(2n+1):after {
  top: -2px;
}
.about-items03 .items03-lists .swiper-slide:nth-child(2n+1):before {
  top: 0;
}
.about-items03 .items03-lists .swiper-slide:nth-child(2n+2) .items {
  bottom: 0;
}
.about-items03 .items03-lists .swiper-slide:nth-child(2n+2):after {
  bottom: -2px;
}
.about-items03 .items03-lists .swiper-slide:nth-child(2n+2):before {
  bottom: 0;
}
.about-items03 .items03-lists .items {
  max-height: 50%;
  overflow-y: auto;
  position: absolute;
  margin-top: -.35rem;
  width: 150%;
}
.about-items04s .li{
  font-size: 0;
  cursor: pointer;
}
.about-items04s .li .btn{
  display: inline-block;
  vertical-align: middle;
}
.about-items04s .li .tits{
  padding-left: 1rem;
  width: 5rem;
}
.about-items04s .li .txts{
  width: calc(100% - 5rem);
  line-height: 1.2;
}
.about-items04s .li {
  min-height: 2.1rem;
  line-height: 2.1rem;
  padding: .2rem .9rem;
  border-radius: 4px;
  position: relative;
}

.about-items04s .imgs{
  width: .75rem;
  height: .75rem;
  position: relative;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: .7rem;
  top: 0;
  bottom: 0;
  margin:auto;
}
.about-items04s .imgs img{
  position: absolute;
  left: 0;
  top: 0;
}
.about-items04s .imgs .i1{
  opacity: 0;
}
.about-items04s .words{
  padding-left: 1rem;
  padding-bottom: 3rem;
  padding-right: 2rem;
  width: 52%;
}
.about-items04s .images{
  width: 48%;
  position: absolute;
  bottom: 0;
  right: 0;
  height: calc(100% - 1.75rem);
}
.about-items04s .images img{
  display: none;
  opacity: 0;
}
.about-items04s{
  padding-top: 1.8rem;
  position: relative;
}
.about-items04s>div{
  position: relative;
  z-index: 2;
}
.about-items04s:before{
  position: absolute;
  content:"";
  width: 13.75rem;
  height: 15rem;
  left: 0;
  top: 0;
  background:url(/bocstatic/web/img/jpg/mk7.png) no-repeat left top;
  background-size: 100%;
  max-height: 100%;
  z-index: 0;
} 
.about-items04s .words{
  padding-top: 1.75rem;
}

.about-items04 {
  font-size: 0;
  color: #fff;
  padding-top: 3.1rem;
  padding-bottom: 1.5rem;
}
.about-items04 .items {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin-left: 6.6%;
  margin-bottom: .75rem;
}
.about-items04 .items:nth-child(4n+1) {
  margin-left: 0;
}
.about-items04 .items .tits {
  line-height: 1.84;
}
.about-items04 .items .p {
  line-height: 2.3;
  color: rgba(255, 255, 255, 0.6);
  margin-top: .4rem;
}

.about-items05 {
  padding-top: 2.75rem;
  padding-bottom: 2.5rem;
}
.about-items05 .items05lists {
  margin-top: 1rem;
}

.items05lists {
  font-size: 0;
}
.items05lists .items {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin-left: 1.33%;
  text-align: center;
  margin-bottom: 2%;
}
.items05lists .items:nth-child(4n+1) {
  margin-left: 0;
}
.items05lists .items:hover .images {
  background: #fff;
  transition: .5s ease-in-out;
}
.items05lists .words {
  line-height: 34px;
  max-height: 68px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 1.1rem;
  color: #545454;
  text-align: center;
  margin-top: .4rem;
  margin-bottom: .5rem;
}
.items05lists .more {
  min-width: 3.625rem;
  height: 1.125rem;
  line-height: 1.125rem;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 1.125rem;
  padding-left: .75rem;
  padding-right: 1.25rem;
  color: #ca171d;
  font-size: .4rem;
  position: relative;
  transition: .5s ease-in-out;
}
.items05lists .more:hover {
  background: #ca171d;
  transition: .5s ease-in-out;
  color: #fff;
}
.items05lists .more:hover:before {
  transition: .5s ease-in-out;
  background: url(/bocstatic/web/img/p19.png) no-repeat center;
  background-size: 100%;
}
.items05lists .more:before {
  position: absolute;
  content: "";
  width: .2rem;
  height: .2rem;
  background: url(/bocstatic/web/img/p20.png) no-repeat center;
  background-size: 100%;
  right: .8rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.items05lists .images {
  text-align: center;
  line-height: 1;
  padding: .75rem .2rem;
  transition: .5s ease-in-out;
}
.items05lists .images .span {
  line-height: .75rem;
  height: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: .7rem;
  color: #2e2e2e;
}
.items05lists .images .img {
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
}

.about-items06 {
  padding-top: 2.5rem;
  padding-bottom: 2.75rem;
}

.maps-imgs6 {
  position: relative;
}
.maps-imgs6 .words {
  width:auto;
  position: absolute;
  left: 46%;
  top: 5.5rem;
  border-radius: 8px;
  background: #f5f2f2;
  color: #545454;
  padding: .9rem;
}
.maps-imgs6 .words .li {
  padding-left: .7rem;
  position: relative;
  line-height: .75rem;
}
.maps-imgs6 .words .li img {
  position: absolute;
  left: 0;
  top: .15rem;
  width: .45rem;
  height: .45rem;
}
.maps-imgs6 .words .tits {
  line-height: 1;
  color: #141414;
  margin-bottom: .45rem;
}

.about-confixed .close {
  z-index: 10;
}

.con-wordswens {
  position: relative;
}
.con-wordswens .con-words-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  cursor: pointer;
}
.con-wordswens .con-words-right .span {
  position: absolute;
  top: 50%;
  right: 0;
  padding-right: .7rem;
  padding-left: 2.25rem;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari  Chrome */
  -o-transform: translateY(-50%);
  /* Opera */
  color: #545454;
  line-height: 1.625rem;
  height: 1.625rem;
}
.con-wordswens .con-words-right .span:before {
  position: absolute;
  content: "";
  width: 1.625rem;
  height: 1.625rem;
  background: url(/bocstatic/web/img/nexe.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  background-color: #00448a;
  transition: .5s ease-in-out;
  border-radius: 50%;
}
.con-wordswens .con-words-right .span:hover:before {
  background-color: #ca171d;
  transition: .5s ease-in-out;
}

.about-confixed {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}
.about-confixed .close {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  cursor: pointer;
  right: .6rem;
  top: .6rem;
  background: url(/bocstatic/web/img/close.png) no-repeat center;
  background-size: 100%;
}
.about-confixed .con-words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  width: calc(100% - 4rem);
  padding: 2rem 2.5rem;
  padding-bottom: 3.2rem;
}
.about-confixed .con-words-left {
  width: 73%;
  padding-right: 3rem;
  border-right: 1px solid #e9e9e9;
}
.about-confixed .con-words-left .imgs {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #00448a;
}
.about-confixed .con-words-left .p {
  line-height: 2.3;
  color: #545454;
  max-height: 8rem;
  overflow-y: auto;
}
.about-confixed .con-words-left .tits {
  line-height: 1;
  color: #2e2e2e;
  margin-top: .9rem;
  margin-bottom: .6rem;
}
.about-confixed .con-words-right {
  width: 27%;
}

.lftext {
  position: relative;
  padding-left: 1.2rem;
  padding-right: 1rem;
}
.lftext:before, .lftext:after {
  position: absolute;
  content: "";
  width: .75rem;
  height: .75rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.lftext:before {
  background: url(/bocstatic/web/img/i37.png) no-repeat center;
  background-size: 100%;
  left: 0;
}
.lftext:after {
  background: url(/bocstatic/web/img/i38.png) no-repeat center;
  background-size: 100%;
  right: 0;
}

.development-items2 {
  position: relative;
}
.development-items2 .items {
  float: left;
  width: 50%;
}
.development-items2 .words {
  position: absolute;
  height: 100%;
  right: 0;
}
.development-items2 .words .words-tops {
  height: 38%;
  position: relative;
  background: #013e8e;
  color: #fff;
}
.development-items2 .words .words-tops span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari  Chrome */
  -o-transform: translate(-50%, -50%);
  /* Opera */
}
.development-items2 .words .words-tops span:before {
  background: url(/bocstatic/web/img/i370.png) no-repeat center;
  background-size: 100%;
}
.development-items2 .words .words-tops span:after {
  background: url(/bocstatic/web/img/i380.png) no-repeat center;
  background-size: 100%;
}
.development-items2 .words .words-bots {
  height: 62%;
  padding: 2.5rem 1rem 2rem 1.6rem;
}
.development-items2 .words .words-bots .textbox {
  padding-right: 1rem;
  height: 100%;
  overflow-y: auto;
}
.development-items2 .words .words-bots .p {
  margin-top: 1.1rem;
}

.deve-imglist {
  font-size: 0;
}
.deve-imglist .i {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 1;
}
.deve-imglist .i .tits {
  margin-top: .35rem;
}
.deve-imglist .i .img {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 auto;
}

.development-items3 .deve-imglist .i {
  color: #013e8e;
  width: 25%;
}

.development-items4 {
  background: url(/bocstatic/web/img/i48.jpg) no-repeat right top;
  background-size: cover;
  color: #fff;
  padding-top: 2.75rem;
  padding-bottom: 3.125rem;
}
.development-items4 .deve-imglist {
  margin-top: 2rem;
}
.development-items4 .deve-imglist .i {
  padding: 0 1rem;
}
.development-items4 .abouts-tits {
  color: #fff;
}
.development-items4 .p {
  width: 65%;
  margin: 0 auto;
  margin-top: 1rem;
}
.development-items4 .p,
.development-items4 .abouts-wen {
  color: rgba(255, 255, 255, 0.6);
}

.lftext {
  white-space: nowrap;
}

.development-items2words {
  padding: 3.25rem 1rem 1.5rem 1.75rem;
}
.development-items2words .textbox {
  height: 100%;
  padding-right: 1rem;
  overflow-y: auto;
}
.development-items2words .textbox .p {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.development-items2words .textbox .lftext {
  display: inline-block;
  vertical-align: top;
  color: #013e8e;
  line-height: 1;
  margin-bottom: 1.75rem;
}
.development-items2words .textbox .deve-imglist .i {
  color: #013e8e;
}
.development-items2words .textbox .deve-imglist .i:nth-child(n+2) {
  margin-left: 2.1rem;
}

.text16 {
  line-height: 1.75;
  color: #666666;
}
.governance2 .governance-01 .career3-itemsbox .items{
  width: 33.33%;
  margin-left: 0!important;

}
.governance2 .governance-02 .careerlists .items{
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}
.governance2 .governance-02 .careerlists .words{
  position: absolute;
  bottom: 0;
  left: 0;
  background:transparent;
  height: auto;
  top: auto;
  color:#fff;
  text-align: center;
}
.governance2 .governance-02 .careerlists .words .tits{
  margin-bottom: 0;
}
.governance2 .governance-01 .career3-itemsbox .items .words{
  padding-top: .75rem;
}
.governance2 .governance-01 .career3-itemsbox .items{
}
.governance2 .governance-01{
  background:#013e8e;
}
.governance2 .governance-01 .abouts-tits{
  color:#fff;
}
.governance2 .career3-itemsbox .items .words .tits{
  text-align: center;
  color:#fff;
}
.governance2 .career3-itemsbox .items .imgs{
  padding: 0 3.5rem;
  position: relative;

}
.governance2 .career3-itemsbox .items:nth-child(1) .imgs:before{
  display: none;
}
.governance2 .career3-itemsbox .items img{
  transform:none!important;
}
.governance2 .career3-itemsbox .i{
  overflow: hidden;
  padding: .25rem;
  border-radius: 10px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
}
.governance2 .career3-itemsbox .items .imgs:before{
  width: 5px;
  height: 100%;
  content:"";
  left: 0;
  top: 0;
  background:url(/bocstatic/web/img/lines.png) no-repeat center;
  background-size: 100%;
  position: absolute;
}
.career3-itemsbox .items .words .tits img{
  width: .9rem;
  height: .9rem;
  display: inline-block;
  vertical-align: middle;
}
.governance-01 {
  padding-bottom: 1rem;
  padding-top: 1.5rem;
}
.governance-01 .career3-itemsbox {
  margin-top: 1.125rem;
  text-align: center;
}
.governance-01 .career3-itemsbox .text15 {
  margin-top: .6rem;
}

.governance-02 {
  padding-top: 1.875rem;
  padding-bottom: 2rem;
}
.governance-02 .careerlists {
  margin-top: 1.45rem;
}
.governance-02 .careerlists .words {
  padding-top: 1.75rem;
  height: 100%;
  /*overflow-y: auto;*/
  overflow: hidden;

}


.governance-03 {
  padding-top: 3rem;
  padding-bottom: 3.375rem;
}
.governance-03 .governance-tit .p {
  width: 40%;
  margin: 0 auto;
  margin-top: .8rem;
  margin-bottom: 1.5rem;
}
.governance-03 .images {
  overflow: hidden;
}
.governance-03 .images img {
  display: block;
  width: 100%;
  opacity: .1;
}
.governance-03 .img-lists {
  position: relative;
  background: #003e8d;
}
.governance-03 .img-lists .li {
  float: left;
  width: 50%;
  height: 50%;
  border: 1px solid transparent;
  padding: 1rem 4rem;
  /*padding: 1.25rem 5.75rem;*/
  overflow-y: auto;
}
.governance-03 .img-lists .li .tits {
  line-height: 1;
  /*margin-top: .8rem;*/
  margin-top: .5rem;
  margin-bottom: .6rem;
  /*margin-bottom: .9rem;*/
}
.governance-03 .img-lists .li:nth-child(1), .governance-03 .img-lists .li:nth-child(2) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.governance-03 .img-lists .li:nth-child(1), .governance-03 .img-lists .li:nth-child(3) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.governance-03 .img-lists .li .img {
  width: 1rem;
  height: 1rem;
}
.governance-03 .img-lists .txts {
  color: #fff;
}
.governance-03 .img-lists .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}

.investor-images .words .ul-imgs .li .imgs {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 auto;
}

.search-dialogbox {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: #fff;
  left: 0;
  top: 0;
  display: none;
}

.section2 .swiper-button-btn.swiper-button-prev {
  background: url(/bocstatic/web/img/g1.png) #fff no-repeat center;
  background-size: 100%;
  right: auto;
  display: none;
}
.section2 .swiper-button-btn.swiper-button-prev:hover {
  background: url(/bocstatic/web/img/g2.png) #ca171d no-repeat center;
  background-size: 100%;
}

.m-header {
  position: absolute;
}

.f5 {
  background: #f5f5f5;
}

img {
  max-width: 100%;
}

.bold {
  font-weight: bold;
}

.ft28 {
  font-size: .7rem;
}

.f7 {
  background: #f7f7f7;
}

.pc768 {
  display: block;
}

.m768 {
  display: none;
}

.w100 {
  width: 100%;
}

.mbox {
  display: none;
}

.pcbox {
  display: block;
}

.ft60 {
  font-size: 1.5rem;
}

.ft50 {
  font-size: 1.25rem;
}

.ft16 {
  font-size: 16px;
}

.ft13 {
  font-size: 13px;
}

.ft15 {
  font-size: 15px;
}

.ft22 {
  font-size: .55rem;
}

.ft64 {
  font-size: 1.6rem;
}

.ft30 {
  font-size: .75rem;
}

.ft26 {
  font-size: 0.65rem;
}

.ft18 {
  font-size: .45rem;
}

.ft40 {
  font-size: 1rem;
}

.tc {
  text-align: center;
}

.ft34 {
  font-size: .85rem;
}

.ft20 {
  font-size: .5rem;
}

.ft32 {
  font-size: .8rem;
}

.ft12 {
  font-size: 12px;
}

.ft24 {
  font-size: .6rem;
}

.ft44 {
  font-size: 1.1rem;
}

.ft36 {
  font-size: .9rem;
}

.ft90 {
  font-size: 2.25rem;
}

.ft60s {
  font-size: 1.51rem;
}

.dingk,
.welcome-body .section,
.welcome-body .section .items,
.w1vh {
  height: 100vh;
}
.section2 .swiper-slide .fl-txt .cn{
  padding-left: .5rem;
}
.section2 .wel-more{
  margin-left: .5rem;
}
.section2 .swiper-slide .fl-txt .line{
  height: 5px;
  width: 2.4rem;
  margin-left: .5rem;
  margin-top: .6rem;
  margin-bottom: 1.5rem;
  background:#ca171d;
}
.section2time{
  font-size: 0;
  position: absolute;
      top: auto;
    left: auto;
    line-height: .7;
    right: 5.5rem;
    bottom: 5rem;
    transform: translateX(-7.5rem);
    z-index: 10;
}
.section2time span, .section2time b{
  display: inline-block;
  vertical-align: bottom;
  color:#fff;

}
.section2time span {
  font-size: 1.25rem;
  color:#ca171d;
}
.section2time b{
  font-size: .4rem;
}
@media screen and (max-width: 767px) {
  .pro-tits{
    margin-bottom: .5rem;
  }
	.about-items01 .top-words .words.fl{
		max-width: 100%;
	}

	.career-items2 .careerlists .wen{
		/*margin-top: .2rem;*/
	}
	.imglists-videos:before{
		width: .6rem;
		height: .6rem;
	}
.section2 .swiper-slide .fl-txt .line{
  margin-top: .22rem;
  height: 3px;
  margin-left: .2rem;
  margin-bottom: .5rem;
}
  .section2 .swiper-slide .fl-txt .cn{
    font-size: .45rem;
    padding-left: .2rem;
  }
  .section2 .wel-more{
    margin-left: .2rem;
  }
  .ft60s,
  .ft60 {
    font-size: .6rem;
  }

  .ft28 {
    font-size: .28rem;
  }

  .ft90 {
    font-size: .9rem;
  }

  .ft44 {
    font-size: .44rem;
  }

  .ft50 {
    font-size: .5rem;
  }

  .ft16 {
    font-size: .22rem;
  }

  .ft22 {
    font-size: .24rem;
  }

  .ft64 {
    font-size: 0.64rem;
  }

  .ft30 {
    font-size: .3rem;
  }

  .ft26 {
    font-size: 0.26rem;
  }

  .ft18 {
    font-size: .2rem;
  }

  .ft40 {
    font-size: .4rem;
  }

  .ft34 {
    font-size: .34rem;
  }

  .ft20 {
    font-size: .22rem;
  }

  .ft32 {
    font-size: .32rem;
  }

  .ft24 {
    font-size: .28rem;
  }

  .ft12, .ft13, .ft14, .ft15 {
    font-size: .2rem;
  }

  .ft36 {
    font-size: .36rem;
  }
}
@media screen and (max-width: 1600px) {
  .items05lists .words{
    line-height: 30px;
    max-height: 60px;
  }
  .social-list-top2 .words .li .th1,
  .social-list-top2 .words .txts{
    line-height: 30px;
    height: 90px;
  }
  .section4box .libox .li{
    width: 70%;
  }
  .section5box .wel-newsbox .wel-news-fl .wel-news-ul{
    margin-top: 2rem;
    height: 3.5rem;
  }
  .wel-news-ul .li:nth-child(n+2){
    margin-top: .75rem;
  }
  .section3 .words{
    padding-top: 3rem;
  }
  .development-items1 .wen {
    line-height: 1.8;
  }

  .banner .items .words {
    padding-top: 6rem;
  }

  .ft16 {
    font-size: 15px; 
  }

  .prolist-lists .lists .items {
    width: 23%;
    margin-left: 2.6%;
    margin-bottom: 2.6%;
  }

  .about-items01 .top-words .words .wen {
    line-height: 2;
  }

  .aboutitems02-lists .items .wens {
    line-height: 25px;
    height: 75px;
  }

  .text15 {
    line-height: 1.8;
  }

  .governance-03 .img-lists .li {
    padding: 1rem 3.5rem;
  }
}
@media screen and (max-width: 1500px) {

  .social-list-top2 .words .li .th1,
  .social-list-top2 .words .txts{
    line-height: 25px;
    height: 75px;
  }
  .social-list-top2 .words .txts{
    margin-bottom: 2rem;
  }

  .about-items03 .items03-lists .swiper-container{
    padding:20px 1rem;
  }
	.about-items03{
		min-height: auto;
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}
  .about-items03 .items03-lists .items{
    width: 100%;
  }
	.about-items03 .items03-lists{
		margin-top: 1rem;
	}
	.abouts-wen{
		margin-top: .4rem;
	}
  .section4box .libox .li{
    margin-top: 5%;
  }
  .section4box .wel-tits{
    padding-top: 0;
  }
  .bocweb-footer-tops .bocweb-footer-fr .imglists .li .span {
    font-size: .35rem;
  }

  .bocweb-footer-tops .bocweb-footer-fr .words {
    font-size: .35rem;
  }

  .ft15, .ft16 {
    font-size: 14px;
  }

  .bocweb-footer-tops .bocweb-footer-fr .imglists .li {
    /*width: 48%;*/
  }

  .bocweb-footer-tops .bocweb-footer-fr .imglists .li:nth-child(n+2) {
    /*margin-left: 4%;*/
  }

  .prolist-lists .lists .items {
    padding: 1rem;
  }

  .ft16 {
    font-size: 14px;
  }

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

  .prolists-bottom .items2 .ul .li {
    width: auto;
    padding-right: 1.5rem;
    max-width: 45%;
  }

  .bocweb-footer-topbox .fr-tips a {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 1400px) {
  .prolists-bottom .items2 .ul .li {
    max-width: 50%;
  }

  .prolists-bottom .items2 .ul .li {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .pc768 {
    display: none;
  }

  .m768 {
    display: block;
  }
}
@media screen and (max-width: 1190px) {
  .section3 .words {
    padding-top: 2rem;
    padding-right: 3rem;
  }

  .section3 .numbox {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .section5box .wel-news-fr {
    padding-right: 0;
  }

  .newspaper-box .lists .items {
    padding: .75rem;
  }

  .about-items04 .items {
    width: 24%;
    margin-left: 1.3%;
  }

  .bocweb-footer-topbox .fr-tips a {
    padding: 0 1.5rem;
  }

  .recruitment-lists .lists .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .recruitment-lists .lists .items:nth-child(3n+1) {
    margin-left: 2%;
  }
  .recruitment-lists .lists .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .campuslist-bots .items-left, .campuslist-bots .items-right {
    padding: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .governance2 .career3-itemsbox .items .imgs{
    padding: 0 .5rem;
  }

  .section2 .items .words.on{
    text-align: center;
    opacity: 1;
    padding: 0 1.5%;
  }
  .section2 .words .fr-text{
    margin:0 auto;
  }
  .section2time{
    left: 50%;
    right: auto;
    margin: auto;
    transform:translate(0,0);
    transform:translateX(-50%);
  }
  .section2 .swiper-slide .fl-txt .line{
    margin-left: auto;
    margin-right: auto;
  }
  .about-items01 .bots-imglists .li{
    width: 49%;
    margin-left: 2%;
  }
  .about-items01 .bots-imglists .li:nth-child(4n+1){
    margin-left: 2%;
  }
  .about-items01 .bots-imglists .li:nth-child(2n+1){
    margin-left: 0;
  }

  .social-list-top2 .images,
  .social-list-top2 .words{
    width: 100%;
    padding-left: 0;
  }
  .social-list-top2 .words{
    margin-top: 1.25rem;
  }
  .campuslist-bots2 .imgspc{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
	.campuslist-bots2 .words{
    z-index: 2;
		position: relative;
    width: 100%;
    height: 100%;
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	.campuslist-bots2 .imgspc{
		/*height: 300px;*/
	}
	.campuslist-bots2{
		height: auto;
	}
	
	
  .news-details{
    width: 90%;
  }
  .banner .videoboxs  .items:before{
    display: block;
    width: 30px;
    height: 30px;
  }
  .welbodys .fixed-bottoms3, .welbodys .bocweb-header, #fullpage{
    opacity: 1;
  }
  .wel-open{
    display: none;
  }
  .section4box .libox .li {
    width: 80%;
  }

  .section2 .swiper-button-btn.swiper-button-prev {
    display: block;
    left: 1rem;
  }

  .section2 .swiper-button-btn {
    right: 1rem;
  }

  .section2 .swiper-container {
    width: 100%;
  }

  #fp-nav {
    display: none !important;
  }

  .careerlists .items,
  .career3-itemsbox .items {
    width: 100%;
    margin-left: 0;
  }

  .governance-03 .img-lists .words {
    position: relative;
  }

  .governance-03 .images img {
    opacity: 1;
  }

  .governance-03 .img-lists .li:nth-child(1), .governance-03 .img-lists .li:nth-child(3) {
    border-right: 1px solid transparent;
  }

  .governance-03 .img-lists .li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .governance-03 .img-lists .li {
    padding: 1.25rem;
    width: 100%;
    height: auto;
  }

  .governance-03 .governance-tit .p {
    width: 80%;
  }

  .mbox {
    display: block;
  }

  .pcbox {
    display: none;
  }

  .recruform-lists .items .td {
    display: none;
  }

  .recruform-lists .items .td.td-first, .recruform-lists .items .td.td-last {
    display: block;
  }

  .recruform-lists .items .td.td-last {
    float: right;
  }

  .recruform-lists .td {
    display: none;
  }

  .recruform-lists .td.td-first, .recruform-lists .td.td-last {
    display: block;
  }

  .recruform-lists .td.td-last {
    float: right;
  }

  .con-tits-titles .items {
    padding: 0 2rem;
  }

  .career-items5 .words .txts {
    line-height: 1.25;
  }

  .items05lists .items {
    margin-bottom: 2%;
  }

  .bocweb-footer-bots {
    line-height: 1.5;
    height: auto;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    text-align: center;
    color: #999;
  }

  .recruform-lists .td {
    width: 50%;
    max-width: 50%;
  }

  .people-fixed .li2 label {
    padding-left: .65rem;
  }

  .people-fixed .li2 .ids label:before {
    width: .4rem;
    height: .4rem;
  }

  .people-fixed .li2 .ids:nth-child(2) {
    margin-left: .7rem;
    margin-right: 1rem;
  }

  .campuslist-bots .items-left, .campuslist-bots .items-right {
    width: 100%;
    height: auto !important;
  }

  .campuslist-bots .items-left .wen {
    margin-top: 1.125rem;
  }

  .news-body .news-right {
    padding-left: 1.5rem;
  }

  .news-body .news-left {
    /*padding-right: 1.5rem;*/
  }

  .news-page {
    margin-top: 1.5rem;
  }

  .newspaper-box .lists .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .newspaper-box .lists .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .newspaper-box .lists .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .social-list-top .words {
    width: 60%;
  }

  /*.social-list-top .words .txts,*/
  .social-list-bots .items .wen {
    line-height: 30px;
    height: 60px;
  }

  .prolists .lists .items .words {
    padding: 1rem;
  }

  .prolist-lists .lists .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .prolist-lists .lists .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .prolist-lists .lists .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .prolists-bottom .items {
    width: 100%;
    height: auto !important;
  }

  .items05lists .items,
  .about-items04 .items,
  .aboutitems02-lists .items {
    width: 49%;
    margin-left: 2%;
  }
  .items05lists .items:nth-child(4n+1),
  .about-items04 .items:nth-child(4n+1),
  .aboutitems02-lists .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .items05lists .items:nth-child(2n+1),
  .about-items04 .items:nth-child(2n+1),
  .aboutitems02-lists .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .items05lists-mswiper.items05lists .items{
    width: 100%;
    margin:0;

  }
  .about-items04s .words{
    width: 100%;
    padding-top: 0;
    padding-bottom: 1rem;
  }
  .about-items04s .images{
    width: 100%;
    position: relative;
    background:transparent!important;
  }
  .about-items04s .images img{
    display: block;
    opacity: 1;
    width: 100%;
  }

  .about-items03 .items03-lists {
    height: 400px;
  }

  .maps-imgs6 .words {
    top: 4rem;
  }

  .about-items01 .top-words .words {
    width: 50%;
    padding-right: 2%;
  }

  .about-items01 .top-words .list {
    width: 50%;
  }

  .about-confixed .con-words-left {
    width: 80%;
  }

  .con-wordswens .con-words-right .span {
    width: 1.625rem;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
  }

  .about-confixed .con-words-right {
    width: 20%;
  }

  .development-items2 .items {
    position: static;
    text-align: center;
  }
  .development-items2 .items img {
    width: 100%;
  }

  .development-items1 .boxs {
    text-align: center;
  }

  .development-items2words .textbox {
    padding-right: 0;
  }

  .development-items2words .textbox,
  .development-items2 .words {
    height: auto;
    overflow: hidden;
  }

  .development-items2 .words .words-tops span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -moz-transform: translate(0, 0);
    /* Firefox */
    -webkit-transform: translate(0, 0);
    /* Safari  Chrome */
    -o-transform: translate(0, 0);
    /* Opera */
  }

  .development-items2 .words .words-tops {
    height: auto;
    text-align: center;
    line-height: 2.5rem;
    height: 2.5rem;
  }

  .development-items2 .items,
  .development-items1 .words,
  .development-items1 .numlist {
    width: 100%;
    float: none;
    display: block;
  }

  .development-items1 .numlist {
    padding-left: 0;
    max-width: 50%;
    float: none;
    margin-top: 25px;
  }

  .development-items2 .words .words-bots .textbox {
    height: auto;
    overflow: hidden;
  }

  .m-header .w-header {
    background: transparent;
  }

  .m-header .w-header.fixed {
    background: #fff;
  }
}
@media screen and (max-width: 900px) {
  .news-details {
    width: 85%;
  }
  .news-body .news-left .items .tits .tit-fl{
    width: calc(100% - 6em);
  }
 .investor-tops .news-body .news-left{
  padding: 1rem;
  }
  .news-body .news-tops .items {
    width: 100%;
    margin-left: 0;
  }

  .news-body .news-tops .items:nth-child(n+2) {
    margin-top: 2%;
  }

  .news-body .news-left, .news-body .news-right {
    width: 100%;
    padding: 0;
  }

  .news-body .news-left {
    margin-bottom: 20px;
  }

  .news-body .news-bots:before {
    display: none;
  }

  .news-body .news-right {
    margin-top: 1rem;
  }

  .news-body .news-right .li .time {
    margin-top: .5rem;
  }

  .social-list-bots .items {
    width: 100%;
    margin-left: 0;
  }

  .social-list-top .words {
    width: 80%;
  }
}
.search-dialog {
  position: absolute;
  right: 23.177%;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  z-index: 20;
}

.search-dialog .search-close {
  position: absolute;
  width: .55rem;
  height: .575rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url(/bocstatic/web/img/search-close.png);
  right: -2.2rem;
  top: 50%;
  margin-top: -.2875rem;
}

.search-dialog .search {
  width: 11.9rem;
  border: 1px solid #cac9c9;
  padding: .3rem .6rem;
  border-radius: 4px;
}

.search-dialog .search input[type=text] {
  float: left;
  width: 90%;
  height: .55rem;
  line-height: .55rem;
  font-size: .45rem;
  color: #cac9c9;
  background-color: transparent;
}

.search-dialog .search input[type=submit] {
  float: right;
  width: .55rem;
  height: .55rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/bocstatic/web/img/search-submit.png);
  background-color: transparent;
}

.section {
  position: relative;
}

@media screen and (max-width: 767px) {
  .investor-tops .news-body .news-left{
    padding: .2rem;
  }
  .investor-tops .news-body .news-left .items .tits{
    height: .7rem;
  }
  .investor-tops .news-body .news-left .items .tits .tit-fl{
        -webkit-line-clamp: 2;
  }
  .investor-tops .news-body .news-left .items{
    padding: .3rem 0;
  }
    .section2 .items .words.on{
      position: static;
      top: 0;
      transform: translateY(-0);
    }
    .section2 .swiper-container{
      padding-bottom: 2rem;
    }
    .section2{
      padding: 1rem 0;
      padding-bottom: .5rem;
    }
    .section2time{
      bottom: 0;
    }
    .section2 .btns{
      width: 100%;
    }
    .section2time span{
      font-size: .5rem;
    }
    .social-list-top2{
      padding: .85rem 0;
    }

    .social-list-top2 .words{
      padding-left: 0;
    }

    .about-items01 .bots-imglists .li:nth-child(4n+1){
      margin-left: 0;
    }

    .social-list-top2 .words .li:nth-child(n+2){
      margin-top: .36rem;
    }
    .social-list-top2 .words .li .th0{
      margin-bottom: .2rem;
    }
    .social-list-top2 .words .li .th1{
      line-height: .4rem;
      height: 1.2rem;
    }

    .social-list-top2 .words .li .imgs{
      width: 2.4rem;
    }
    .social-list-top2 .words .li .texts{
      width: calc(100% - 2.4rem);
      padding-left: .3rem;
      padding-right: .2rem;
    }

    .social-list-top2 .words .txts{
      padding-right: 0;
      margin-bottom: .6rem;
      line-height: .4rem;
      height: 1.2rem;
      margin-top: .24rem;
    }

    .social-list-bots2 {
        padding-top: .9rem;
        padding-bottom: .75rem;
    }
    .social-list-bots2 .tits{
      margin-bottom: .7rem;
    }




  .sociallists2-page{
    margin-top: .3rem;
  }
  .prolists .lists-bots .images{
    height: 4rem;
  }
  .prolists .lists-bots .i{
    padding: 0 .45rem;
    line-height: .6rem;
    height: .6rem;
    margin:0 2px;
  }
  .prolists .lists-bots .tits{
    margin-bottom: .4rem;
  }




  .about-items04s .li .tits{
    padding-left: .4rem;
    width: 2rem;
  }
  .about-items04s .li .txts{
    width: calc(100% - 2rem);
  }
  .about-items04s .li {
    min-height: auto;
    line-height: 1.5;
    padding: .1rem .2rem;
  }

  .about-items04s .imgs{
    width: .3rem;
    height: .3rem;
    left: .25rem;
  }


  .about-items04s .words{
    padding-left: .3rem;
    padding-bottom: .3rem;
    padding-right: .3rem;
  }
  .about-items04s .images{
    height: auto;
  }

  .about-items04s{
    padding-top: .7rem;
  }

  .about-items04s:before{
    width: 5.5rem;
    height: 6rem;
  } 
  .about-items04s .words{
    padding-top: 0;
  }



	.erwei .span,.erwei .imgs{
		margin-right: .15rem;
	}
	.erwei .imgs{
		width: 1rem;
		height: 1rem;
	}
	.campuslist-bots2 .imgspc{
		/*height: 3.5rem;*/
    background-position: 57%  center!important;
	}
	.campuslist-bots2 .txts{
		margin-top: .2rem;
		margin-bottom: .5rem;
	}

	.campuslist-bots2 .words  .ul .li{
		line-height: 1.6;
		width: 100%;
		max-width: 100%;
	}
	.campuslist-bots2 .words  .ul .li0{
		margin-bottom: .2rem;
	}
	.campuslist-bots2 .words {
		padding-top: .5rem; 
	}
	.campuslist-bots2 .words .ul .li:nth-child(n+2){
		margin-top: .35rem;
	}
	
	/*  */
  .banner .items .words{
    height: auto;
    top: 30%;
    transform:translateY(-10%);
  }
  .con-banner .conban-tits .tit.ft64{
    font-size: .5rem;
  }
  .governance-02 .careerlists .imgs,
  .governance-02 .careerlists .words,
  .career-items2 .careerlists .imgs,
  .career-items2 .careerlists .words{
    width: 100%;
    position: static;
  }
  .about-items04 .items,.items05lists .items{
    width: 100%;
    margin-left: 0;
  }
  .banner .videoboxs  .items:before{
    width: .6rem;
    height: .6rem;
  }
  .section5box .wel-newsbox .wel-news-fl .wel-news-ul{
    margin-top: .4rem;
  }

  .about-items03 .items03-lists .items{
  	width: 100%;
  }
  .search-wrap {
    padding-top: 1rem;
  }
	.lb-data .lb-close{
		position: absolute;
		right: .8rem;
		top: .8rem;
	}

  /*wel*/
  .section4box .libox .moresbox {
    text-align: left;
  }
  .section4box .libox:nth-child(n+2) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .section4box .libox .tboxs {
    display: none;
  }

  .section4box .libox .li .li-tops {
    position: relative;
    padding-left: 1.3rem;
    text-align: left;
  }
  .section4box .libox .li .li-tops .imgs {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: .8rem;
    height: .8rem;
  }
  .section4box .libox .li .li-tops .span {
    margin-top: 0;
    font-size: .5rem;
    line-height: 1.2rem;
    height: 1.2rem;
  }

  .section5box .wel-newsbox .wel-news-fl .wel-more-btn {
    display: none;
  }

  .wel-news-ul {
    font-size: .4rem;
    margin-top: 0;
  }
  .wel-news-ul .li {
    display: inline-block;
    line-height: .6rem;
    height: .6rem;
    max-width: 100%;
  }
  .wel-news-ul .li:nth-child(n+2) {
    margin-top: 0;
    margin-left: .3rem;
    padding-left: .3rem;
    border-left: 1px solid #cdccca;
  }
  .wel-news-ul .li.active {
    font-size: .4rem;
  }

  .wel-news-tits .en {
    margin-top: .2rem;
  }

  .banner .items .words .en {
    font-size: .3rem;
    color: #333333;
  }
  .banner .items .words .cn {
    font-size: .72rem;
    margin-top: .3rem;
    margin-bottom: .7rem;
  }

  .section5box {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
  .section5box .swiper-container-horizontal > .swiper-pagination-progress {
    height: 1px;
  }
  .section5box .swiper-pagination-progress .swiper-pagination-progressbar {
    height: 2px;
  }
  .section5box .wel-news-fl {
    width: 100%;
  }
  .section5box .wel-news-fr {
    width: 100%;
    margin-top: .6rem;
    padding-right: 0;
  }
  .section5box .wel-news-fr .words {
    padding-top: .6rem;
    padding-bottom: .7rem;
  }
  .section5box .wel-news-fr .words .time {
    font-size: .24rem;
    color: #333333;
  }
  .section5box .wel-news-fr .words .tit {
    line-height: 0.65rem;
    height: 1.3rem;
    margin-top: .3rem;
    margin-bottom: .48rem;
    font-size: .48rem;
  }
  .section5box .wel-news-fr .words .more {
    padding-right: .55rem;
    font-size: .28rem;
  }
  .section5box .wel-news-fr .words .more:before {
    width: .32rem;
    height: .32rem;
  }
  .section5box .wel-newsbox {
    padding-top: 0;
    position: relative;
  }
  .section5box .wel-newsbox .wel-news-fl {
    padding-top: 0;
  }
  .section5box .wel-newsbox .wel-news-fl .wel-news-ul {
    height: auto;
  }

  .wel-news-ul {
    margin-top: .65rem;
  }

  .section4box {
    padding-top: 1rem;
  }
  .section4box .tboxs {
    padding: .3rem 0;
  }
  .section4box .wel-tits {
    padding-top: .4rem;
  }
  .section4box .imgs {
    width: .7rem;
    height: .7rem;
  }
  .section4box .span {
    margin-top: .2rem;
  }
  .section4box .p {
    font-size: .2rem;
    line-height: .3rem;
    max-height: 2.1rem;
    margin-top: .24rem;
    margin-bottom: 0.2rem;
    text-align: left;
  }
  .section4box .libox {
    width: 100%;
    height: auto;
  }
  .section4box .libox:nth-child(n+2) {
    border-left: none;
  }
  .section4box .libox .li {
    width: 100%;
    margin-top: 0;
    position: static;
    top: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -moz-transform: translate(0, 0);
    /* Firefox */
    -webkit-transform: translate(0, 0);
    /* Safari  Chrome */
    -o-transform: translate(0, 0);
    /* Opera */
  }

  .section4-itemsbox {
    padding: 0 .3rem;
    height: auto;
    top: auto;
    bottom: 0;
    padding-bottom: .85rem;
  }

  .section3 .wordsbox {
    padding-top: 2rem;
  }
  .section3 .words, .section3 .numbox {
    width: 100%;
  }
  .section3 .en {
    margin-top: .2rem;
    margin-bottom: .65rem;
    font-size: .3rem;
  }
  .section3 .cn{
  	margin-bottom: .65rem;
  }
  .section3 .wen {
    font-size: .26rem;
    line-height: .45rem;
    max-height: 1.8rem;
    margin-bottom: .6rem;
    display: block;
    overflow: visible;
    max-height: none;

  }
  .section3 .words {
    padding-top: 0;
    padding-right: 0;
  }
  .section3 .numbox {
    padding: 0;
    margin-top: 1.8rem;
  }
  .section3 .numbox .li .p {
    margin-top: .16rem;
  }
  .section3 .numbox .li .img {
    width: .4rem;
    height: .4rem;
  }
  .section3 .numbox .li4, .section3 .numbox .li3 {
    padding-top: .4rem;
  }
  .section3 .numbox .li4 .img, .section3 .numbox .li3 .img {
    top: .44rem;
  }
  .section3 .numbox .li4, .section3 .numbox .li2 {
    padding-left: .6rem;
  }
  .section3 .numbox .li1, .section3 .numbox .li2 {
    padding-bottom: .4rem;
  }
  .section3 .numbox .li1, .section3 .numbox .li3 {
    padding-right: 0.65rem;
  }
  .section3 .numbox .li1 .img, .section3 .numbox .li3 .img {
    right: .7rem;
  }

  .section2 .btns {
    position: absolute;
    left: .3rem;
    bottom: .5rem;
    z-index: 3;
    font-size: 0;
  }

  .section2 .swiper-button-btn {
    display: inline-block !important;
    vertical-align: middle;
    position: static;
    margin: 0;
    font-size: .2rem;
  }
  .section2 .swiper-button-btn:nth-child(2) {
    margin-left: .25rem;
  }

  .section2 .swiper-button-btn {
    width: 0.65rem;
    height: 0.65rem;
  }
  .section2 .swiper-slide-active .fl-txt .time span,
  .section2 .swiper-slide .fl-txt .time span {
    font-size: 0.5rem;
  }
  .section2 .swiper-slide-active .fl-txt .cn,
  .section2 .swiper-slide .fl-txt .cn {
    /*font-size: .72rem;*/
    margin-top: 0;
  }
  .section2 .fl-txt {
    padding-top: 0;
  }
  .section2 .fl-txt .time {
    padding-top: 0.2rem;
  }
  .section2 .fl-txt .cn {
    margin-top: 0.2rem;
  }
  .section2 .fl-txt .en {
    margin-top: .2rem;
    font-size: .3rem;
  }

  .section2 .fl-txt .time {
    display: none;
  }

  .section2 .wel-more {
    margin-top: .65rem;
  }
  .section2 .words {
    padding-top: 2.25rem;
  }
  .section2 .words .fl-txt {
    font-size: .2rem;
  }
  .section2 .words .fr-text {
    width: 100%;
  }
  .section2 .words .fr-text .ybox {
    /*margin-top: .5rem;*/
  }
  .section2 .words .fr-text .ybox .mCustomScrollBox {
    padding-right: .2rem;
    padding-left: 0;
  }
  .section2 .words .fr-text .wen {
    height: 2.25rem;
    line-height: .45rem;
    font-size: .26rem;
  }

  .pdt100 {
    padding-top: 1rem;
  }

  .section2 .fl-txt .cn {
    margin-top: 0 !important;
  }

  .banner .swiper-pagination-current {
    font-size: .5rem;
  }
  .banner .swiper-pagination {
    font-size: .22rem;
  }
  .banner .buts {
    bottom: .35rem;
  }
  .banner .buts .swiper-pagination, .banner .buts .swiper-button-prev, .banner .buts .swiper-button-next {
    font-size: .22rem;
  }
  .banner .buts .swiper-button-prev, .banner .buts .swiper-button-next {
    width: .5rem;
    height: .5rem;
  }
  .banner .buts .swiper-button-next {
    margin-left: .2rem;
  }

  .banner .items video {
    display: none;
  }
  .banner .items .words {
    /*padding-top: 2.4rem;*/
    padding-top: 0;
  }
  .banner .items .words .cn {
    margin-top: .3rem;
    margin-bottom: .6rem;
  }
  .section2 .swiper-slide .fl-txt .cn{
    color:#fff;
  }
  .section2 .words .secwen{
    opacity: 1;
    filter: alpha(opacity=10);
    transform: translateY(0);
    transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  /*wel*/
  .dingk, .welcome-body .section, .welcome-body .section .items, .w1vh {
    height: auto;
  }

  .search-dialog {
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 0;
    width: 70%;
    margin: auto;
  }

  .search-dialog .search {
    width: 75%;
    padding: .1rem .2rem;
  }

  .search-dialog .search input[type=text] {
    width: 80%;
    height: .4rem;
    line-height: .4rem;
    font-size: .3rem;
  }

  .search-dialog .search input[type=submit] {
    width: .4rem;
    height: .4rem;
  }

  .search-dialog .search-close {
    width: .3rem;
    height: .32rem;
    right: 0;
    margin-top: -.16rem;
  }

  .career-items4 {
    padding-top: 0.8rem;
    padding-bottom: 1.28rem;
  }
  .career-items4 .career-tits {
    margin-bottom: 0.7rem;
  }

  .career4-lists .items:nth-child(n+2) {
    margin-top: .35rem;
  }

  .career4-lists .items .words .txts {
    opacity: 1;
  }

  .career4-lists .items .words,
  .career4-lists .items:hover .words {
    background: rgba(0, 62, 141, 0.3);
  }

  .career4-lists .items.w33,
  .career4-lists .items.w50 {
    width: 100%;
    display: block;
    float: none;
  }
  .career4-lists .items.w33 img,
  .career4-lists .items.w50 img {
    width: 100%;
  }

  .career4-lists .items .words {
    padding: .3rem;
  }

  .career4-lists .items .words .txts {
    margin-top: .28rem;
  }

  .career-items3 .career-tits {
    margin-bottom: .6rem;
  }

  .career-items3 {
    padding-top: 0.85rem;
    padding-bottom: 0.5rem;
  }

  .career3-itemsbox .items .words .wen {
    margin-top: .2rem;
  }

  .investor-tops {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
  .investor-tops .investor-tit {
    margin-bottom: 0.65rem;
  }

  .investor-tops .investor-images .words {
    padding-bottom: 1rem;
    /*padding-bottom: 4rem;*/
  }
  .investor-tops .boxitems{
    margin-bottom: .6rem;
  }

  .investor-images .words {
    padding: .6rem;
    padding-top: 0.6rem;
  }
  .investor-images .words .tits {
    line-height: 1.5;
    margin-bottom: .24rem;
  }
  .investor-images .words .txts {
    margin-bottom: 0.68rem;
  }
  .investor-images .words .t-span {
    margin-top: 1rem;
    line-height: .3rem;
  }
  .investor-images .words .ul-imgs {
    margin-top: .24rem;
  }
  .investor-images .words .ul-imgs .li {
    width: 1.8rem;
  }
  .investor-images .words .ul-imgs .li .span {
    font-size: .2rem;
    margin-top: .18rem;
  }
  .investor-images .words .ul-imgs .li:nth-child(n+2) {
    margin-left: .24rem;
  }

  .wel-more:before {
    width: .28rem;
    height: .28rem;
    right: .1rem;
  }

  .contacts-list .txtsul {
    font-size: .2rem;
    line-height: .4rem;
  }

  .contacts-list .txtsul img {
    width: .22rem;
    height: .22rem;
    margin-right: .14rem;
  }

  .investor-bots .investor-images .words {
    padding: 0.4rem 0.8rem;
    padding-top: 0.9rem;
  }

  .investor-centers {
    padding-top: 1.2rem;
    padding-bottom: 1.1rem;
  }
  .investor-centers .investor-tit {
    margin-bottom: .7rem;
  }

  .investor-centers .investor-images .words .tits {
    margin-bottom: .14rem;
  }

  .investor-images .words .txts {
    margin-bottom: .35rem;
  }

  .investor-images .words .ul-imgs .li .imgs {
    width: 1.1rem;
    height: 1.1rem;
  }

  .investor-banner .words {
    /*bottom: .8rem;*/
    top: .8rem;
  }
  .investor-banner .words .tit-en {
    margin-top: 0.2rem;
  }
  .investor-banner .words .txt-cn {
    margin-top: .3rem;
    margin-bottom: .2rem;
  }
  .investor-banner .words .txt-en {
    margin-bottom: 0.3rem;
  }
  .investor-banner .words .ul {
    padding-right: 0;
    width: 100%;
  }
  .investor-banner .words .ul .li1 {
    margin-top: 0.08rem;
  }
  .investor-banner .words .ul .li {
    font-size: .2rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    width: 25%;
  }
  .investor-banner .words .ul .li:nth-child(n+2) {
    margin-left: 0;
  }

  .governance-02 {
    padding-top: 0.75rem;
    padding-bottom: 0.8rem;
  }
  .governance-02 .careerlists {
    margin-top: 0.58rem;
  }
  .governance-02 .careerlists .words {
    padding-top: 0.7rem;
  }

  .governance-03 {
    padding-top: 1.2rem;
    padding-bottom: 1.35rem;
  }
  .governance-03 .governance-tit .p {
    margin-top: .3rem;
    margin-bottom: .5rem;
  }
  .governance-03 .img-lists .li {
    padding: .5rem;
  }
  .governance-03 .img-lists .li .tits {
    margin-top: .2rem;
    margin-bottom: .3rem;
  }
  .governance-03 .img-lists .li .img {
    width: .4rem;
    height: .4rem;
  }

  .careerlists .tits {
    line-height: .35rem;
    margin-bottom: .3rem;
  }
  .careerlists .line {
    width: .24rem;
    height: 1px;
  }
  .careerlists .wen {
    margin-top: .2rem;
    height: calc(100% - 1rem);
  }
  .careerlists .words {
    padding: .25rem;
  }
  .careerlists .items {
    margin-bottom: .4rem;
  }

  .governance-02 .careerlists .words {
    padding-top: .25rem;
  }

  .governance-01 {
    padding-bottom: 0.4rem;
    padding-top: 0.6rem;
  }
  .governance-01 .career3-itemsbox {
    margin-top: 0.45rem;
  }
  .governance-01 .career3-itemsbox .text15 {
    margin-top: 0.24rem;
  }

  .career3-itemsbox .items .words {
    padding-top: .45rem;
    padding-bottom: 0.38rem;
  }

  .development-items1 .wen {
    margin-top: .4rem;
    margin-bottom: .36rem;
  }

  .development-items2 .words .words-tops {
    line-height: 1rem;
    height: 1rem;
  }

  .development-items1 .numlist .li .tits {
    margin-top: .14rem;
  }

  .lftext {
    padding-left: 0.48rem;
    padding-right: 0.4rem;
  }
  .lftext:before, .lftext:after {
    width: 0.3rem;
    height: 0.3rem;
  }

  .development-items2 .words .words-bots {
    padding: 1rem .4rem .8rem .6rem;
  }
  .development-items2 .words .words-bots .textbox {
    padding-right: 0;
  }
  .development-items2 .words .words-bots .p {
    margin-top: .44rem;
  }

  .deve-imglist .i .tits {
    margin-top: 0.14rem;
  }
  .deve-imglist .i .img {
    width: 0.45rem;
    height: 0.45rem;
  }

  .development-items4 {
    padding-top: 1.1rem;
    padding-bottom: 1.25rem;
  }
  .development-items4 .deve-imglist {
    margin-top: 0.8rem;
  }
  .development-items4 .deve-imglist .i {
    padding: 0 0.2rem;
  }
  .development-items4 .p {
    margin-top: 0.4rem;
    width: 100%;
  }

  .development-items1 .boxs {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
  }

  .development-items2words {
    padding: 1.3rem 0.3rem 0.6rem 0.3rem;
  }
  .development-items2words .textbox {
    padding-right: 0.4rem;
  }
  .development-items2words .textbox .p {
    margin-top: 0.4rem;
    margin-bottom: 0.6rem;
  }
  .development-items2words .textbox .lftext {
    margin-bottom: 0.7rem;
  }
  .development-items2words .textbox .deve-imglist .i:nth-child(n+2) {
    margin-left: 0.4rem;
  }

  .development-items1 .numlist {
    max-width: 100%;
  }

  .ft15, .ft16 {
    font-size: .22rem;
  }

  .about-items06 {
    padding-top: 1rem;
    padding-bottom: 1.1rem;
  }

  .maps-imgs6 .words .li {
    padding-left: .3rem;
    line-height: .36rem;
  }

  .maps-imgs6 .words .tits {
    margin-bottom: .18rem;
  }

  .maps-imgs6 .words .li img {
    top: .06rem;
    width: .2rem;
    height: .2rem;
  }

  .maps-imgs6 .words {
    width: 100%;
    position: static;
    left: auto;
    top: auto;
    border-radius: 4px;
    padding: .3rem;
    margin-top: .5rem;
  }

  .recruform-lists .items .td {
    font-size: .2rem;
  }

  .people-fixed .li1 .input {
    width: 80%;
  }

  .people-fixed .li5 .input {
    width: 80%;
    position: relative;
  }
  .people-fixed .li5 .input span.jia {
    position: absolute;
    right: -.5rem;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .4rem;
  }

  .campuslist-tits {
    padding: .3rem .4rem;
    margin-bottom: .6rem;
  }
  .campuslist-tits .ullist {
    line-height: .5rem;
  }
  .campuslist-tits .ullist:nth-child(n+2) {
    margin-top: .24rem;
  }
  .campuslist-tits .ullist .ul-right {
    padding-left: 1rem;
  }
  .campuslist-tits .ullist .li {
    padding: 0 .1rem;
    font-size: .2rem;
  }
  .campuslist-tits .ullist .li:nth-child(n+2) {
    margin-left: .1rem;
  }

  .campuslist-tits .ullist .ul-left {
    font-size: .2rem;
  }

  .campuslist-bots .wen .li {
    width: 100%;
  }

  .con-banner .conban-tits .txt {
    margin-top: .2rem;
  }

  .ft16 {
    font-size: .22rem;
  }

  .pd80 {
    padding-left: .3rem;
    padding-right: .3rem;
  }

  .con-banner .conban-tits {
    line-height: 1.25;
  }

  .con-tits-titles {
    line-height: .8rem;
    height: .8rem;
  }
  .con-tits-titles .items {
    font-size: .22rem;
    padding: 0 0.3rem;
  }
  .con-tits-titles .items:after {
    height: 1px;
  }
  .con-tits-titles .items:before {
    height: .16rem;
  }

  .recruitment-lists {
    padding-top: 1.3rem;
    padding-bottom: .6rem;
  }

  .recruitment-tits .tits {
    margin-bottom: .24rem;
  }

  .recruitment-lists .lists .items img,
  .recruitment-lists .lists .items .imgs {
    width: 100%;
  }

  .recruitment-lists .lists .items .words {
    width: 100%;
    padding: .2rem;
    padding-left: .3rem;
    position: static;
    right: auto;
    top: auto;
  }

  .recruitment-lists .lists .items .words .tits {
    line-height: .35rem;
    height: .35rem;
  }

  .recruitment-lists .lists .items .words .txts {
    font-size: .2rem;
    line-height: .3rem;
    height: .3rem;
    margin-top: .15rem;
  }
  .bglist .items .words{
    padding: .25rem;
  }

  .bocweb-footer-topbox {
    height: auto;
    line-height: 1rem;
  }
  .bocweb-footer-topbox .fl-tits {
    max-width: 100%;
    width: 100%;
    line-height: 1;
    margin-bottom: .1rem;
    padding-top: .4rem;
    /*display: none;*/
  }
  .bocweb-footer-topbox .fr-tips {
    max-width: 100%;
  }

  .bocweb-footer-topbox .fr-tips a img {
    width: .3rem;
    height: auto;
    margin-right: .1rem;
  }

  .bocweb-footer-topbox .fr-tips .li {
    padding: 0 .2rem;
    width: 33.33%;
    overflow: hidden;
    height: 100%;
  }
    .bocweb-footer-topbox .fr-tips .li:nth-child(1){
      padding-left: 0;
    }
    .career-items5 .words .txts{
      max-width: 100%;
      font-size: .3rem;
      line-height: 1.5;
    }

  .career-items5 .words .txts {
    margin-top: .3rem;
  }

  .bocweb-footer-topbox .fr-tips {
    width: 100%;
  }

  .bocweb-footer-bots {
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .recruform-images.career-items5 .words {
    padding: .3rem .2rem;
    height: auto;
    top: 50%;
    max-height: 95%;
    overflow-y: auto;
    bottom: auto;
    transform: translateY(-50%);
  }

  .recruitment-form {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
  }

  .recruform-lists {
    padding-top: .88rem;
  }

  .recruform-lists .career-tits {
    margin-bottom: .44rem;
  }

  .recruform-lists .recruform-liststops, .recruform-lists .items-top, .recruform-lists .items-bots {
    padding: 0 .25rem;
  }

  .recruform-lists .items-bots {
    padding-top: .35rem;
    padding-bottom: .45rem;
  }

  .recruform-lists .td-last.td {
    width: auto;
    max-width: 40%;
  }

  .recruform-lists .items-top,
  .recruform-lists .recruform-liststops {
    line-height: .7rem;
    height: .7rem;
  }

  .recruform-lists .items-top:before {
    width: .25rem;
    height: .25rem;
    right: .4rem;
  }

  .people-fixed select {
    width: 1.2rem;
    height: .5rem;
    padding-left: .12rem;
  }
  .people-fixed .tankuang-fixed {
    width: 98%;
    padding: .3rem  .15rem;
  }
  .people-fixed .people-form {
    padding: .2rem;
  }
  .people-fixed .li {
    padding-left: 1.2rem;
    font-size: .2rem;
    line-height: .5rem;
  }
  .people-fixed .li input[type=text] {
    padding-left: .2rem;
    height: .5rem;
  }
  .people-fixed .li2 .ids:nth-child(2) {
    margin-left: .25rem;
    margin-right: .4rem;
  }
  .people-fixed .li2 .ids label:before {
    width: .16rem;
    height: .16rem;
  }
  .people-fixed .li2 label {
    padding-left: .3rem;
  }
  .people-fixed input[type=submit] {
    height: .5rem;
    width: 1.32rem;
  }
  .people-fixed .li:nth-child(n+2) {
    margin-top: .3rem;
  }
  .people-fixed .li3 .input input {
    width: 1.1rem;
  }
  .people-fixed .li3 .input .i span {
    margin-left: .14rem;
  }
  .people-fixed .li3 .input .i:nth-child(n+2) {
    margin-left: .22rem;
  }
  .people-fixed textarea {
    height: 1.35rem;
    padding: .1rem;
    padding-left: .2rem;
  }
  .people-fixed .con-boxs .tits {
    margin-bottom: .28rem;
  }
  .people-fixed .con-boxs .close {
    width: .2rem;
    height: .2rem;
  }

  .recruform-lists .li-tops {
    margin-bottom: .2rem;
  }

  .recruform-lists .items-bots .li {
    padding: .22rem 0;
  }

  .recruform-lists .items-bots .li-span {
    margin-bottom: .2rem;
  }

  .recruform-lists .apply-btn {
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
    margin-top: .3rem;
  }

  .recruform-lists .items-bots {
    font-size: .2rem;
    line-height: 1.6;
  }

  .campuslist-bots {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .campuslist-bots .items {
    min-height: auto;
  }
  .campuslist-bots .items-left, .campuslist-bots .items-right {
    padding: .5rem;
  }
  .campuslist-bots .span {
    margin-top: .22rem;
  }
  .campuslist-bots .imgs {
    width: .5rem;
    height: .5rem;
  }
  .campuslist-bots .wen {
    font-size: .2rem;
  }
  .campuslist-bots .wen .li:nth-child(1) {
    padding-right: 0rem;
  }
  .campuslist-bots .items-left .wen {
    margin-top: 0.45rem;
  }
  .campuslist-bots .items-right .wen {
    margin-top: 0.45rem;
  }

  .news-body .news-bots {
    margin-top: 0.8rem;
  }
  .news-body .news-left {
    padding-right: 0;
  }
  .news-body .news-left .items {
    padding: .45rem 0;
  }
  .news-body .news-left .items .imgs {
    width: 100%;
  }
  .news-body .news-left .items .words {
    width: 100%;
    padding: .3rem 0;
    padding-left: 0;
  }
  .news-body .news-left .items .tits {
    line-height: .35rem;
    height: .35rem;
  }
  .news-body .news-left .items .time {
    margin-top: .2rem;
    margin-bottom: .12rem;
  }
  .news-body .news-left .items .wen {
    line-height: .35rem;
    height: .7rem;
    font-size: .2rem;
  }
  .news-body .news-left .items .more {
    padding-right: .3rem;
    margin-top: 0;
    line-height: .35rem;
    height: .35rem;
    /*margin-top: .2rem;*/
  }
  .news-body .news-left .items .more:before {
    width: .15rem;
    height: .15rem;
  }
  .news-body .news-right {
    padding-left: 0;
    margin-top: -.1rem;
  }
  .news-body .news-right .tips {
    margin-bottom: .36rem;
  }
  .news-body .news-right .li {
    font-size: .26rem;
    line-height: .4rem;
    padding: .3rem .4rem;
  }
  .news-body .news-right .li .time {
    margin-top: .2rem;
  }
  .news-body .news-right .li:nth-child(n+2) {
    margin-top: .2rem;
  }
  .news-body .news-right .li .tits {
    height: .8rem;
  }

  .news-body .news-tops .items .blins {
    margin-top: .1rem;
  }

  .news-body .news-tops .items .blins:before {
    width: .5rem;
    height: .5rem;
  }

  .news-body .news-tops .items .words {
    padding: .25rem .3rem;
  }

  .news-body .news-tops .items .span {
    line-height: .45rem;
    height: .45rem;
  }

  .news-selects .select {
    margin: 0 3px;
    font-size: .2rem;
    height: .7rem;
    width: 40%;
    border-radius: 3px;
  }
  .news-selects .select input[type=submit] {
    right: .24rem;
    width: .2rem;
    height: .2rem;
    padding: 0;
  }
  .news-selects .select select {
    padding-left: .28rem;
  }
  .news-selects .select input[type=text] {
    padding-left: .3rem;
  }
  .news-selects .select input, .news-selects .select select {
    width: 100%;
    height: 100%;
  }

  .news-page {
    margin-top: .6rem;
  }

  .news-listsboxs {
    padding-top: .8rem;
    padding-bottom: 1rem;
  }

  .news-body .news-tops {
    margin-top: .8rem;
  }

  .news-details {
    padding-top: 1.55rem;
    padding-bottom: 1.1rem;
  }
  .news-details .time {
    margin-top: .3rem;
  }

  .newsdetails-tit {
    padding: 0 .5rem;
  }

  .new-detailscon {
    margin-top: .36rem;
    padding-bottom: .88rem;
  }

  .news-details-bots {
    height: .6rem;
    line-height: .6rem;
  }
  .news-details-bots .back {
    width: .5rem;
    height: .5rem;
  }
  .news-details-bots .prev, .news-details-bots .next {
    max-width: 45%;
    font-size: .2rem;
  }

  .news-fx {
    margin-bottom: 0.55rem;
  }
  .news-fx .items {
    font-size: .2rem;
    width: .36rem;
    height: .36rem;
    margin: 0 .1rem;
  }

  .newspaper-box {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .newspaper-box .newspaper-tits {
    margin-bottom: .7rem;
  }
  .newspaper-box .lists {
    padding-bottom: .26rem;
  }
  .newspaper-box .lists .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding: .25rem;
  }
  .newspaper-box .lists .items .tits {
    line-height: .36rem;
    height: .36rem;
    margin-top: .16rem;
    margin-bottom: .24rem;
  }
  .newspaper-box .lists .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .newspaper-box .lists .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .video-lists .items {
    width: 100%;
    margin-left: 0;
  }

  .v-mores {
    width: .6rem;
    height: .6rem;
    background: url(/bocstatic/web/img/zhuan.png) no-repeat center;
    background-size: 100%;
  }

  .video-lists {
    margin-top: 0.65rem;
  }
  .video-lists .v-mores {
    margin-top: .4rem;
  }
  .video-lists .items {
    border-radius: 3px;
    margin-bottom: .3rem;
  }
  .video-lists .items .words {
    bottom: 0.32rem;
    height: 0.36rem;
    line-height: 0.36rem;
    padding-left: 1.36rem;
  }
  .video-lists .items .words:before {
    width: 0.45rem;
    height: 0.35rem;
    left: 0.5rem;
  }

  .wel-more {
    font-size: .22rem;
    line-height: .6rem;
    min-width: 2rem;
    width: auto;
    height: .6rem;
    padding-left: .3rem;
    padding-right: .4rem;
    border-radius: .6rem;
  }

  .social-list-top .words {
    padding: 0.4rem 0.45rem;
    position: static;
    width: 100%;
  }
  .social-list-top .words .txts {
    /*line-height: .35rem;*/
    /*height: .7rem;*/
    margin-top: .2rem;
  }

  .social-list-bots .items {
    margin-bottom: .3rem;
  }
  .social-list-bots .items .tit {
    line-height: .48rem;
    height: .48rem;
  }
  .social-list-bots .items .words {
    padding-top: .4rem;
    padding-bottom: .1rem;
  }
  .social-list-bots .items .wen {
    line-height: .35rem;
    height: .7rem;
    margin-top: .16rem;
    margin-bottom: .3rem;
  }

  .social-lists {
    padding-top: 0.9rem;
    padding-bottom: 0.7rem;
  }
  .social-lists .social-list-bots {
    margin-top: .7rem;
  }

  .prolists {
    padding-top: 0.5rem;
    padding-bottom: .5rem;
  }
  .prolists .lists .items {
    width: 100%;
    margin-left: 0;
    margin-bottom: .4rem;
  }
  .prolists .lists .items .words {
    padding: 0 .2rem;
    line-height: .8rem;
    height: .8rem;
    background-size: .25rem .25rem;
    font-size: .24rem;
  }

  .prolists .lists .items .words .en {
    margin-top: .2rem;
  }

  .product-banner .pro-ban-text {
    bottom: 1rem;
    line-height: 1.2;
  }
  .product-banner .pro-ban-text br {
    display: none;
  }

  .product-banner .conban-tits {
    top: 1.6rem;
    /*bottom: 1.6rem;*/
  }

  .product-banner .pro-ban-text span {
    font-size: .6rem;
  }

  .prolist-lists {
    padding-top: 0.96rem;
    padding-bottom: .5rem;
  }
  .prolist-lists .lists {
    margin-top: 0.56rem;
  }
  .prolist-lists .lists .items {
    padding: .25rem;
  }
  .prolist-lists .lists .items .txts {
    margin-top: .18rem;
  }
  .prolist-lists .lists .items .p {
    line-height: .35rem;
    height: .7rem;
    margin-bottom: 0.56rem;
    margin-top: 0.36rem;
  }
  .prolist-lists .lists .items .tits {
    line-height: .4rem;
    height: .4rem;
  }

  .prolists-tits .smil {
    width: 100%;
    margin-top: .24rem;
  }

  .about-confixed .close {
    width: 0.25rem;
    height: 0.25rem;
    right: 0.24rem;
    top: 0.24rem;
  }
  .about-confixed .con-words {
    width: calc(100% - .6rem);
    padding: .4rem .35rem;
    padding-bottom: 1.28rem;
  }
  .about-confixed .con-words-left {
    padding-right: .3rem;
  }
  .about-confixed .con-words-left .imgs {
    width: 0.6rem;
    height: 0.6rem;
  }
  .about-confixed .con-words-left .p {
    line-height: 1.5;
    max-height: 3.2rem;
  }
  .about-confixed .con-words-left .tits {
    margin-top: 0.36rem;
    margin-bottom: 0.24rem;
  }

  .con-wordswens .con-words-right .span {
    width: .65rem;
  }

  .con-wordswens .con-words-right .span {
    padding-right: .28rem;
    padding-left: .6rem;
    line-height: 0.65rem;
    height: 0.65rem;
  }
  .con-wordswens .con-words-right .span:before {
    width: 0.65rem;
    height: 0.65rem;
  }

  .prolists-bottom .items {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    min-height: 3rem;
  }
  .prolists-bottom .items1 .txts {
    margin-top: 0.2rem;
    margin-bottom: 0.65rem;
  }
  .prolists-bottom .items2 .ul {
    margin-top: 0.44rem;
  }
  .prolists-bottom .items2 .ul .li {
    width: 50%;
    max-width: 50%;
    padding-right: 0;
  }
  .prolists-bottom .items2 .ul .li:nth-child(n+2) {
    margin-top: 0;
  }
  .prolists-bottom .items2 .ul .li-bot {
    line-height: 1.5;
    margin-top: 0.2rem;
  }
  .prolists-bottom .items2 .ul .li-bot .i {
    padding-left: 0.3rem;
  }
  .prolists-bottom .items2 .ul .li-bot .i img {
    width: 0.18rem;
    height: 0.18rem;
  }

  .prolist-details {
    padding-top: 1rem;
    padding-bottom: 1.6rem;
  }
  .prolist-details .imgslists {
    margin-top: 0.6rem;
  }
  .prolist-details .imgslists .i {
    width: 25%;
    min-height: 2rem;
    padding-top: 0.6rem;
    padding-bottom: 0.5rem;
  }
  .prolist-details .imgslists .span {
    margin-top: 0.12rem;
    line-height: 0.2rem;
    height: 0.2rem;
  }
  .prolist-details .imgslists .imgs {
    width: 0.7rem;
    height: 0.7rem;
  }
  .prolist-details .details-li:nth-child(n+2) {
    margin-top: 0.8rem;
  }
  .prolist-details .details-li .ul {
    margin-top: 0.4rem;
  }
  .prolist-details .details-li .prodetails-words {
    margin-top: 0.34rem;
  }
  .prolist-details .details-li table tr {
    height: 1rem;
  }
  .prolist-details .details-li table tr td {
    padding: 0 0.32rem;
  }
  .prolist-details .prolists-tits {
    margin-bottom: 0.85rem;
  }
  .prolist-details .prolists-tits .en {
    margin-top: 0.12rem;
  }
  .prolist-details .prolists-tits .smil {
    width: 100%;
  }
  .prolist-details .ul-lists {
    padding-top: 0.4rem;
    padding-bottom: 1.2rem;
  }
  .prolist-details .ul-lists .li {
    padding-right: 0;
    width: 100%;
  }
   .prolist-details .ul-lists .li:nth-child(n+2){
   	margin-top: .35rem;
   }
  .prolist-details .ul-lists .li .num {
    margin-top: 0.1rem;
  }

  .about-items01 {
    padding-top: 1.4rem;
    padding-bottom: 0.4rem;
  }
  .about-items01 .bots-imglists {
    margin-top: 1rem;
  }
  .about-items01 .top-words .words {
    width: 100%;
    padding-right: 0;
  }
  .about-items01 .top-words .words .en {
    margin-top: 0.24rem;
  }
  .about-items01 .top-words .words .wen {
    line-height: 1.5;
    /*margin-top: 0.4rem;*/
  }
  .about-items01 .top-words .list {
    width: 100%;
    margin-top: .4rem;
  }
  .about-items01 .top-words .list .li {
    width: 50%;
  }
  .about-items01 .top-words .list .li img {
    width: 0.44rem;
    height: 0.44rem;
  }
  .about-items01 .top-words .list .li:nth-child(1), .about-items01 .top-words .list .li:nth-child(3) {
    padding-right: 1rem;
  }
  .about-items01 .top-words .list .li:nth-child(1) img, .about-items01 .top-words .list .li:nth-child(3) img {
    right: 0.65rem;
  }
  .about-items01 .top-words .list .li:nth-child(1), .about-items01 .top-words .list .li:nth-child(2) {
    padding-bottom: 0.36rem;
  }
  .about-items01 .top-words .list .li:nth-child(1) img, .about-items01 .top-words .list .li:nth-child(2) img {
    top: 0;
  }
  .about-items01 .top-words .list .li:nth-child(4), .about-items01 .top-words .list .li:nth-child(2) {
    padding-left: 0.54rem;
  }
  .about-items01 .top-words .list .li:nth-child(4) img, .about-items01 .top-words .list .li:nth-child(2) img {
    right: 0;
  }
  .about-items01 .top-words .list .li:nth-child(4), .about-items01 .top-words .list .li:nth-child(3) {
    padding-top: 0.4rem;
  }
  .about-items01 .top-words .list .li:nth-child(4) img, .about-items01 .top-words .list .li:nth-child(3) img {
    top: 0.44rem;
  }
  .about-items01 .top-words .list .wen {
    line-height: 20px;
    height: 20px;
    margin-top: 0.16rem;
  }
  .about-items01 .bots-imglists .li {
    width: 100%;
    margin-left: 0;
  }
  .about-items01 .bots-imglists .li img {
    width: 100%;
  }
  .about-items01 .bots-imglists .li:nth-child(n+2) {
    margin-top: .25rem;
  }
  .about-items01 .bots-imglists .li .span {
    line-height: 0.46rem;
    height: 0.46rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }

  .about-items02 {
    padding-top: 1rem;
    padding-bottom: 0.7rem;
  }
  .about-items02 .aboutitems02-lists {
    margin-top: 0.58rem;
  }

  .abouts-wen {
    margin-top: .24rem;
  }

  .about-items03 {
    min-height: 7.6rem;
    padding-top: 0.85rem;
    padding-bottom: 0.9rem;
  }
  .about-items03 .items03-lists {
    padding: 0 0.5rem;
    margin-top: 0.7rem;
    height: 4rem;
  }
  .about-items03 .items03-lists .btnds {
    width: 0.5rem;
    height: 0.5rem;
  }
  .about-items03 .items03-lists .btnds:hover {
    border-color: #ca171d;
  }
  .about-items03 .items03-lists .swiper-container {
    padding: 4px 3px;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .about-items03 .items03-lists .swiper-slide {
    padding-left: 0.24rem;
  }
  .about-items03 .items03-lists .swiper-slide .wens {
    margin-top: 0.2rem;
  }
  .about-items03 .items03-lists .swiper-slide:before {
    /*height: calc(50% - .175*.4rem);*/
    height: 50%;
  }
  .about-items03 .items03-lists .swiper-slide:after {
    width: 5px;
    height: 5px;
    left: -2px;
  }
  .about-items03 .items03-lists .swiper-slide:nth-child(2n+1):after {
    top: -2px;
  }
  .about-items03 .items03-lists .swiper-slide:nth-child(2n+2):after {
    bottom: -2px;
  }
  .about-items03 .items03-lists .items {
    margin-top: -0.14rem;
  }

  .aboutitems02-lists .items {
    margin-bottom: 0.3rem;
  }
  .aboutitems02-lists .items .imgs {
    width: 0.6rem;
    height: 0.6rem;
  }
  .aboutitems02-lists .items .wens {
    line-height: .35rem;
    height: 1.05rem;
    margin-top: 0.24rem;
    margin-bottom: 0.32rem;
  }
  .aboutitems02-lists .items .tits {
    margin-top: 0.36rem;
  }

  .about-items04 {
    padding-top: 1.24rem;
    padding-bottom: 0.6rem;
  }
  .about-items04 .items {
    margin-bottom: 0.3rem;
  }
  .about-items04 .items .p {
    margin-top: 0.16rem;
  }

  .about-items05 {
    padding-top: 1.1rem;
    padding-bottom: 1rem;
  }
  .about-items05 .items05lists {
    margin-top: 0.4rem;
  }

  .items05lists .words {
    line-height: .4rem;
    max-height: .8rem;
    padding: 0 .4rem;
    margin-top: .16rem;
    margin-bottom: .4rem;
  }
  .items05lists .more {
    min-width: 1.45rem;
    height: .45rem;
    line-height: .45rem;
    border-radius: .45rem;
    padding-left: .3rem;
    padding-right: .5rem;
    font-size: .2rem;
  }
  .items05lists .more:before {
    width: 0.08rem;
    height: 0.08rem;
    right: 0.32rem;
  }
  .items05lists .images {
    padding: .3rem .1rem;
  }
  .items05lists .images .span {
    line-height: .3rem;
    height: .3rem;
    margin-top: .24rem;
  }
  .items05lists .images .img {
    width: 1.2rem;
    height: 1.2rem;
  }

  .career-items2 {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .career-items1 {
    padding-top: 0.64rem;
    padding-bottom: 0.7rem;
  }

  .career-items1 .words {
    padding: .7rem 0;
    padding-bottom: 2rem;
  }

  .career-items1 .words .tits {
    margin-bottom: .36rem;
  }

  .career-items1 .words .wen {
    line-height: 1.8;
  }

  .career-items2 .career-tits {
    margin-bottom: 0.58rem;
  }
}
.lightbox .lb-image{
  max-width: 100%!important;
}
@media screen and (min-width: 768px) {
  .career-items1 .imgre {
    min-height: 15.5rem;
  }

  .investor-centers .investor-images,
  .investor-tops .investor-images {
    min-height: 19.75rem;
  }

  .investor-bots {
    min-height: 12rem;
  }

  .lightbox .lb-image {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
  }

  .lb-outerContainer {
    width: 70% !important;
    height: 70% !important;
  }

  .lightbox .lb-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto !important;
  }
}
.con-banner .images {
  max-height: 100vh;
  height: 27rem;
}
.section2 .words .fr-text{
  display: none;
}



@media screen and (min-width: 1024px) {



	.career-items2 .careerlists .imgs{
		width: 46.5%;
	}
	.career-items2 .careerlists .words{
		width: 53.5%;
		position: absolute;
		height: 100%;
	}
	.career-items2 .careerlists .items{
		width: 49%;
		margin-left: 2%;
	}
	.career-items2 .careerlists .items:nth-child(4n+1){
		margin-left: 2%;
	}

	.career-items2 .careerlists .items:nth-child(2n+1){
		margin-left: 0;
	}

  .social-list-top2.on .liboxs{
    position: relative;
  }
  .social-list-top2.on .images{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  .section2 .wel-more{
    opacity: 0;
  }
  .section2 .swiper-slide-active .wel-more{
    opacity: 1;
  }
  .section2 .items .words.on{
    padding-left: 1.5rem;
  }
	.prolists .lists .items .words{
		transition:.5s ease-in-out;
	}
	.prolists .lists .items .words:hover {
	    box-shadow: 0px 5px 20px rgba(1,62,142,0.15);
      border-color:rgba(1,62,142,1);
		transition:.5s ease-in-out;
	}

  .governance-03 .images{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
  }
  .governance-03 .img-lists .words{
    position: relative;
    z-index: 2;
    
  }

  .social-list-top2 .words .li:hover .imgs img{
    transition:.5s ease-in-out;
    transform:scale3d(1.052,1.05,1);
  }

  /*.bocweb-header.fixed{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background:#fff;
  }*/
  .about-items04s .li{
    transition:.5s ease-in-out;
  }
  .about-items04s .li:hover{
    transition:.5s ease-in-out;
    background-color:#00448a;
    color:#fff;
  }
  .about-items04s .li img,
  .about-items04s .li:hover img{
    transition:.5s ease-in-out;
  }
  .about-items04s .li:hover .i0{
    opacity: 0;
  }

  .about-items04s .li:hover .i1{
    opacity: 1;
  }
  .careerlists .words{
    padding: .7rem;
  }
  .careerlists .tits{
    margin-bottom: .5rem;
  }
  .governance-02 .careerlists .words {
    padding-top: 1rem;

  }
  .con-banner .fixed-bottoms{
    bottom: 0;
    padding: 0;
  }
   .con-banner  .fixed-bottoms .fx-left{
  }
  .governance-02 .careerlists .words .text16{
    font-size: .4rem;
    line-height: 1.5;
  }
  .governance-03 .img-lists .txts{
    font-size: .4rem;
    line-height: 1.5;
  }
  .section2 .swiper-button-btn.swiper-button-prev{
        right: 23%;
        margin-right: -.8125rem;
        display: block;
        /*transform: translateY(-1.5rem);*/
  }
  .section2 .swiper-button-btn.swiper-button-next{
        /*transform: translateY(1.5rem);*/
  }

  .section2 .btns .swiper-button-btn{
    top: auto;
    left: auto;
    right: 5.5rem;
    bottom: 4.5rem;
  }
  .section2 .swiper-button-btn.swiper-button-prev{
    display: block;
        transform: translateX(-2.5rem);
  }
  .section2 .swiper-button-btn.swiper-button-next{
    right: 5.5rem;
  }

	.prolist-lists .lists .items:hover{
		background: #ca171d;
		color:#fff;
		transition:.5s ease-in-out;
	}
	.prolist-lists .lists .items{
		transition:.5s ease-in-out;
	}

	.prolist-lists .lists .items:hover .txts,
	.prolist-lists .lists .items:hover .tits{
			color:#fff;
			transition:.5s ease-in-out;
	}
	.prolist-lists .lists .items .txts,
	.prolist-lists .lists .items .tits{
			transition:.5s ease-in-out;
	}
	.section2 .swiper-button-btn{
		right: 23%;
    margin-right: -.8125rem;
	}
  .prolist-lists .lists .items:hover .wel-more {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
    color: #fff;
  }
  .prolist-lists .lists .items:hover .wel-more:before {
    background: url(/bocstatic/web/img/play2.png) no-repeat center;
    background-size: 100%;
  }

  .recruitment-lists .lists .items {
    transition: .5s ease-in-out;
  }
  .recruitment-lists .lists .items img {
    transition: .5s ease-in-out;
  }
  .recruitment-lists .lists .items .imgs {
    overflow: hidden;
  }
  .recruitment-lists .lists .items .tits {
    transition: .5s ease-in-out;
  }
  .recruitment-lists .lists .items:hover {
    transition: .5s ease-in-out;
    background: #003e8d;
    color: #fff;
  }
  .recruitment-lists .lists .items:hover .tits {
    transition: .5s ease-in-out;
    color: #fff;
  }
  .recruitment-lists .lists .items:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }

  .banner .swiper-slide .images {
    transition: 6.5s ease-in-out;
    transform: scale3d(1.1, 1.1, 1);
  }

  .banner .swiper-slide-active .images {
    transition: 6.5s ease-in-out;
    transform: scale3d(1, 1, 1);
  }

  .banner .buts .swiper-button-prev, .banner .buts .swiper-button-next {
    transition: .5s ease-in-out;
  }
  .banner .buts .swiper-button-prev:hover, .banner .buts .swiper-button-next:hover {
    background-color: transparent;
    border-color: #fff;
  }

  .fixed-bottoms .items:hover {
    color: #ca171d;
    transition: .5s ease-in-out;
  }

  .fixed-bottoms .items:hover span:before,
  .fixed-bottoms .a-home:hover:before {
    opacity: 1;
    transition: .5s ease-in-out;
  }

  .section4box .li {
    padding-bottom: 0;
    transition: .5s ease-in-out;
  }
  .section4box .tboxs {
    height: calc(4.1rem + 50px);
    /*height: calc(7.1rem + 50px);*/
    transform: translatey(100%);
    -ms-transform: translatey(100%);
    /* IE 9 */
    -moz-transform: translatey(100%);
    /* Firefox */
    -webkit-transform: translatey(100%);
    /* Safari  Chrome */
    -o-transform: translatey(100%);
    /* Opera */
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    transition: .5s ease-in-out;
  }
  .section4box .libox:hover .li {
    padding-bottom: calc(4.1rem + 50px);
    /*padding-bottom: calc(7.1rem + 50px);*/
    transition: .5s ease-in-out;
  }
  .section4box .libox:hover .li .tboxs {
    opacity: 1;
    transform: translatey(0);
    -ms-transform: translatey(0);
    /* IE 9 */
    -moz-transform: translatey(0);
    /* Firefox */
    -webkit-transform: translatey(0);
    /* Safari  Chrome */
    -o-transform: translatey(0);
    /* Opera */
    transition: .5s ease-in-out;
  }
}

/*# sourceMappingURL=style.css.map */
.about-items03.acty,
.about-items03.acty .items03-lists{
  padding: 0;
  margin:0;
  height: auto;
  min-height: auto;
  position: static;
}
.about-items03.acty .items03-lists .swiper-button-prev,
.about-items03.acty .items03-lists .swiper-button-next{
  background-color:#ca171d;
}

/**/
.careerlists .imgs,
.careerlists .words{
  position: static;
  width: 100%;
}
.governance-tit .abouts-wen,
.development-items2 .words .abouts-wen,
.development-items4 .abouts-wen,
.development-items2 .words .words-bots .textbox .abouts-wen,
.development-items1 .tits-box .abouts-wen,
.prolist-details .prolists-tits .en,
.prolist-lists .lists .items .txts,
.prolists .lists .items .words .en,
.about-items06 .abouts-wen,
.about-items05 .abouts-wen,
.about-items03 .abouts-wen,
.about-items01 .top-words .words .abouts-wen,
.con-banner .conban-tits .txt,
.wel-news-tits .en,
.section3 .en,
.banner .items .words .en,
.governance-02 .careerlists .words .text16,
.governance-01 .career3-itemsbox .text15{
  display: none;
}
.news-body .news-left .items .wen,
.news-body .news-right{
  display: none;
}
.prolists .lists .items .imgs{
	display: none;
}
.prolists .lists .items .words{
	position: static;
	color:#333;
}
.white-body .m-header .welcome-a .i1,
.white-body .bocweb-header .bocweb-logo .i1{
	opacity: 0!important;
}
.white-body .m-header .welcome-a .i0,
.white-body .bocweb-header .bocweb-logo .i0{
	opacity: 1!important;
}
.imglists-videos{
	position: relative;
	cursor: pointer;
}
.imglists-videos:before{
	position:absolute;
	content:"";
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background:url(/bocstatic/web/img/jpg/video-btn.png) no-repeat center;
	background-size: 100%;
}
@media screen and (max-width: 767px){
	.imglists-videos:before{
		width: .6rem;
		height: .6rem;
	}
  .governance2 .career3-itemsbox .items .imgs{
    padding: 0 .2rem;
  }
  .career3-itemsbox .items .words .tits img{
    width: .36rem;
    height: .36rem;
  }
  .governance2 .governance-02 .careerlists .items{
    width: 50%;
    margin-bottom: 0;
  }
  .governance2 .governance-01 .career3-itemsbox .items{
    width: 100%;
    margin-bottom: .2rem;
  }
  .governance2 .governance-01 .career3-itemsbox .items .words{
    padding-top: .3rem;
  }

}



/**/

.about-newadd-table{
  padding-top: .8rem;
  padding-bottom: 1.2rem;

}

.about-newadd-table .list{
  width: 49%;
}

.about-newadd-table .list table{
  width: 100%;
}

.about-newadd-table tbody td{
  line-height: 1.5;
  height: 1.5rem;
  padding: 0 .2rem;
  text-align: center;
  border:1px solid #e1e1e1;
  color: #666;

}
.about-newadd-table thead th{
  border:1px solid #e1e1e1;
}
.about-newadd-table thead tr{
  color: #010101;
  line-height: 1.5rem;
  height: 1.5rem;
}
.about-newadd-table thead,
.about-newadd-table tbody tr:nth-child(2n+2){
  background: #f5f5f5;
}

.td-login .items{
  color: #3c4898;
  text-decoration: underline;
}

.td-login a:hover{
  color: #ca171d;
}

.about-newadd-bottom{
  padding-top: 2.25rem;
  padding-bottom: 2rem;
  color: #fff;
}
.about-newadd-bottom .abouts-tits{
  color: #fff;
}

.bt-list{
  text-align: center;
  font-size: 0;
  margin-top: 1.1rem;
  margin-bottom: 1.25rem;
}

.bt-list .btn{
  display: inline-block;
  vertical-align: top;
  width: 3.65rem;
  height: 1.125rem;
  line-height: 1.125rem;
  border-radius: 1.125rem;
  background: #313945;
  border:1px solid #646d78;
  margin:0 4px;
  box-sizing:content-box;
  transition:.5s ease-in-out;
  cursor: pointer;
}

.bt-list .btn.active{
  background: #ca171d;
  border-color: #ca171d;
  transition:.5s ease-in-out;
}
.ab-form-list{
  max-width: 85%;
  margin:0 auto;
  width: 1480px;
}

.ab-form-list .ul{
  font-size: 0;

}
.ab-form-list .ul input{
  width: 100%;
  height: 100%;
}
.ab-form-list .ul:nth-child(n+2){
  margin-top: .55rem;
}

  .ab-form-list .ul .li{
      display: inline-block;
      vertical-align: top;
      line-height: 1.75rem;
      height: 1.75rem;
      border:1px solid rgba(255,255,255,.3);
      width: 32.5%;
      margin-left: 1.25%;
      position: relative;
      padding-left: 3.4rem;
  }
  .ab-form-list .ul .li .span span{
    text-align-last:justify;
    display: block;
  }
  .ab-form-list .ul .input  img{
    position: absolute;
    right: .25rem;
    height: 85%;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
  }
  .ab-form-list .ul  .input{
    height: 100%;
  }
   .ab-form-list .ul .li .span{
    position: absolute;
    left: 0;
    top: 0;
    width: 3.4rem;
    padding-left: 1.2rem;
    padding-right: .35rem;
   }
  .ab-form-list .ul .li:nth-child(3n+1){
    margin-left: 0;
  }
   .ab-form-list .ul .li .span img{
    position: absolute;
    left: .45rem;
    width: .65rem;
    top: .0;
    bottom: 0;
    margin: auto;

  }
  .submit-btn-h{
    margin-top: 1.375rem;
  }
  .submit-btn-h input{
    display: block;
    margin:0 auto;
    height: 1.125rem;
    border-radius: 1.125rem;
    width: 3.7rem;
    color: #fff;
    background:#ca171d;
    transition:.5s ease-in-out;

  }
  .ab-form-list .ul .li.li1{
    width: 66.25%;
  }
@media screen and (min-width: 1024px){
  .bt-list .btn:hover{
    background: #ca171d;
    border-color: #ca171d;
    transition:.5s ease-in-out;
  }

  .submit-btn-h input:hover{
    transition:.5s ease-in-out;
    transform:translateY(-10px);


  }


}

@media screen and (max-width: 1023px){

  .ab-form-list .ul .li{
    width: 100%!important;
    margin-left: 0;
  }

  .ab-form-list .ul .li:nth-child(n+2){
    margin-top: 2%;
  }
  .about-newadd-table .list{
    width: 100%;
    display: block;
  }
  .about-newadd-table .list:nth-child(n+2){
    margin-top: 2%;
  }

}



@media screen and (max-width: 767px){
  .about-newadd-table .list{
    overflow-x:auto;
  }
  .about-newadd-table .list table{
    width: 200%;
  }

    .about-newadd-table{
      padding-top: .32rem;
      padding-bottom: .48rem;
    }

    .about-newadd-table .list{
      width: 100%;
    }



    .about-newadd-table tbody td{
      height: .6rem;
      padding: 0 .08rem;

    }

    .about-newadd-table thead tr{
      line-height: .6rem;
      height: .6rem;
    }





    .about-newadd-bottom{
      padding-top: .9rem;
      padding-bottom: .8rem;
    }

    .bt-list{
      margin-top: .44rem;
      margin-bottom: .45rem;
    }

    .bt-list .btn{
      width: 1.48rem;
      height: .45rem;
      line-height: .45rem;
      border-radius: .45rem;
      margin:0 3px;
    }

    .ab-form-list{
      max-width: 95%;
      width: 100%;
    }



    .ab-form-list .ul:nth-child(n+2){
      margin-top: 2%;
    }

      .ab-form-list .ul .li{
          line-height: .7rem;
          height: .7rem;
          padding-left: 1.36rem;
      }

      .ab-form-list .ul .input  img{
        right: .1rem;
        height: 80%;
      }

       .ab-form-list .ul .li .span{
        width: 1.46rem;
        padding-left: .48rem;
        padding-right: .14rem;
       }

       .ab-form-list .ul .li .span img{
        left: .18rem;
        width: .26rem;

      }
      .submit-btn-h{
        margin-top: .5rem;
      }
      .submit-btn-h input{
        height: .45rem;
        border-radius: .45rem;
        width: 1.6rem;

      }


}<!--0.00031399726867676-->