.middletext .topbox {
  background-color: #000;
}
.videotext {
  top: 30%;
  text-align: center;
  left: 0;
  right: 0;
}
.videotext .text {
  margin: 0 auto;
  padding: 12px 0;
  color: #fff;
  text-shadow: 2px 1px 2px #000;
}
.videotext-phone {
  top: 20%;
  text-align: center;
  left: 0;
  right: 0;
}
.videotext-phone .text {
  margin: 0 auto;
  padding: 12px 0;
  color: #fff;
  text-shadow: 2px 1px 2px #000;
}
.descript .text {
  letter-spacing: 3px;
}
.descript .line {
  margin: 0 auto;
  width: 91px;
  height: 7px;
  background-color: #000;
}
.descript .linephone {
  margin: 0 auto;
  width: 50px;
  height: 3px;
  background-color: #000;
}
.professionbox .imgbg {
  margin-top: -21%;
  z-index: -1;
}
.swiper-container .title {
  margin: 0 auto;
  border-radius: 30px;
  border: 2px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #33ffff, #008ace);
  display: inline-block;
  padding: 3px 25px;
}
.swiper-container .title:hover {
  background-image: url('/limg/aboutus/aboutbuttonbg.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
.swiper-container .imglist {
  border-radius: 25px;
}
.swiper-button-prev {
  background-image: url('/limg/service/left.png');
  width: 44px;
  background-size: 44px 44px;
  left: -30px;
}
.swiper-button-next {
  background-image: url('/limg/service/right.png');
  width: 44px;
  background-size: 44px 44px;
  right: -30px;
}
.swiper-button-disabled {
  opacity: 0.001 !important;
}
.servicebottom {
  background-image: url('/limg/service/bottombg.png');
  background-repeat: no-repeat;
  background-size: 1920px 393px;
  background-position: center center;
  height: 393px;
}
.servicebottom .container {
  height: 100%;
}
.servicebottom .container .row {
  height: 100%;
}
.servicebottom .companyname {
  border: 1px solid #fff;
  padding: 15px 70px;
}
.servicebottomphone .lianxi {
  background-image: url('/limg/service/bottomrightbg.png');
  background-repeat: no-repeat;
  background-size: 962px auto;
  background-position: center center;
  height: 180px;
}
.servicebottomphone .companybox {
  height: 180px;
  background-image: linear-gradient(to right, #0dffff, #008ace);
}
.servicebottomphone .companyname {
  border: 1px solid #fff;
  padding: 10px 40px;
}
.yixuedonghua .topbox {
  background-color: #000;
}
.yixuedonghua .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
.yixuedonghua .middle {
  background-image: url('/limg/service/yixuedonghua/middle.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 216px;
  height: 216px;
}
.yixuedonghua .middle .middlebg {
  background-color: rgba(0, 0, 0, 0.5);
}
.yixuedonghua .middle .content {
  height: 216px;
}
.shipinzhizuo .topbox {
  background-color: #000;
}
.shipinzhizuo .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
.pingmiansheji .topbox {
  background-color: #000;
}
.pingmiansheji .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
.yixuechahua .topbox {
  background-color: #000;
}
.yixuechahua .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
.duomeiti .topbox {
  background-color: #000;
}
.duomeiti .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
.duomeiti .middle {
  background-image: url('/limg/service/duomeiti/middle.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 216px;
  height: 216px;
}
.duomeiti .middle .middlebg {
  background-color: rgba(0, 0, 0, 0.5);
}
.duomeiti .middle .content {
  height: 216px;
}
.gongzhonghao .topbox {
  background-color: #000;
}
.gongzhonghao .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
.gongzhonghao .middle {
  background-image: url('/limg/service/gongzhonghao/middle.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 216px;
  height: 216px;
}
.gongzhonghao .middle .middlebg {
  background-color: rgba(0, 0, 0, 0.5);
}
.gongzhonghao .middle .content {
  height: 216px;
}
.zhanguan .topbox {
  background-color: #000;
}
.zhanguan .listtitle {
  letter-spacing: 20px;
  font-weight: bold;
}
/*手机端渐变边框*/
.jb-btn1 {
  margin: 0 auto;
  border-radius: 30px;
  border: 2px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #33ffff, #008ace);
  display: inline-block;
  padding: 3px 25px;
}
/*弹出框*/
.lh-dailog {
  position: fixed;
  z-index: 3000;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  top: 50%;
}
.lh-dailog-shadow {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2999;
  animation: bgChange linear .35s;
}
.lh-tips {
  color: #fff;
  text-align: center;
  animation: close linear 2s;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 10px;
  width: 100%;
  z-index: 3000;
}
.lh-dailog-info img {
  height: 100%;
  margin: auto;
}
.lh-dailog-info {
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lh-dailog-btn {
  position: absolute;
  width: 100%;
  z-index: 200;
  height: 48px;
  left: 0;
  top: 50%;
  margin-top: -24px;
}
.workVideo {
  height: 100%;
}
@keyframes close {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgChange {
  0% {
    background: #fff;
    opacity: 0;
  }
  100% {
    background: rgba(0, 0, 0, 0.9);
    opacity: 1;
  }
}
.lh-dailog.on {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  animation: zoom linear .65s;
}
@keyframes zoom {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.lh-dailog-text {
  color: #2e2e2e;
  font-size: 16px;
  margin-top: 10px;
  display: none;
}
.lh-dailog-text span i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.lh-dailog-btn a {
  display: block;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  text-align: center;
  line-height: 48px;
  font-size: 22px;
}
.lh-dailog-btn a:hover {
  background: #08B0CC;
}
.lh-dailog-btn a.prev {
  left: 20px;
}
.lh-dailog-btn a.next {
  right: 20px;
}
.lh-close {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #0dffff;
  color: #0dffff;
  border-radius: 50%;
  position: absolute;
  right: -36px;
  top: 0;
}
.lh-close:hover {
  color: #fff;
  border-color: #fff;
}
.lh-close i {
  font-size: 24px;
}
.video_box {
  width: 1188px;
  height: 530px;
  overflow: hidden;
  position: relative;
}
body.on {
  width: 100%;
  overflow: hidden;
}
.video_v {
  position: relative;
  background: #242424;
}
.video_v.active {
  width: 100%;
}
.video_v.on {
  position: fixed;
  width: 100%;
  height: 100%;
}
.video_v.on #video {
  width: 100%;
  height: 95%;
}
#video {
  height: 95%;
}
.videoBtn {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background: #242424;
}
.progressBar {
  width: 100%;
  height: 5px;
  background: #434343;
  border-top: 1px solid #595959;
  border-bottom: 1px solid #595959;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}
.timeBar {
  width: 0px;
  height: 100%;
  background: #9C9C9C;
  border-radius: 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  cursor: pointer;
}
.timeBarBtn {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 100%;
  z-index: 2;
  position: absolute;
  left: 0px;
  top: -4px;
  cursor: pointer;
}
.bufferBar {
  width: 0px;
  height: 100%;
  background: #5A5A5A;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 20px;
}
.videoBtn_fun {
  height: 45px;
  position: relative;
  width: 100%;
  line-height: 45px;
}
.btn_l {
  float: left;
}
.btn_r {
  float: right;
}
.videoBtn_fun a {
  float: left;
  display: block;
  width: 45px;
  height: 45px;
  position: relative;
  border-right: 1px solid #313131;
}
.videoBtn_fun i {
  background: url(/limg/case/video_icon.png) no-repeat left top;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 14px;
  top: 10px;
}
#prev i {
  background-position: left -74px;
}
#play {
  border-left: 1px solid #000;
}
#play.on i {
  background-position: left -27px;
}
#next {
  border-left: 1px solid #000;
}
#next i {
  background-position: left -52px;
}
#time {
  float: left;
  margin-left: 20px;
}
#time .curtime {
  color: #fff;
  margin-right: 2px;
}
#time .endtime {
  margin-left: 2px;
}
#volume {
  position: relative;
  float: left;
  border-right: 1px solid #313131;
  border-left: 1px solid #000;
  top: 0px;
  cursor: pointer;
  width: 45px;
  height: 45px;
}
#volume i {
  background-position: left -96px;
  height: 22px;
}
#volume.on i {
  background-position: left -116px;
  height: 18px;
  top: 14px;
}
#fullScreen {
  position: relative;
  float: left;
  border-right: none;
  border-left: 1px solid #000;
}
#fullScreen i {
  background-position: left -156px;
}
.barbg {
  position: absolute;
  width: 32px;
  height: 113px;
  top: -113px;
  left: 7px;
  background: #292929;
  border-radius: 3px 3px 0 0;
  display: none;
}
#volume:hover .barbg {
  display: block;
}
.volume_bd {
  width: 5px;
  height: 100px;
  background: #5A5A5A;
  position: absolute;
  left: 13px;
  top: 7px;
  border-radius: 20px;
}
.volume_hd {
  width: 100%;
  height: 100%;
  background: #9C9C9C;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 20px;
}
.volume_btn {
  border-radius: 100%;
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: -3px;
  top: 0px;
}
.volume_hid {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 20px;
  overflow: hidden;
}
#mult {
  position: relative;
  float: left;
  border-left: 1px solid #000;
  border-right: 1px solid #313131;
  width: 45px;
  height: 45px;
  cursor: pointer;
  text-align: center;
}
#mult ul {
  position: absolute;
  left: -1px;
  top: -185px;
  background: #292929;
  width: 100%;
  line-height: 30px;
  display: none;
}
#mult:hover ul {
  display: block;
}
#mult ul li {
  border-top: 1px solid #363636;
}
#mult ul li:hover {
  background: #363636;
}
#mult ul li:first-child {
  border: none;
}
#clarity {
  position: relative;
  float: left;
  border-left: 1px solid #000;
  border-right: 1px solid #313131;
  width: 45px;
  height: 45px;
  cursor: pointer;
  text-align: center;
}
#clarity ul {
  position: absolute;
  left: -1px;
  top: -92px;
  background: #292929;
  width: 100%;
  line-height: 30px;
  display: none;
}
#clarity:hover ul {
  display: block;
}
#clarity ul li {
  border-top: 1px solid #363636;
}
#clarity ul li:hover {
  background: #363636;
}
#clarity ul li:first-child {
  border: none;
}
#exitTip {
  padding: 6px 10px;
  background: #53565B;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -85px;
  z-index: 100;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .35s;
  -webkit-transition: all .35s;
  -ms-transition: all .35s;
}
#exitTip.on {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all .35s;
  -webkit-transition: all .35s;
  -ms-transition: all .35s;
}
#exitTip span {
  border: 1px solid #fff;
  padding: 1px 5px;
  border-radius: 3px;
  margin: 0 5px;
}
.videoMore {
  float: left;
  background: #2F2F2F;
  height: 530px;
}
.videoFold {
  width: 13px;
  background: #353535;
  color: #9C9C9C;
  height: 100%;
  line-height: 530px;
  text-align: center;
  font-family: "simsun";
  float: left;
  cursor: pointer;
  border-right: 1px solid #000;
  z-index: 200;
}
.videoFold.on {
  position: absolute;
  right: 0px;
  top: 0px;
}
.videoMain {
  width: 320px;
  height: 100%;
  float: left;
}
.videoMain .title {
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
}
.videoMain .num {
  padding: 0 15px;
  color: #9C9C9C;
  line-height: 20px;
  height: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
.video_list {
  background: #383838;
  height: 469px;
  overflow: auto;
}
.video_list li {
  padding: 10px;
  overflow: hidden;
}
.video_list li img {
  float: left;
  width: 105px;
  height: 65px;
  margin-right: 10px;
}
.video_list li h2 {
  line-height: 18px;
  height: 36px;
  margin-top: 5px;
  overflow: hidden;
  color: #fff;
}
.video_list li p {
  color: #9c9c9c;
}
.video_list li:hover {
  background: #1C1C1C;
}
#ljDataWork {
  width: 85vw;
  height: 720px;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.lh-float {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1000;
  animation: float ease-in-out 1s;
}
@keyframes float {
  0% {
    transform: translate(200%, -50%);
    opacity: 0;
  }
  100% {
    transform: translate(0, -50%);
    opacity: 1;
  }
}
.lh-float li {
  position: relative;
  width: 80px;
  height: 80px;
  background: #08B0CC;
  margin-top: 1px;
  transition: all .35s;
}
.lh-float li a {
  display: block;
  text-align: center;
  color: #fff;
}
.lh-float li i {
  font-size: 26px;
  width: 26px;
  margin: auto;
  padding: 15px 0 5px;
  display: block;
}
.lh-float-shadow {
  position: absolute;
  right: 80px;
  top: 0;
  z-index: 2;
  background: #fff;
  color: #888;
  text-align: center;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: ease .5s;
  opacity: 0;
  visibility: hidden;
}
.lh-float li:hover .lh-float-shadow {
  width: 133px;
  height: 133px;
  opacity: 1;
  visibility: visible;
}
.lh-float li:hover {
  background: #089BB4;
}
.lh-float li:hover a {
  color: #fff;
}
.videoBtn_fun a#download {
  text-align: center;
}
.videoBtn_fun a#download i {
  background: none;
  font-size: 20px;
  position: initial;
  width: 100%;
  height: 100%;
}
.videoBtn_fun a#download:hover {
  color: #fff;
}