.content-b2 {
  margin: 0;
  padding: 0;
  background: #f8f8f8;
  padding-bottom:96px;
  position: relative;
}
.content-b2 .img-tip{
      position: absolute;
    bottom: 64px;
    transform: translateX(-50%);
    left: 50%;
    max-width: 1280px;
	word-break: break-word;
	opacity: 0.5;
   font-size: 12px;
   color: #000000;
   text-align: center;
}
@media screen and (max-width: 720px) {
.content-c1 .img-tip{
     display:none;
}
}
.content-b2 .container {
  max-width: 1280px;
  padding: 120px 0 0;
  margin: 0 auto;
}
.content-b2 #containerb2{
 width:1280px;
 height:640px;
}
  .content-b2 .contentImgBox1{
  width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
@media screen and (max-width: 720px) {
.content-b2 #containerb2{
 width:100%;
 height:auto;
}
  .content-b2 .contentImgBox1{
  width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
}
.content-b2 .video-mantle{
 background-color: rgba(0,0,0,0.6);
 width:100vw;
 height:100vh;
  position: fixed;
    left: 0;
    top: 0;
  z-index: 1100;
  display:none;
   transition:display 250ms cubic-bezier(.33, 0, .67, .1);
}
@media screen and (max-width: 720px) {
  .content-b2 .container {
    width: 100%;
    box-sizing: border-box;
    padding: 64px 0 0 0  !important;
  }
}
.content-b2 .container h2 {
  margin: 0 0 32px;
  font-size: 48px;
  color: #000000;
  letter-spacing: 0;
  line-height: 64px;
  word-break: break-word;
}
@media screen and (max-width: 720px) {
  .content-b2 .container h2 {
    font-size: 32px;
    letter-spacing: 0;
    line-height: 43px;
    margin-bottom: 32px;
    padding: 0 24px;
  }
}
.content-b2 .container .desc {
  max-width: 1064px;
  margin-bottom: 32px;
  color: #000000;
  letter-spacing: 0;
}
@media screen and (max-width: 720px) {
  .content-b2 .container .desc {
  word-break: break-word;
    margin-bottom: 32px;
    padding: 0 24px;
  }
}
.content-b2 .container .button-group {
  display: flex;
  flex-wrap: wrap;
}
.content-b2 .container .button-group a{
font-size:16px;
}
.content-b2 .container .button-group .button-1 {
  margin-bottom: 64px;
  background: #000000;
  line-height: 48px;
  padding: 0 32px;
  border-radius: 24px;
  margin-right: 32px;
  text-decoration: none;
  color: #ffffff;
}
@media screen and (max-width: 720px) {
  .content-b2 .container .button-group .button-1 {
  padding: 0 20px;
    font-size: 12px;
    line-height: 36px;
    border-radius: 18px;
    margin: 0 16px 32px 16px;
  }
}
.content-b2 .container .button-group .button-2 {
  margin-bottom: 64px;
  border: 1px solid rgba(0,0,0,0.3);
  line-height: 46px;
  padding: 0 32px;
  border-radius: 24px;
  color: #ffffff;  
  margin-right: 32px;
  text-decoration: none;
  color: #000000;
}
@media screen and (max-width: 720px) {
  .content-b2 .container .button-group .button-2 {
  padding: 0 20px;
    font-size: 12px;
    line-height: 36px;
    border-radius: 18px;
    margin: 0 16px 32px 16px;
  }
}
.content-b2  .main {
overflow:hidden;
position:relative;
  width: 1280px;
  clear: both;
  margin: auto;
  display:flex;
  justify-content:center;
  align-items:center;
}
@media screen and (max-width: 720px) {
  .content-b2  .main {
  width:100%;
    height: auto;
  }
}
.content-b2  .main img {
	width:100%;
}
@media screen and (max-width: 720px) {
.content-b2  .main img {
margin:auto;
	width: calc(100% - 48px);
	height:unset;
}
}
.content-b2  .videoPlayBox {
  position: absolute;
  z-index:-1;
  left: 50%;
  top: 50%;
  display: flex;
    justify-content: center;
  overflow: hidden;
  transform : translate(-50%,-50%) scale(0.94);
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
@media screen and (max-width: 720px) {
.content-b2  .videoPlayBox {
    left: unset;
    top: unset;
	transform: translateY(-50%) scale(0);
    width: 100%;
    overflow: hidden;
}
}
.content-b2 .showVideo{
     position: fixed !important;
width:1280px!important;
height:640px!important;
  transform : translate(-50%,-50%) scale(1) !important;
    z-index: 9999999 !important;
	transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
@media screen and (max-width: 720px) {
.content-b2 .showVideo{
height: 100vh!important;
	width:unset!important;
    position: fixed !important;
    top: 50% !important;
    left: unset !important;
    transform:  translateY(-50%)  scale(1) !important;
    z-index: 9999999 !important;
}
}
@media screen and (max-width: 720px) {
.content-b2  {
	padding-bottom:64px;
}
}
.content-b2  video {
  width:100%;
  height:100%;
}
@media screen and (max-width: 720px) {
.content-b2  video {
     object-fit: contain;
 z-index: -1;
}
}
.content-b2    .vidoeicon-list{
padding:24px;
    position: absolute;
    right: 0;
	z-index:2;
	display:flex;
	flex-direction:row;
}
@media screen and (max-width: 720px) {
.content-b2    .vidoeicon-list img{
width:32px;
height:32px;
	cursor:pointer;
}
.content-b2    .vidoeicon-list img:first-child{
display:block;
}
}
.content-b2    .vidoeicon-list img{
width:88px;
height:88px;
	cursor:pointer;
}
.content-b2   .vidoeicon-list img:first-child{
display:none;
}
@media screen and (max-width: 720px) {
.content-b2    .vidoeicon-list img{
width:32px;
height:32px;
	cursor:pointer;
}
.content-b2    .vidoeicon-list img:first-child{
display:block;
}
}
.content-b2 .videoIcon {
    cursor: pointer;
    width: 88px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

 .content-b2   .videoIcon_regular {
  display: block;
}
.content-b2   .videoIcon_hover {
  display: none;
}
.content-b2  #videoIcon{
	border-radius: 50%;
	transition:all 350ms cubic-bezier(.33, 0, .67, .1);
}
.content-b2  #videoIcon:hover{
	transform : translate(-50%,-50%) scale(1.1) ;
	background-color:black;
}
.content-b2 .rotate{
transform : translateY(-50%)  scale(1) rotate(-90deg) !important;
}
.content-b2 .rotate video{
    height: 100vw;
    width: 100vh;
}