@charset "UTF-8";


/*html, body { position: relative; height: 100%; }*/

/*.page { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}*/


.head { position: fixed; z-index: 50; left: 0; top: 0; width: 100%; height: 1.0rem;/*background:#FFF*/}
/*.head.hide { top: -1rem; }*/
.head.hov, .head.hov2{ background: #fff; }
.head a.logo { display: block; width: 1.58rem; height: 0.5rem; position: absolute; z-index: 1; left: 0.5rem; top: 0.24rem;}
.head a.logo img{ width: 1.58rem;}
.head a.logo .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.head.hov a.logo img, .head.hov2 a.logo img{ opacity: 0; }
.head.hov a.logo .img1, .head.hov2 a.logo .img1{ opacity: 1; }

.head .rightDiv{ position: absolute; right: 0.5rem; top: 0; }
.head .topRight{ padding-top: 0.28rem; }
.head .topRight li{ margin-left: 0.2rem; float: left; position: relative; z-index: 1; }
.head .topRight li:last-child{ z-index: 2; }
.head .topRight li em{ display: block; width: 0.42rem; height: 0.42rem; border: #cdcdcd solid 1px; border-radius: 50%; position: relative; }
.head .topRight li em img{ position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; z-index:2; cursor:pointer; }
.head .topRight li em .img1{ opacity: 0;}
.head .topSearchPC input{ position: absolute; right: 0; top: 0; display:none; height:0.42rem; border: #e7161a solid 0.01rem; background: #fff; border-radius: 0.36rem; -moz-border-radius: 0.36rem; width: 2.5rem; padding-left:0.2rem; font-size: 14px;} 
.head .topSearchPC .btn1{ position:absolute; right:0; top:0; display:none; width:0.42rem; height:0.42rem; z-index:5; background: url(../images/nimg22_3on.png) center no-repeat;
}

.head .topSearch{ opacity: 0; visibility: hidden;}

.head.hov .topRight li em img, .head.hov2 .topRight li em img{ opacity: 0; }
.head.hov .topRight li em .img1, .head.hov2 .topRight li em .img1{ opacity: 1; }

.head .telLayer{ display:none; position:absolute; right: 50%; right: -54px; top:0.44rem; z-index:2; padding-top:0.28rem; width:150px;}
.head .telLayer:before{ content:''; position:absolute; right:50%; margin-right: -10px; top:0; background: url(../images/ewmLa.png) center bottom no-repeat; width: 19px; height: 0.28rem;}
.head .telLayer .mxfDiv{ width: 150px; height: 175px; overflow:hidden; background:#f2f2f2; text-align: center;}
.head .telLayer .ewm{ padding: 10px 0; }
.head .telLayer p{ font-size: 14px; color: #333; }

.pageHead{ position: absolute; }
.comHead{ position: relative; background: #fff; }

#page{ position:relative;}
.page .swiper-pagination{ position:absolute; z-index:10!important; width: 12px; margin-bottom: 0; transform: translateY(-50%); left: auto!important; right:0.5rem!important; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet{ cursor: pointer; display:block; border-radius: 50%; width: 12px; height: 12px; border: rgba(255,255,255,0.7) solid 2px; margin: 0.14rem 0; }
.page .swiper-pagination-bullet-active { background: #fff; border: #fff solid 2px;}

.page .swiper-pagination.on .swiper-pagination-bullet{ border: #b6b6b6 solid 2px; }
.page .swiper-pagination.on .swiper-pagination-bullet-active{ background: #e7161a; border: #e7161a solid 2px;}

.nav { padding-right: 30px; }
.nav li { float: left; margin-left: .3rem; }
.nav a.name { display: block; padding: 0 .1rem; height: 1rem; line-height: 1rem; position: relative; font-size: .16rem; color: #fff; }
.head.hov .nav a.name, .head.hov2 .nav a.name{ color: #666; }
.nav a.name:hover, .nav a.name.on{ color: #e7161a!important; }


@media screen and (min-width: 800px) {
  .nav .list {
    position: fixed;
    top: 0;
    width: 1.6rem;
    min-height: .8rem;
    opacity: 0;
    visibility: hidden; }
    .nav .list dl{ position: relative; left: -0.35rem; background: #f2f2f2;}
    .nav .list dd {
      border-bottom: #e0e0e0 solid 1px;}
      .nav .list dd:last-child{ border-bottom: none; }
    .nav .list a {
      display: block;
      color: #666;
      text-align: center;
      height: .45rem;
      line-height: .45rem;
      font-size: 0.14rem;
      position: relative; }
      .nav .list a:hover {
        color: #e7161a; }

  .nav li:hover a.name {
    color: #e7161a; }
    .nav li:hover a.name:before {
      left: 0;
      width: 100%; }
  .nav li:hover .list {
    opacity: 1;
    visibility: visible;
    top: 1rem;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear; } }

/*index*/
@media screen and (min-width: 800px) {
  #page {
    height: 100vh;
    position: relative;
    overflow: hidden; }

  .pageSlide {
    height: 100vh;
    overflow: hidden;
    padding-top: 1rem; }


  .slideUp {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px); }

  .pageSlide.swiper-slide-active .slideUp {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); }

  .slideLeft {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px); }

  .pageSlide.swiper-slide-active .slideLeft {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0); }

  .pageSlide.swiper-slide-active .slideDelay2 {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s; }
  .pageSlide.swiper-slide-active .slideDelay3 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s; }
  .pageSlide.swiper-slide-active .slideDelay4 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s; }
  .pageSlide.swiper-slide-active .slideDelay5 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s; }
  .pageSlide.swiper-slide-active .slideDelay6 {
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s; } }



  .zoomInIndex {
    opacity: 0;
    transition: All 0.8s linear;
    -webkit-transition: All 0.8s linear;
    -moz-transition: All 0.8s linear;
    -o-transition: All 0.8s linear;
    -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -o-transform:scale(0.8);
 }


  .pageSlide.swiper-slide-active .zoomInIndex {
    opacity: 1;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -o-transform:scale(1.0);
     }




.pageSlide {
  position: relative;
  background: center no-repeat;
  background-size: cover; }

.indexPart1 .indexBox, .indexPart2 .indexBox, .indexPart3 .indexBox, .indexPart4 .indexBox, .indexPart5 .indexBox {
  width: 100%;
  /*padding: .5rem 0;*/ }

.indexTitle{ text-align: center; font-weight: bold; }
.indexTitle .txt1{ font-size: 0.6rem; line-height: 0.6rem; color: #f0f0f0; text-transform: uppercase; padding-bottom: 0.2rem; }
.indexTitle .txt2{ font-size: 0.48rem; line-height: 0.48rem; color: #e7161a; }

.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash .swiper-slide a {
    display: block;
    height: 100vh;
    background: center no-repeat;
    background-size: cover;
    position: relative; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 50%;
    margin-right: -7.2rem;
    top: auto;
    bottom: 0.6rem;
    width: auto; }
    .indexFlash .dots span {
      width: 16px;
      height: 16px;
      border: none;
      margin: 0 0 0 0.2rem;
      background: url("../images/ico1.png") center no-repeat;}
    .indexFlash .dots .swiper-pagination-bullet-active {
      background-image: url("../images/ico1on.png"); }
    .indexFlash .one{ position: absolute; padding-left: 0.8rem; height: 4.3rem; left: 50%; top: 50%; transform: translateY(-50%); margin-left: -7.2rem; background: url("../images/nimg485Bg.png") left center no-repeat; background-size: 4.85rem; } 
    .indexFlash .one .txt{ padding-top: 1.2rem; font-size: 0.72rem; color:#e7161a; line-height: 0.72rem; font-weight: bold;} 
    .indexFlash .one .wen{ font-size: 0.18rem; padding-top: 0.2rem; color: #fff; line-height: 0.3rem; width: 4.7rem;}
    .indexFlash .one .btnDiv{ position: relative; border-radius: 0.24rem; margin-top: 0.45rem; width: 1.1rem; height: 0.36rem; line-height: 0.36rem; background: #e7161a; color: #fff; font-size: 0.14rem; text-align: center; text-transform: uppercase; }

  


    .indexFlashTel {
    width: 100%;
    position: relative;
    overflow: hidden;}
    .indexFlashTel .swiper-slide a {
    display: block;
    height: 100%;
    position: relative; }
  .indexFlashTel .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.3rem;
    top: auto;
    bottom: 0.45rem;
     }
    .indexFlashTel .dots span {
      display: inline-block;
      width: 0.28rem;
      height: 0.28rem;
      margin: 0 0 0 0.24rem;
      border: none;
      background: url("../images/ico1.png") center no-repeat; background-size: 0.28rem; }
    .indexFlashTel .dots .swiper-pagination-bullet-active {
      background-image: url("../images/ico1on.png"); background-size: 0.28rem; }

	
.indexPart1 { background: left bottom no-repeat; background-image: url("../images/nimg359Bg.png"); background-size: 3.59rem; }
.indexPart1 .leftDiv{ padding-top: 1.5rem; }
.indexPart1 .txtDiv{ color: #f0f0f0; text-transform: uppercase; font-weight: bold; }
.indexPart1 .txtDiv .txt1{ font-size: 0.6rem; line-height: 0.6rem; }
.indexPart1 .txtDiv .txt2{ font-size: 0.24rem; line-height: 0.24rem; }
.indexPart1 .wen{ font-weight: bold; font-size: 0.48rem; color: #e7161a; line-height: 0.48rem; padding-top: 0.25rem; }
.indexPart1 .msg { font-size: .16rem; line-height: .32rem; color: #666; width: 5.9rem; padding: .6rem 0; }
.indexPart1 .more{ position: relative; z-index: 2;}
.indexPart1 .more a{ position: relative; display: block; width: 108px; border-radius: 24px; height: 34px; line-height: 34px; font-size: 14px; text-align: center; color: #fff; background: #e7161a; border: #e7161a solid 1px;}
.indexPart1 .more a:hover{ background: #fff; color: #e7161a; }
.indexPart1 .rightImg img{ width: 7.65rem; }

.indexPart2 { text-align: center; background: center no-repeat;  background-size: cover; }
.indexPart2 .list{ position: relative; }  
.indexPart2 .list:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(255,255,255,0.1); }
.indexPart2 .list li { height: 2.5rem; width: 33.33%; border-left: rgba(255,255,255,0.1) solid 1px; padding-top: .4rem; }
.indexPart2 .list li .numDiv{ font-size: 0.14rem; color: #fff; height: 0.95rem; }
.indexPart2 .list li .num { padding-right: 0.1rem; color: #e7161a; font-size: .86rem; font-family:medium; }
.indexPart2 .list li .name { color: #fff; font-size: .18rem; line-height: .24rem;}
.indexPart2 .list li:nth-child(3n+1) { border: 0; }
.indexPart2 .list li:nth-child(4), .indexPart2 .list li:nth-child(5), .indexPart2 .list li:nth-child(6) { padding-top: .7rem; }

.indexPart3 { background: left bottom no-repeat; background-image: url("../images/nimg168Bg.png"); background-size: 1.68rem; }
.indexPart3 .indexTitle{ padding-bottom: 0.7rem; }
.indexPart3 .swiper-container{ padding: 0.1rem 0.15rem; }
.indexPart3 .list{ position: relative; padding-top: 0.2rem; }
.indexPart3 .list .swiper-slide{ cursor: pointer; }
.indexPart3 .list .imgDiv{ border: #f3f3f3 solid 0.1rem; height: 2.5rem; }
.indexPart3 .list .imgDiv img{ max-width: 2.8rem; }
.indexPart3 .list .name{ margin-top: 0.25rem; font-size: 0.16rem; text-align: center; line-height: 0.24rem; height: 0.48rem; overflow: hidden; color: #666; }
.indexPart3 .prev{ position: absolute; display: block; left: -0.5rem; top: 50%; width: 10px; height: 18px; background: url(../images/nimg10_left.png) center no-repeat; margin-top: -9px; z-index: 1; }
.indexPart3 .next{ position: absolute; display: block; right: -0.5rem; top: 50%; width: 10px; height: 18px; background: url(../images/nimg10_right.png) center no-repeat; margin-top: -9px; z-index: 1;}
.indexPart3 .prev:hover{ background: url(../images/nimg10_lefton.png) center no-repeat;} 
.indexPart3 .next:hover{ background: url(../images/nimg10_righton.png) center no-repeat;} 
.indexPart3 .list .swiper-slide:hover .imgDiv{ border: #fff solid 0.1rem; box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.1);}
.indexPart3 .list .swiper-slide:hover .name{ color: #e7161a; }

.indexPart4 { background: #fff url(../images/nimg213Bg.png) right bottom no-repeat; position: relative; background-size: 2.13rem;}
.indexPart4 .indexTitle{ padding-bottom: 0.6rem; }
.indexPart4 .indexTitle .txt1{ color: #e5e5e5; }
.indexPart4 .swiper-container{ padding: 0.1rem 0.15rem; }
.indexPart4 .list{ position: relative;}
.indexPart4 .list .imgDiv img{ width: 100%; }
.indexPart4 .prev{ position: absolute; display: block; left: -0.5rem; top: 50%; width: 10px; height: 18px; background: url(../images/nimg10_left.png) center no-repeat; margin-top: -9px; z-index: 1; }
.indexPart4 .next{ position: absolute; display: block; right: -0.5rem; top: 50%; width: 10px; height: 18px; background: url(../images/nimg10_right.png) center no-repeat; margin-top: -9px; z-index: 1;}
.indexPart4 .prev:hover{ background: url(../images/nimg10_lefton.png) center no-repeat;} 
.indexPart4 .next:hover{ background: url(../images/nimg10_righton.png) center no-repeat;} 
.indexPart4 .list .swiper-slide .imgDiv:hover{ background: #fff; box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.1); }

.indexPart5 { background: center no-repeat; background-image: url("../images/indexPart5.jpg"); background-size: cover; }
.indexPart5 .conBox{ width: 6.0rem; }
.indexPart5 .txtDiv{ color: rgba(255,255,255,0.1); text-transform: uppercase; font-weight: bold; }
.indexPart5 .txtDiv .txt1{ font-size: 0.6rem; line-height: 0.6rem; }
.indexPart5 .txtDiv .txt2{ font-size: 0.24rem; line-height: 0.24rem; }
.indexPart5 .wen{ font-weight: bold; font-size: 0.48rem; color: #e7161a; line-height: 0.48rem; padding-top: 0.25rem; }
.indexPart5 .msg{ font-size: .16rem; line-height: .32rem; color: #fff; padding: .4rem 0; }
.indexPart5 .ewmDiv .ewm img{ width: 1.28rem; }
.indexPart5 .ewmDiv p{ padding-top: 0.15rem; color: #fff; font-size: 0.14rem; }
.indexPart5 .bg img{ width:100%;}

.foot{ height: 0.6rem; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; }
.foot2{ background: #e7161a; position: relative; }
.foot:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2); }
.foot .wen2{ line-height: 0.6rem; }
.foot .wen2 li{ font-size: 0.14rem; float: left; padding-right: 20px; color: rgba(255,255,255,0.5); }
.foot2 .wen2 li{ color: rgba(255,255,255,1); }
.foot .msg2{ line-height: 0.6rem; font-size: 0.14rem; color: #c2c2c2; }
.foot2 .msg2{ color: #fff; }
.foot .msg2 a{ color: #c2c2c2;}
.foot2 .msg2 a{ color: #fff; }
.foot .msg2 a:hover{ color: #e7161a; }
.foot2 .msg2 a:hover{ color: #fff; text-decoration: underline; }

.fixTxt{ position: fixed; z-index: 3; left: 0.5rem; top: 50%; margin-top: -52px; width: 11px; height: 103px; }
.fixTxt .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.fixTxt.on img{ opacity: 0; }
.fixTxt.on .img1{ opacity: 1; }

.pageBox{ padding: 1.2rem 0 1.0rem; position: relative; z-index: 2; background: #fff; }

.pageBanner{ position:relative; height: 6.5rem; overflow: hidden;}
.pageBanner .bg { position: fixed; left: 0; top: 0; width: 100%; height: 6.5rem; background: center no-repeat; background-size: cover; }

.pageBanner .layerDiv{ position: absolute; left: 0; width: 100%; text-align: center; color: #fff; top: 50%; transform: translateY(-50%); }
.pageBanner .txt1{ font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.3rem; font-weight: bold;}
.pageBanner .txt2{ font-size: 0.18rem; }
.pageBanner .ico{ margin-top: 0.45rem; cursor: pointer; }
.pageBanner .txt3{ font-size: 0.16rem; }

/*.pageBanner video{ position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;}*/

  .pageBanner video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);object-fit:fill;}
.pageBannerBox .videobox.cur .bg{ background: #000!important; }
.pageBannerBox .videobox.cur .layerDiv{z-index:-1;visibility:hidden;opacity:0}

.pageNav{ position: absolute; left: 50%; margin-left: -7.2rem; bottom: 0; }
.pageNav2{ position: relative; left: 0; margin-left: 0; padding-top: 0.4rem; }
.pageNav li{ float: left; padding-right: 0.5rem; font-size: 16px; }
.pageNav li a{ color: rgba(255,255,255,0.6); display: block; height: 0.6rem; position: relative; }
.pageNav li a:hover, .pageNav li .aNow{ color: #fff; }
.pageNav li a:after{ content: ''; display: none; width: 100%; height: 0.03rem; position: absolute; left: 0; bottom: 0; background: #fff; }
.pageNav li a:hover:after, .pageNav li .aNow:after{ display: block; }
.pageNav2 li a{ color:#666;}
.pageNav2 li a:hover, .pageNav2 li .aNow{ color: #ed6d00; }
.pageNav2 li a:after{ background: #ed6d00; }


.pageTitleTel{ height:0.98rem; background:#e7161a; position:relative; display:none; border-bottom: #eee solid 1px;}
.sideTitleTel{ width:100%; height:0.98rem; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:0.3rem; height:0.98rem; line-height:0.98rem; position:relative; padding-right:10px;}
.sideTitleTel .con a{ color: #fff; display:block; height:0.98rem; padding-left:0.3rem; background:url(../images/limg65_1.png) right center no-repeat; background-size: 0.65rem;}
.sideTitleTel .con.on a{ background:url(../images/limg65_1on.png) right center no-repeat; background-size: 0.65rem; }
.sideTitleNav{ position:absolute; top:0.98rem; z-index:10; width:100%; background:#fff; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ font-size: 0.26rem; height:0.82rem; border-bottom:#d7d7d7 solid 1px;}
.sideTitleNav li a{ display:block; height:0.82rem; line-height:0.82rem; padding-left:0.3rem; color:#e7161a;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 0.4rem;}




.pageBg {
  min-height: 2rem;
  background: #eee; }

.aboutPart1{ padding: 1.1rem 0; background: #fff; overflow: hidden; position: relative; z-index: 2; }
.aboutPart1 .conBox{ position: relative; overflow: hidden; }
.aboutPart1 .leftDiv{ width: 3.6rem; }
.aboutPart1 .titleDiv .title1{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; text-transform: uppercase; color: #f0f0f0; }
.aboutPart1 .titleDiv .title2{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #e7161a; padding-top: 0.2rem; }
.aboutPart1 .content{ width: 10.8rem; font-size: 14px; line-height: 30px; }
.aboutPart1 .imgDiv{ position: absolute; left: 0; bottom: 0; }
.aboutPart1 .imgDiv img{ width: 2.12rem; }

.aboutPart2{ padding: 1.1rem 0; background: #f5f5f5; position: relative; z-index: 2; }
.aboutPart2 .titleDiv{ text-align: center; padding-bottom: 0.25rem;}
.aboutPart2 .titleDiv .title1{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; text-transform: uppercase; color: #e6e6e6; }
.aboutPart2 .titleDiv .title2{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #e7161a; padding-top: 0.2rem; }

.historyPic{ position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; width: 100%; top: 50%; height: 1px; background: #cecece; }
.historyPic .wal2{ position: relative; }
.historyPic .swiper-slide{ height: 300px; text-align: center; position: relative; cursor: pointer; }
.historyPic .swiper-slide:before{ content: ''; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background:url(../images/nimg16_1.png) center no-repeat; }
.historyPic .swiper-slide .time{ padding-top: 190px; font-weight: bold; font-size: 0.36rem; color: #999; }
.historyPic .swiper-slide:nth-child(2n) .time{ padding-top: 40px; } 
.historyPic .swiper-slide .content{ font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; color: #666; }
.historyPic .prev{ overflow: hidden; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: #cfcfcf solid 1px; border-radius: 50%; background: #fff;}
.historyPic .next{ overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: #cfcfcf solid 1px; border-radius: 50%; background: #fff; }
.historyPic .prev:before, .historyPic .next:before{ content: ''; z-index: 1; background:#e7161a; position: absolute; left:50%; top:50%; width: 0;height: 0; border-radius: 50%; -webkit-transition:all .5s cubic-bezier(.24,.82,.48,.89);transition:all .5s cubic-bezier(.24,.82,.48,.89);}
.historyPic .prev:after{ content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 30px; z-index: 2; background: url(../images/nimg8_left.png) center no-repeat; }
.historyPic .next:after{ content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 30px; z-index: 2; background: url(../images/nimg8_right.png) center no-repeat; }
.historyPic .prev:hover, .historyPic .next:hover{ border: #e7161a solid 1px;}
.historyPic .prev:hover:before, .historyPic .next:hover:before{ width:42px; height:42px; left: -5px;top: -5px;}
.historyPic .prev:hover:after{ background: url(../images/nimg8_lefton.png) center no-repeat;}
.historyPic .next:hover:after{ background: url(../images/nimg8_righton.png) center no-repeat;}
.historyPic .swiper-slide:hover:before{ background:url(../images/nimg16_1on.png) center no-repeat;}
.historyPic .swiper-slide:hover .time{ color: #e7161a; }

.case .detail{ position: relative; padding-left: 7.8rem; height: 5.18rem; border-bottom: #dedede solid 1px; margin-bottom: 0.4rem;}
.case .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.case .detail .imgDiv img{ width: 7.2rem; }
.case .detail .name{ padding-top: 0.8rem; font-weight: bold; }
.case .detail .name a{ display: block; height: 0.42rem; line-height: 0.42rem; font-size: 0.24rem; color: #333; overflow: hidden; }
.case .detail .name a:hover{ color: #e7161a; }
.case .detail .content{ margin-top: 0.4rem; font-size: 14px; line-height: 30px; height: 120px; overflow: hidden; }
.case .detail .btnDiv{ padding-top: 0.5rem; }
.case .detail .btnDiv a{ display: block; background: #e7161a; text-transform: uppercase; width: 110px; height: 36px; text-align: center; line-height: 36px; color: #fff; border-radius: 24px; font-size: 14px; }

.casePic{ position: relative; }
.casePic .swiper-container{ padding-top: 0.2rem; }
.casePic .swiper-slide .imgDiv{ overflow: hidden; }
.casePic .swiper-slide .imgDiv img{ width: 100%; }
.casePic .swiper-slide .name{ margin-top: 0.2rem; height: 0.42rem; line-height: 0.42rem; font-size: 0.24rem; color: #333; overflow: hidden; font-weight: bold;}
.casePic .swiper-slide .content{ margin-top: 0.1rem; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.casePic .swiper-slide:hover{ -webkit-transform: translate3d(0, -0.2rem, 0); transform: translate3d(0, -0.2rem, 0);}
.casePic .swiper-slide:hover .imgDiv img{  transform:scale(1.1);-webkit-transform:scale(1.1);}
.casePic .swiper-slide:hover .name{ color: #e7161a; }
.casePic .prev{ z-index: 2; overflow: hidden; position: absolute; left: -0.95rem; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: #cfcfcf solid 1px; border-radius: 50%; background: #fff;}
.casePic .next{ z-index: 2; overflow: hidden; position: absolute; right: -0.95rem; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: #cfcfcf solid 1px; border-radius: 50%; background: #fff; }
.casePic .prev:before, .casePic .next:before{ content: ''; z-index: 1; background:#e7161a; position: absolute; left:50%; top:50%; width: 0;height: 0; border-radius: 50%; -webkit-transition:all .5s cubic-bezier(.24,.82,.48,.89);transition:all .5s cubic-bezier(.24,.82,.48,.89);}
.casePic .prev:after{ content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; z-index: 2; background: url(../images/nimg8_left.png) center no-repeat; }
.casePic .next:after{ content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; z-index: 2; background: url(../images/nimg8_right.png) center no-repeat; }
.casePic .prev:hover, .casePic .next:hover{ border: #e7161a solid 1px;}
.casePic .prev:hover:before, .casePic .next:hover:before{ width:42px; height:42px; left: -5px;top: -5px;}
.casePic .prev:hover:after{ background: url(../images/nimg8_lefton.png) center no-repeat;}
.casePic .next:hover:after{ background: url(../images/nimg8_righton.png) center no-repeat;}

.casePart1{ padding: 1.2rem 0; position: relative; z-index: 2; background: #fff; }
.casePart1 .mxfDiv{ padding-left: 660px; min-height: 382px; position: relative; }
.casePart1 .imgDiv{ position: absolute; left: 0; top: 0; overflow: hidden; }
.casePart1 .imgDiv img{ width: 600px; }
.casePart1 .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.casePart1 .name{ padding-top: 65px; }
.casePart1 .name p{ height: 56px; line-height: 56px; overflow: hidden; font-size: 36px; color: #333; }
.casePart1 .content{ margin-top: 20px; font-size: 14px; line-height: 30px; }

.casePart2{ background: #f9f9f9; padding: 1.1rem 0; position: relative; z-index: 2; }
.casePart2 .title{ font-size: 24px; line-height: 24px; color: #e50112; border-bottom: #ddd solid 1px; padding-bottom: 28px; font-weight: bold; }
.casePart2 .contentBox{ padding-bottom: 60px; }
.casePart2 .imgDiv{ padding: 60px 0; text-align: center;}
.casePart2 .imgDiv img{ max-width: 1200px; }
.casePart2 .content{ font-size: 14px; line-height: 30px; padding-bottom: 40px; }
.casePart2 .share{ padding-left: 60px; position: relative; }
.casePart2 .share em{ position: absolute; line-height: 27px; left: 0; top: 0; font-size: 14px; }
.casePart2 .share li{ float: left; margin-right: 10px; }

.pageDown{ border-top: #ddd solid 1px; padding-top: 55px; position: relative; }
.pageDown li a{ display: block; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; }
.pageDown .btnDiv{ position: absolute; right: 0; top: 60px; }
.pageDown .btnDiv a{ display: block; width: 110px; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 24px; color: #fff; font-size: 14px; background: #e7161a; }

.welfare{ position: relative; }
.welfare:before{ content: ''; position: absolute; left: 53px; width: 1px; height: 100%; background: url(../images/line1.png) repeat-y; }
.welfare .year{ padding-left: 80px; font-size: 0.36rem; color: #e7161a; font-weight: bold; line-height: 0.36rem; margin-bottom: 0.42rem; background: url(../images/nimg18_1.png) 45px center no-repeat;}
.welfare .list li{ padding-left: 80px; position: relative; padding-bottom: 0.5rem; }
.welfare .list li .month{ position: absolute; left: 0; top: 0.2rem; font-weight: bold; font-size: 0.18rem; color: #333; width: 62px; background: url(../images/nimg16_1.png) right center no-repeat; }
.welfare .list li .mxfDiv{ padding-left: 11px; position: relative; }
.welfare .list li .mxfDiv:before{ content: ''; position: absolute; left: 0; top: 0.22rem; width: 12px; height: 20px; background: url(../images/ico2.png) no-repeat; z-index: 1; }
.welfare .list li .conDiv{ border: #dcdcdc solid 1px; padding: 0 4.15rem 0 0.5rem; position: relative; min-height: 2.48rem; }
.welfare .list li .content{ font-size: 0.14rem; line-height: 0.3rem; min-height:2.48rem; /* padding-top: 0.6rem;*/ }
.welfare .list li .imgDiv{ position: absolute; right: 0.3rem; top: 0.3rem; }
.welfare .list li .imgDiv img{ width: 3.3rem; }
.welfare .list li:hover .mxfDiv:before{ background: url(../images/ico2on.png) no-repeat;}
.welfare .list li:hover .conDiv{ border: #fff solid 1px; box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.1); }

.news .detail{ position: relative; padding-left: 7.5rem; height: 5.0rem; border-bottom: #dedede solid 1px;}
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.news .detail .imgDiv img{ width: 6.9rem; }
.news .detail .name{ padding-top: 1.0rem; font-weight: bold; }
.news .detail .name a{ display: block; height: 0.42rem; line-height: 0.42rem; font-size: 0.24rem; color: #333; overflow: hidden; }
.news .detail .name a:hover{ color: #e7161a; }
.news .detail .content{ margin-top: 0.4rem; font-size: 14px; line-height: 30px; height: 120px; overflow: hidden; }
.news .detail .time{ padding-top: 0.45rem; color: #e7161a; font-size: 14px; }

.news .list{ padding-top: 0.6rem; }
.news .list ul{ margin-right: -0.6rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.news .list li .box{ margin-right: 0.6rem; border-bottom: #dedede solid 1px; padding-bottom: 0.6rem; }
.news .list li .imgDiv{ overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ margin-top: 0.35rem; font-size: 0.18rem; color: #333; font-weight: bold; line-height: 0.28rem; height: 0.56rem; overflow: hidden; }
.news .list li .content{ margin-top: 0.2rem; font-size: 0.14rem; line-height: 0.24rem; height: 0.48rem; overflow: hidden; color: #666;}
.news .list li .time{ margin-top: 0.25rem; font-size: 14px; color: #e7161a; position: relative; }
.news .list li .time:after{ content: ''; position: absolute; right: 0; top: 50%; width: 13px; height: 13px; margin-top: -7px; background: url(../images/nimg13_1.png) no-repeat; }
.news .list li .box:hover{ -webkit-transform: translate3d(0, -0.2rem, 0); transform: translate3d(0, -0.2rem, 0);} 
.news .list li .box:hover .name{ color: #e7161a; }
.news .list li .box:hover .time:after{ background: url(../images/nimg13_1on.png) no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }

.newsBox{ background: #f2f2f2; padding: 1.2rem 0; }
.newShow .name{ text-align: center; font-size: 0.36rem; color: #333; padding-bottom: 0.15rem; }
.newShow .time{ text-align: center; font-size: 14px; padding-bottom: 0.35rem; }
.newShow .contentBox{ background: #fff; padding: 100px 120px 80px; }
.newShow .videoDiv{ position: relative; }
.newShow .videoDiv .imgDiv img{ width: 100%; }
.newShow .videoDiv .ico{ position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }
.newShow .content{ font-size: 14px; line-height: 30px; }
.newShow .share{ padding-left: 60px; position: relative; height: 85px; }
.newShow .share em{ position: absolute; line-height: 27px; left: 0; top: 0; font-size: 14px; }
.newShow .share li{ float: left; margin-right: 10px; }

.guide{ overflow: hidden; }
.guide .leftDiv{ width: 5.2rem; padding-top: 0.45rem; }
.guide .name{ font-size: 0.3rem; color: #e7161a; font-weight: bold; padding-bottom: 0.5rem; }
.guide .content{ font-size: 0.14rem; line-height: 0.3rem; }
.guide .ewmDiv{ padding-top: 0.5rem; width: 130px; }
.guide .ewmDiv .ewm{ border: #e3e3e3 solid 1px; }
.guide .ewmDiv p{ font-size: 14px; text-align: center; padding-top: 18px; }

.guide .rightDiv{ width: 8.4rem;}
.videoPic{ position: relative; }
.videoPic .swiper-slide{ position: relative; overflow: hidden; }
.videoPic video{width:auto;height:100%;position:absolute;top:50%;left:0;right:0; margin:0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.videoPic .videobox.cur{ background:#000;}
.videoPic .videobox.cur .img, .videoPic .videobox.cur .imgDiv, .videoPic .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.videoPic .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.videoPic .swiper-slide .imgDiv img{ width: 8.4rem; }
.videoPic .swiper-slide .ico{ z-index: 1; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; }
.videoPic .swiper-pagination{  position: absolute; z-index: 10; left: auto; right: 0.3rem; top: auto; bottom: 0.3rem; width: auto;} 
.videoPic .swiper-pagination-bullet { cursor: pointer; display: block; float: left; width: 16px; height: 16px; opacity: 1; background: url(../images/ico1.png) no-repeat; margin-left:20px;} 
.videoPic .swiper-pagination-bullet-active { background: url(../images/ico1on.png) no-repeat; } 
.videoPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }

.question .list li{ padding-bottom: 0.45rem; margin-bottom: 0.5rem; border-bottom: #e1e1e1 solid 1px; }
.question .list li .txt{ padding: 0 0 20px 56px; position: relative; font-size: 16px; color: #323333; line-height: 36px; }
.question .list li .txt em{ position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: #333; color: #fff; font-size: 20px; text-align: center; line-height: 36px; }
.question .list li .wen{ padding-left: 56px; position: relative; min-height: 36px; font-size: 14px; line-height: 24px; }
.question .list li .wen em{ position: absolute; left: 0; top: 5px; width: 36px; height: 36px; background: #e50112; color: #fff; font-size: 20px; text-align: center; line-height: 36px; }

.contact .list ul{ margin-right: -0.6rem; }
.contact .list li{ float: left; width: 33.33%; }
.contact .list li .box{ margin-right: 0.6rem; }
.contact .list li .title{ font-size: 0.24rem; color: #e7161a; font-weight: bold; padding-bottom: 0.5rem; }
.contact .list li .content{ font-size: 14px; line-height: 30px; height: 145px;  }
.contact .list li .mxfDiv{ height: 1.58rem; border: #e8e8e8 solid 1px; position: relative; padding: 0 0.45rem 0 1.6rem; }
.contact .list li .ewm{ position: absolute; left: 0.3rem; top: 50%; margin-top: -0.5rem; }
.contact .list li .ewm img{ width: 1.0rem; }
.contact .list li h2{ padding-top: 0.3rem; font-weight: bold; font-size: 0.18rem; color: #333; }
.contact .list li dl{ padding-top: 0.2rem; }
.contact .list li dd{ font-size: 0.14rem; line-height: 24px; }

.story{ position: relative; min-height:5.0rem;}
.story .tab{ padding-bottom: 150px; }
.story .tab li{ float: left; width: 50%; padding: 80px 0 30px; }
.story .tab li .box{ width: 4.0rem; }
.story .tab li:nth-child(2n) .box{ float: right; }
.story .tab li .name{ font-size: 0.24rem; color: #333; height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
.story .tab li .content{ font-size: 14px; line-height: 30px; height: 120px; overflow: hidden; margin-top: 20px; }
.story .tab .on .name{ color: #e7161a; }
.story .allBox{ position: absolute; width: 600px; height: 480px; left: 50%; margin-left: -300px; top: 0;}
/*.story .tabContentDiv{ width: 350px; height: 654px; background: url(../images/phoneBg.png) center no-repeat; }
.story .tabContentDiv.on{ background: url(../images/phoneBg2.png) center no-repeat; }*/
.story .tabContent{ width: 600px; margin: 0 auto; padding-top: 0; }
.story .mxfDiv{ height: 515px; overflow: auto; position: relative; }
.story .cjpj{ padding: 0 12px; }
.story .cjpj .name{ font-size: 18px; color: #333; font-weight: bold; text-align: center; }
.story .cjpj .conDiv{ font-size: 14px; line-height: 30px; color:#666;}
.story .cjpj .videoBox{ position: relative; }
.story .cjpj .videoBox .imgDiv img{ width: 240px; }
.story .cjpj .videoBox .ico{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
.story .mxfDiv::-webkit-scrollbar {
    width: 4px;
    background-color: #ccc;
}
.story .mxfDiv::-webkit-scrollbar-thumb {
    background: #e7161a;
}

.story .videoBox2{ position:absolute; left:0; top:55%; transform:translateY(-50%); width:100%;}
.story .videoBox2 .imgDiv img{ width:100%;}
.story .allBox .tips{ text-align: center; font-size: 14px; }

.videoLayer{ position: fixed; display: none; z-index: 111; width: 11.4rem; height: 8.5rem; background: #fff; left: 50%; top: 50%; margin-left: -5.7rem; margin-top: -4.25rem; }
.videoLayer .close{ position: absolute; right: 0.25rem; top: 0.25rem; width: 30px; height: 30px; z-index: 1; }
.videoLayer .mxfDiv{ height: 8.5rem; overflow: auto; }
.videoLayer .conDiv{ padding: 0.5rem 1.2rem;}
/*.videoLayer .conDiv .xxx{ margin-bottom: 35px; }*/
.videoLayer .conDiv .title{ font-weight: bold; font-size: 18px; color: #333; text-align: center; }
.videoLayer .conDiv .content{ font-size: 14px; line-height: 30px; text-align: center; padding-bottom: 25px; }
.videoLayer .videoDiv{ position: relative; }
.videoLayer .videoDiv .imgDiv img{ width: 900px; }
.videoLayer .videoDiv .ico{ position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; z-index: 1; }

.videoLayer .mxfDiv::-webkit-scrollbar {
    width: 4px;
    background-color: #ccc;
}
.videoLayer .mxfDiv::-webkit-scrollbar-thumb {
    background: #e7161a;
}



.defaultDiv{ position: fixed; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.defaultDiv .txt{ padding-top: 15px; font-size: 18px; color: #999; text-align: center; line-height: 40px; }
.defaultDiv .btnDiv{ width: 110px; margin: 2.0rem auto 0; }
.defaultDiv .btnDiv a{ position: relative; display: block; width: 108px; border-radius: 24px; height: 34px; line-height: 32px; font-size: 14px; text-align: center; color: #e7161a; background: #fff; border: #e7161a solid 1px;}
.defaultDiv .btnDiv a:hover{ background: #e7161a; color: #fff; }

.kaka{
/*  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;*/
  margin: 0 auto;
  width: 80px;
  height: 80px;
  opacity: 1;
  position: relative;
}
.kaka img{ position: relative; top: -1px; width: 80px; }

.kaka svg {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  margin-left: -40px;
}

.kaka{
  fill: none;
}
.kaka.active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 1;
}
.kaka .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.kaka.active .circle-chart__circle {
  stroke: #e7161a;
  stroke-width: 1;
  stroke-linecap: square;
  fill: none;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.kaka.active .circle-chart__circle {
  animation: circle-chart-fill 5s linear reverse;
  -moz-animation: circle-chart-fill 5s linear reverse;
  -webkit-animation: circle-chart-fill 5s linear reverse;
  -ms-animation: circle-chart-fill 5s linear reverse;
  /*循环播放*/
  animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
}




@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}






.indexVideo{ position:relative; width:100%; height:100vh;}
.indexVideo video {
	position: absolute;
	width: 100%;
	height:100%;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	object-fit: cover;
  }
.indexVideo2{ position:relative; width:100%; height:100vh;}
.indexVideo2 video {
	position: absolute;
	width: 100%;
	height:100%;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	object-fit:contain;
  }
.indexVideo2 .imgDiv{ position:absolute; left:0; top:50%; transform:translateY(-50%);}
.indexVideo2 .imgDiv img{ width: 100%; }
.indexVideo2 .ico{ z-index: 1; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; }


.indexVideo2 .videobox.cur .img, .indexVideo2 .videobox.cur .imgDiv, .indexVideo2 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.indexVideo2 .videobox.cur video{z-index:2;visibility:visible;opacity:1}

.addPic{ position: relative; }
.addPic .swiper-container{ padding-top: 0.2rem; }
.addPic .swiper-slide{ position: relative; overflow: hidden; }
.addPic .swiper-slide .imgDiv{ overflow: hidden; cursor:pointer;}
.addPic .swiper-slide .imgDiv img{ width: 100%; }
.addPic .swiper-slide .ico{ position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; cursor:pointer;}
.addPic .swiper-slide:hover{ -webkit-transform: translate3d(0, -0.2rem, 0); transform: translate3d(0, -0.2rem, 0);}
.addPic .swiper-slide:hover .imgDiv img{  transform:scale(1.1);-webkit-transform:scale(1.1);}
.addPic .prev{ z-index: 2; overflow: hidden; position: absolute; left: -0.95rem; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: #cfcfcf solid 1px; border-radius: 50%; background: #fff;}
.addPic .next{ z-index: 2; overflow: hidden; position: absolute; right: -0.95rem; top: 50%; margin-top: -16px; width: 32px; height: 32px; border: #cfcfcf solid 1px; border-radius: 50%; background: #fff; }
.addPic .prev:before, .casePic .next:before{ content: ''; z-index: 1; background:#e7161a; position: absolute; left:50%; top:50%; width: 0;height: 0; border-radius: 50%; -webkit-transition:all .5s cubic-bezier(.24,.82,.48,.89);transition:all .5s cubic-bezier(.24,.82,.48,.89);}
.addPic .prev:after{ content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; z-index: 2; background: url(../images/nimg8_left.png) center no-repeat; }
.addPic .next:after{ content: ''; position: absolute; left: 0; top: 0; width: 32px; height: 32px; z-index: 2; background: url(../images/nimg8_right.png) center no-repeat; }
.addPic .prev:hover, .casePic .next:hover{ border: #e7161a solid 1px;}
.addPic .prev:hover:before, .casePic .next:hover:before{ width:42px; height:42px; left: -5px;top: -5px;}
.addPic .prev:hover:after{ background: url(../images/nimg8_lefton.png) center no-repeat;}
.addPic .next:hover:after{ background: url(../images/nimg8_righton.png) center no-repeat;}

.addPic video{width:auto!important;height:100%;position:absolute;top:50%;left:0;right:0; margin:0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit: contain;}
/*.addPic video{width:100%;height:auto;position:absolute;top:50%;left:0;right:0; margin:0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}*/
.addPic .videobox.cur{ background:#000;}
.addPic .videobox.cur .imgDiv, .addPic .videobox.cur .imgDiv, .addPic .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.addPic .videobox.cur video{z-index:2;visibility:visible;opacity:1}