@charset "utf-8";
  .ct{
    position: absolute;
    width: 1260px;
    height: 609px;
    left:calc(50% - 1260px/2);
    top: 348px;
  } 
  body{
    margin: 0;
    padding: 0;
  }
/* 一条衡杆 */
  .ct1{
    position: absolute;
    width: 53px;
    height: 4px;
    left: calc(50% - 53px/2 + 0.5px);
    background: #141414;
  }
  /* 圆圈 */
  #rd{
    position: absolute;
    width: 50px;
    height: 50px;
    left: calc(50% - 49.22px/2 - 29.53px);
    top: 778px;
    border-radius: 50px;
    border: 2px solid #F3F3F3;
    box-sizing: border-box;
  }
  #rd2{
    position: absolute;
    width: 50px;
    height: 50px;
    left: calc(50% - 49.22px/2 + 29.53px);
    top: 778px;
    border-radius: 50px;
    background: #141414;
  }
  #cs{
    position: absolute;
    width: 200px;
    height: 40px;
    left:calc(50% - 200px/2 );
    bottom: 0;
    border-radius: 4px;
    border: 1px solid #141414;
    box-sizing: border-box;
  }
  #cs:hover{
      background: #0457D4; 
  }
.ct-module{
  position: absolute;
  width: 242px;
  height: 114px;
  left: 99px;
  background: #FFFFFF;
}
.web-icon{
  position: absolute;
  z-index: 20;
}
.module-bc{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
#ct-case{
  position: absolute;
  width: 221px;
  height: 56px;
  left: 902px;
  top: 436px;
  background: #FFFFFF;
  border-radius: 4px;
  
}
#ct-case:hover{
  background:#0457D4 ;
}

.ct-font{
    position: absolute;
    opacity: 1;
    top: 127px;
    right: 110px;
    height: 189px;
    width: 250px;
}
 .my-case{
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  top: 223px;
  left: calc(50% - 1120px/2);
  height: 720px;
  width:  1120px;
  
}

.full-screen{
  position: absolute;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}

.div0-bc{
  height: 360px;
  width: 560px;
  opacity: 0;
}
.div0{  
  height: 360px;
  width: 560px;
  overflow: hidden;
 }
 .div0 img{
   width: 100%;
   height: 100%;
 
 }
 .div0-bc div:nth-child(1){
  margin-top: 260px;
  margin-left: 50px;
  font-family: Source Han Sans CN;
  font-style: normal;
  font-weight: normal;
  font-size: 33px;
  line-height: 22px;
  color: #FFFFFF;
 }
 .div0-bc div:nth-child(2){
   margin-top: 30px;
   margin-left: 50px;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 12px;
   letter-spacing: 5px;
   text-transform: uppercase;
   color: #FFFFFF;
 }
 .div0-bc img{  
   margin-top: -70px;
   margin-left: 500px;
   width: 12.5px;
   height: 20px;
}
 /*
.my-case div{
   position: absolute;
   height: 360px;
   width: 560px;
   transition: all 0.5s;
   z-index: 100;
} 
.my-case div:hover{
 cursor: crosshair;
 transform: scale(1.12);
 z-index: 0;
}
.my-case div img{
 height: 360px;
 width: 560px;
}

.my-case div:nth-child(2){
  right: 0;
}
.my-case div:nth-child(2):hover{
 right: 0;
}
.my-case div:nth-child(3){
  bottom: 0;
}
.my-case div:nth-child(4){
  bottom: 0;
  right: 0;
}

.one-dim{
  width: 100%;
  height: 100%;
  z-index: 100; 
  position: absolute;
  background: #141414;
  opacity: 0.7;
}
.one-dim div{
  position: absolute;
  top: ;
}
 */