.clearfix {	  clear: both;	}
.aboutB-f{width: 100%; height: auto; line-height: 42px;}
.aboutB-f .t{ line-height: 70px;}

.clearfix:after {	clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}
.aboutB-b .c-menu {  position: relative;  height: 700px; margin-left:360px;  width: 400px;  overflow: hidden; }
.aboutB-b .img-box, .hide {  position: absolute; left: 0px; border-radius: 50%; top: 55px;  width: 590px;  height: 590px;  opacity: 1;  transition: opacity, 2s;}
.aboutB-b .hide {  opacity: 0;  transition: opacity, .5s;}
.aboutB-b .items-list {  position: absolute;  left: -400px; top: 0px; width: 700px;  height: 700px;  border: 1px solid rgba(255,255,255,0.15);  border-radius: 50%; }
.aboutB-b .item { opacity: 0.5; position: absolute;  width: 600px;  padding-left: 25px;  font-size: 18px;  transition: font-size 1s;  text-align: left;  cursor: pointer;}
.aboutB-b .item a { position: relative; }
.aboutB-b .item:nth-child(4) {  font-size: 28px;  margin-top: -4px;  transition: font-size .5s; opacity: 1; }
.aboutB-b .item a:before {  content: "";  position: absolute;  width: 20px;  height: 20px;  background:url(../image/aboutb-2.png) no-repeat center; left: -25px;  top:50%; margin-top:-10px; }
.aboutB-b .item:nth-child(4):before {  top: 10px;}.item a {  color: #dae6ef;  transition: color 0.5s;}
.aboutB-b .item a:hover {  color: white;  transition: color 0.5s;}
.aboutB-b .item:nth-child(2), .aboutB-b .item:nth-child(3),.aboutB-b  .item:nth-child(11),.aboutB-b  .item:nth-child(12) {  opacity: 0.7;}
.aboutB-b .btns { z-index: 10; position: absolute;  width: 20px;  height: 20px;  cursor: pointer;  left: 60px;  font-size: 20pt; color: #dae6ef; -webkit-transform: scale(3, 1);transform: scale(3, 1);-webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;}
.aboutB-b .btns:hover {  color: white;  transition: color 0.5s;}
.aboutB-b .prev {  top: 110px;}
.aboutB-b .next {  bottom: 120px;}

.aboutB { padding:122px 0 110px;  }
.aboutB-a { max-width: 1600px; margin: 0 auto; }
.aboutB-b { margin-top:0px; }

.aboutB-b { float: left; position: relative; margin-top: 80px; }
.aboutB-d { padding-top:60px; }
.aboutB-e .t { font-size: 40px;color:#fff; }
.aboutB-g { height: 260px; margin-top:20px; overflow-y: scroll; }
.aboutB-e .c { text-align: justify; width: 80%; font-size: 16px;color:#fff;opacity: 0.8; }
.aboutB-e .c p{ padding: 0; margin: 0;}
.aboutB-g{
/*滚动条滑块按钮的颜色*/
scrollbar-face-color: rgba(255,255,255,0.2);
/*滚动条整体颜色*/
scrollbar-highlight-color: #fff;
/*滚动条轨道颜色*/
scrollbar-track-color: rgba(255,255,255,0.2);
}
/*滚动条整体部分,必须要设置*/
.aboutB-g::-webkit-scrollbar{
    background-color: rgba(255,255,255,0.2); width:5px; height:10px;
}
/*滚动条的轨道*/
.aboutB-g::-webkit-scrollbar-track{
    background-color: rgba(255,255,255,0.2); border-radius: 10px;
}
/*滚动条的滑块按钮*/
.aboutB-g::-webkit-scrollbar-thumb{
    border-radius: 10px; background-color: #fff;
}
.aboutB-c .next,.aboutB-c .prev { border-radius: 5px; cursor: pointer; opacity: 1; padding: 0px;  color:#fff; line-height: 60px; width: 60px;height: 60px; text-align: center; position: absolute; bottom:0; }
.aboutB-c .prev { left:80px; }
.aboutB-c .next { left:0px; }
.aboutB-c .prev:hover,
.aboutB-c .next:hover{background-color: #fff; color: #00A5A9;}
.aboutB-c { padding-bottom:120px; position: relative; float: right;width: 52.9%; }

.aboutB-b .c-menu { height: 542px; margin-left:320px;  width: 330px;  overflow: hidden; }
.aboutB-b .img-box, .hide {  top: 50px;  width: 454px;  height: 454px;  opacity: 1;  transition: opacity, 2s; }
.aboutB-b .img-box {background-size:vover; }
.aboutB-b .items-list { left: -350px; width: 542px;  height: 542px; }
.aboutB-b .item { width: 600px;  padding-left: 25px;  font-size: 18px;  transition: font-size 1s;  text-align: left;  cursor: pointer;}

@media ( max-width : 1440px){

    .aboutB-c { width: 46.5%; }

}