/* 图片放大镜 */
.msg-box-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 10001;
  background: rgba(0, 0, 0, 0.5);
}

.msg-box {
  width: 860px;
  height: 524px;
  padding: 10px;
  background-color: #F3F3F3;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
  width: 38px;
  height: 38px;
  font-size: 30px;
  color: #666;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.msg-box .close-box:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}



@media (max-width: 991px) {
  .msg-box {
    width: 94%;
    left: 50%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .msg-box {
    height: 450px;
    padding: 15px;
  }

  .msg-box .close-box {
    width: 35px;
    height: 35px;
    right: 0;
    line-height: 20px;
    top: 0;
    text-align: center;
    font-size: 20px;
  }
}

.msg-box .close-box {
  border: solid 3px #7f7f7f;
  background: url(../image/msg-closes.png) #7f7f7f;
}

@media(max-width:676px) {
  .vedio-con li {
    width: 50%;
  }

  .vedio-txt {
    font-size: 14px;
    line-height: 3px;
  }

  .msg-box {
    left: 50%;
    width: 300px;
    padding: 20px;
    height: 360px;
  }

  #close-box {
width: 23px;
    height: 23px;
  }
  .msg-box .close-box{background-size: 18px;}
}

@media (max-width: 320px) {

}

@media (max-width: 360px) {}



/* ==============anchor============= */
.anchor { position: fixed; top: 0;left: 0;  width: 100%; padding: 15px 0; z-index: 490; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); text-align: center; display: none;}
.anchor li { display: inline-block; vertical-align: middle; margin: 0 5px;}
.anchor li a { display: block; padding: 0 26px;font-size: 14px; line-height: 34px; text-align: center;color: #333; transition: all .3s;}
.anchor li.on a{color: #fff;background: #0073be;}
.anchor li a:hover{color: #0073be;}
.anchor li.on a:hover{color: #fff;}

@media (max-width: 991px) {.anchor{display: none!important;}}
/* ===============nav-second=========== */



/* 分页 */
.lpage {
  text-align: center;font-size: 0;
}
.lpage a {
  width: 34px;
  height: 30px;
  line-height: 30px;
  transition: all .5s;
  display: inline-block;
  color: #d2d2d2;
  font-size:14px;
  vertical-align: top;
  border: 1px solid #d2d2d2;
  margin-right: -1px;
}
  .lpage a.on, .lpage a:hover {
    border: 1px solid #ff7400;
    color: #fff;
    background: #ff7400;
  }
   .lpage a.icon-right, .lpage a.icon-left {
  font-weight:900;
  font-size: 18px;
  color: #999;
  margin: 0;
  }
.lpage a.prev{transform: rotateY(180deg);}
.lpage a.zz{width: 66px;background: url(../image/arrow3.png)no-repeat center;}
.lpage a.zz:hover{background: url(../image/arrow4.png)no-repeat center;color: #ff7400;}
@media (max-width:1459px) {
  }
@media (max-width:991px) {
.lpage a{width: 32px; height: 32px; line-height: 32px; font-size: 14px;}
.lpage a.icon-right, .lpage a.icon-left {margin: 0px;}
    }
@media (max-width:767px) {
.lpage a{width: 28px; height: 28px; line-height: 28px; font-size: 14px;;}
.lpage a.icon-right, .lpage a.icon-left {margin: 0px;}
.lpage a.zz {width: 55px;}
}











@keyframes jump{
  0%{  
    top:0px;  
    color:#333;  
  }  
  50%{  
      top:-10px;  
      color:#e94609;   
  }  
  100%{  
      top:0;  
      color:#e94609;  
  }  
}
@-webkit-keyframes jump  {  
  0%{  
      top:0px;  
      color:#333;  
  }  
  50%{  
      top:-10px;  
      color:#e94609;   
  }  
  100%{  
      top:0;  
      color:#e94609;  
  }  
}


@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}

@keyframes suoxiao{
  0%{transform: scale(1);}
  100%{transform: scale(0.2);}
}

@keyframes rotaterotate{
  0%{transform: rotate();}
  100%{transform: rotate(360deg);}
}



.bshare-custom a{background: none!important;width: 50px!important;height: 50px!important;line-height: 48px;border-radius: 50%;text-align: center;border: 2px solid #888888;font-size: 24px;display: inline-block;color: #888888;margin-right: 14px;}
.bshare-custom a:hover{color: #0073be;border: 2px solid #0073be;}
.bshare-custom a:last-child{margin-right: 0;}
@media (max-width:767px) {
  .bshare-custom a{    width: 32px!important;height: 32px!important;line-height: 32px;font-size: 16px;}
}

.bsBox{box-sizing: content-box!important;}

/* 换行效果 */
.p-style{display: block;}

/* 多行省略 */
.text-over{overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

  /* 滚动条 */
.scrollbar {
  overflow-y: auto;
  padding-right: 5px;
}

.scrollbar::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #0073be;
  border-radius: 10px;
}
.scrollbarx {
  overflow-x: auto;
      padding-bottom: 5px;
}

.scrollbarx::-webkit-scrollbar {
  height: 3px;
  background-color: #dcdbdb;
}

.scrollbarx::-webkit-scrollbar-thumb {
  background-color: #0073be;
  border-radius: 10px;
}