@-webkit-keyframes fademeIn {
  0% {
      opacity: 0.8
  }
  100% {
      opacity: 1
  }
}
@keyframes fademeIn {
  0% {
      opacity: 0.8
  }
  100% {
      opacity: 1
  }
}
.fademeIn {
  -webkit-animation-name: fademeIn;
  animation-name: fademeIn
}



@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(150px);
        transform: translateY(150px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150px);
        transform: translateX(150px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
        transform: translateX(150px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}


@media only screen and (max-width:767px) {

  @-webkit-keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(20px);
          transform: translateY(20px)
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0)
      }
  }
  @keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
          transform: translateY(20px)
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0)
      }
  }
  .fadeInUp,.fadeInRight,.fadeInLeft {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp
  }


}


.index_04{padding: 2.6rem 0; padding-bottom: 3.2rem;}
.index_04,.index_04 a{color: #fff;}
.index_04 .index_more a,.index_04 .index_more em{border-color:#fff;color: #fff}
.index_04 .index_title_in h4{margin: 0;margin-top: 0.15rem}

.index_falutre li{width: 33.33%;float: left;}
.index_falutre dl{border: 1px solid #fff;border-radius: 0.2rem;padding: 0.5rem 0.3rem;text-align: center;}
.index_falutre h3{font-weight: normal; margin-bottom: 0.15rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff}
.index_falutre p{line-height: 1.5em;height: 3em;margin-bottom:0.3rem;color: #fff }
.index_falutre ul{margin: 0 -0.27rem}
.index_falutre li>a{display: block;margin: 0 0.27rem}

.index_03{padding: 1.4rem 0 1.3rem 0;}
.index_03 .index_title{text-align: left;padding-left: 0.15rem}
.index_03 .wrap_1564{padding: 0 1.28rem;}
.index_news{overflow: hidden;}
.index_news a{color: #2f2f2f;}
.index_news .left{float: left;width: 47.9%;}
.index_news .right{float: right;width: 45.2%}
.index_news .right li a{padding: 0.25rem 0;position: relative;display: block;}
.index_news .right li:first-child a{padding-top: 0}
.index_news .right li a:after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 2.35rem;background: #cbcbcb}
.index_news .left dt{overflow: hidden;border-radius: 0.3rem}
.index_news dd span{color: #181818;display: block;margin-bottom: 0.1rem}
.index_news dd h3{line-height: 1.5em;max-height: 3em}
.index_news .left dd{padding: 0.35rem 0.25rem;padding-bottom: 0}
.index_03 .index_more{padding-top: 0.65rem}

.index_05{padding: 1.6rem 0.7rem;padding-bottom: 2.9rem; position: relative;}
.index_05::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.42);z-index: 4;}
.index_05 video{position: absolute;top:0;left: 0;width: 100%;height: 100%;    object-fit: cover;}
.index_intr{position: relative;z-index: 5;color: #fff;overflow: hidden;}
.index_intr .left{float: left;width: 5.4rem; width: 31%}
.index_intr .index_title{text-align: left;margin-bottom: 0.4rem}
.intr_p{line-height: 1.8em;
  /*max-height: 16.2em;-webkit-line-clamp: 9;*/
  -webkit-line-clamp: inherit;
}
.index_intr .index_more {padding-top: 0.5rem;}
.index_intr .right{width: 9rem;float: right; padding-top: 1.5rem; width: 51%}
.index_num ul{overflow: hidden;}
.index_num li{float: left;width: 33.33%; margin-bottom: 0.3rem;}
.index_num li:nth-child(3n+1){clear: both;}
.index_num li:nth-child(4) dl{padding-left: 0.05rem}
.index_num dt {overflow: hidden; position: relative;margin-top: 0.1rem;}
.index_num dt span{font-weight: 100;float: left;line-height: 1em;    font-size: 0.64rem; font-weight: bold;}
.index_num dt b,.index_num dt em{float: left;line-height: 1em;}
.index_num dt em{position: absolute;bottom: 0.07rem;    margin-left: 0.1rem;}
.index_num dt b{margin-left: 0.1rem}

.index_02 {background: #dddddd;padding: 1rem 0 1.7rem 0;overflow:hidden; position: relative;}
.index_02 .box_layer {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: fadenone 1s ease forwards;
}
.index_02 .box_layer img{width: 100%;}
.index_02 .wrap_1564{visibility: hidden; opacity: 0;}
.index_02.current .wrap_1564{visibility: visible; opacity: 1; position: relative;z-index: 9;}

.index_02.on .box_layer{
    animation: fadescale 1s ease forwards;
}

@-webkit-keyframes fadenone {
    0% {
        opacity: 0;
        -webkit-transform: scale(3,3);
        -ms-transform: scale(3,3);
        transform: scale(3,3)
    }
    100% {
        
        opacity: 1;
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1)
    }
  }
  @keyframes fadenone {
    0% {
        opacity: 0;
        -webkit-transform: scale(3,3);
        -ms-transform: scale(3,3);
        transform: scale(3,3)
    }
    100% {
        
        opacity: 1;
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1)
    }
  }


@-webkit-keyframes fadescale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3,3);
        -ms-transform: scale(3,3);
        transform: scale(3,3)
    }
  }
  @keyframes fadescale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3,3);
        -ms-transform: scale(3,3);
        transform: scale(3,3)
    }
  }



@-webkit-keyframes fadeInUpd {
  0% {
      opacity: 0;
      -webkit-transform: translateY(3rem);
      transform: translateY(3rem)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
@keyframes fadeInUpd {
  0% {
      opacity: 0;
      -webkit-transform: translateY(3rem);
      -ms-transform: translateY(3rem);
      transform: translateY(3rem)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
  }
}

.index_02.current .index_title_in h4,.index_02.current .index_title_in h3,  .index_02.current .index_pro li{
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUpd;
    animation-name: fadeInUpd
 }

.index_02.current .index_pro li:nth-child(1){
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}
.index_02.current .index_pro li:nth-child(2){
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
.index_02.current .index_pro li:nth-child(3){
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.index_02.current .index_pro li:nth-child(4){
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
}




.index_02 .index_title{text-align: left;}

.index_pro{position: relative;}
.index_pro .swiper-container{ overflow: inherit;}
.index_pro li{float: left;width: 25%; position: relative;}
.index_pro ul{margin:0 -0.2rem;}
.index_pro li dl{display: block;margin:0 0.2rem;  }
.index_pro dl{position: relative;}
.index_pro dl video{display: none;}
.index_pro dl.cur video{display: block;}
.index_pro li.on video{display: block;}

.index_pro dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 9;overflow: hidden;  }
.index_pro dt{overflow: hidden; position: relative;}
.index_pro dt,.index_pro dt::after{ border-radius: 0.4rem;}
.index_pro dt video{width: 100%;height: 100%;object-fit: cover; position: absolute;left: 0;top: 0;}
.index_pro dt::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.21);z-index: 5;}

.index_proin{color: #fff;width: 100%; height: 100%; padding:0.5rem 0rem;text-align: center;
transform:translateY(2.2rem) translate(-50%,-50%);
    -webkit-transform:translateY(2.2rem)  translate(-50%,-50%);
    -ms-transform:translateY(2.2rem)  translate(-50%,-50%);
    -moz-transform:translateY(2.2rem)  translate(-50%,-50%);
    -o-transform:translateY(2.2rem)  translate(-50%,-50%);}
.index_proin,.index_proin a{color: #fff}
.index_span{padding-top: 0.3rem;position: absolute;left: 0;bottom: 0;width: 100%;}
.index_span span a{display: block;width: 1.1rem;height: 0.3rem;line-height: 0.3rem;background: rgba(255,255,255,0.25);border-radius: 0.3rem}
.index_span span{display: inline-block; margin: 0 0.08rem}
.index_proin h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_proin p{line-height: 1.5em;max-height: 9em;margin-bottom: 0.2rem;-webkit-line-clamp: 6;}
.index_proin .index_more_white a{border: 0;background: none}

.index_pro_p{visibility: hidden;opacity: 0; padding-top: 0.2rem}
.index_pro li.on .index_pro_p{visibility: visible;opacity: 1;}





.index_01{overflow: hidden;position: relative;color: #fff;z-index: 5}

.index_01 .index_title{text-align: left;}
.index_bus{position: absolute;z-index: 5;padding: 0 0.7rem; padding-top: 1.5rem; top:0;left: 0;width: 50%;}
.index_buslist{position: absolute;bottom: 0;right: 0;z-index: 6;color: #fff;}
.index_buslist ul{position: relative;}
.index_buslist ul::after,.index_buslist li{width: 3.28rem;height: 5.7rem;}
.index_buslist ul::after{content: "";position: absolute; top:0;left: 0;background: url(../images/index_jb.png) no-repeat;background-size: 100% 100%;}
.index_buslist li{position: relative;z-index: 5; float: left;padding:0.3rem; padding-top:2.5rem; /*background: url(../images/index_line.png) no-repeat 1rem bottom; */}
.index_buslist li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 0.1rem;}
.index_buslist dt img{display: none;}

.index_buslist li p{line-height: 1.5em; height: 6em;-webkit-line-clamp:4;}
.index_buslist .index_more{padding-top: 0.4rem;}


.index_img li{display: none; position: relative;}
.index_img li::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.21);z-index: 4;}
.index_img li::before{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%; z-index: 5; background: url(../images/index_blankbg_02.png) no-repeat  0 bottom; background-size: 100%;}
.index_img li.on{display: block;}

.index_buslist .indexstate_0::after{left: 0;}
.index_buslist .indexstate_1::after{left: 3.28rem;}

.index_img li {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@media only screen and (max-width:1660px) {
.index_intr .right{width: 58%}
}
@media only screen and (max-width:1440px) {
  .index_intr .right{width: 62%}
  .index_num dt span{font-size: 0.56rem}
}
@media only screen and (max-width:1280px) {
.index_span span a{width: 0.9rem}
.index_num dt span{font-size: 0.48rem}
}
@media only screen and (min-width:767px) {
  .index_buslist li p,.index_buslist .index_more,.index_buslist li dl,.index_buslist ul::after{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}
  .index_buslist li p,.index_buslist .index_more{visibility: hidden;opacity: 0;}
  .index_buslist li dl{-webkit-transform: translateY(0.65rem) translateX(1rem); -moz-transform: translateY(0.65rem) translateX(1rem);-o-transform: translateY(0.65rem) translateX(1rem);-ms-transform: translateY(0.65rem) translateX(1rem);transform: translateY(0.65rem) translateX(1rem);}
  .index_buslist li{position: relative; left: -1rem; }
  
  .index_buslist ul::after{display: none;}
  .index_buslist li.on{left: 0;z-index: 9;background: none;    background: url(../images/index_jb.png) no-repeat;
    background-size: 100% 100%;}
  .index_buslist li.on dl{ -webkit-transform: translateY(0)  translateX(0); -moz-transform: translateY(0)  translateX(0);-o-transform: translateY(0)  translateX(0);-ms-transform: translateY(0)  translateX(0);transform: translateY(0)  translateX(0);}
  .index_buslist li.on p,.index_buslist li.on .index_more{visibility: visible;opacity: 1;}
}
@media only screen and (min-width:1025px) {
.index_pro li{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}


  .index_pro li dt img{transition: 1s;}
  .index_pro li.on dl.cur dt img{    filter: blur(30px);opacity: 0;}
  .index_pro dl dt{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
  .index_pro dl:hover dt{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
 

  .index_pro .indexstate_0 li:nth-child(2),  .index_pro .indexstate_0 li:nth-child(3),  .index_pro .indexstate_0 li:nth-child(4){-webkit-transform: translateX(0.2rem); -moz-transform: translateX(0.2rem);-o-transform: translateX(0.2rem);-ms-transform: translateX(0.2rem);transform: translateX(0.2rem);}

  .index_pro .indexstate_1 li:nth-child(1){-webkit-transform: translateX(-0.2rem); -moz-transform: translateX(-0.2rem);-o-transform: translateX(-0.2rem);-ms-transform: translateX(-0.2rem);transform: translateX(-0.2rem);}
 .index_pro .indexstate_1 li:nth-child(3),  .index_pro .indexstate_1 li:nth-child(4){-webkit-transform: translateX(0.2rem); -moz-transform: translateX(0.2rem);-o-transform: translateX(0.2rem);-ms-transform: translateX(0.2rem);transform: translateX(0.2rem);}

 .index_pro .indexstate_2 li:nth-child(1), .index_pro .indexstate_2 li:nth-child(2){-webkit-transform: translateX(-0.2rem); -moz-transform: translateX(-0.2rem);-o-transform: translateX(-0.2rem);-ms-transform: translateX(-0.2rem);transform: translateX(-0.2rem);}
.index_pro .indexstate_2 li:nth-child(4){-webkit-transform: translateX(0.2rem); -moz-transform: translateX(0.2rem);-o-transform: translateX(0.2rem);-ms-transform: translateX(0.2rem);transform: translateX(0.2rem);}


.index_pro .indexstate_3 li:nth-child(1),.index_pro .indexstate_3 li:nth-child(2),.index_pro .indexstate_3 li:nth-child(3){-webkit-transform: translateX(-0.2rem); -moz-transform: translateX(-0.2rem);-o-transform: translateX(-0.2rem);-ms-transform: translateX(-0.2rem);transform: translateX(-0.2rem);}


}

@media only screen and (max-width:1024px) {
  .index_05 video,.index_pro dt video{display: none;}
.index_03{padding: 0.8rem 0;}
.index_04{padding: 1.2rem 0;}
.index_03 .index_more{padding-top: 0.2rem}
.index_news .right li a{padding: 0.1rem 0}
.index_news .right li a:after{width: 100%}

.index_03 .wrap_1564{padding: 0;}
.index_05{padding: 50px 3%;}
.intr_p{height: auto;
  /*max-height: 11.7em;*/
}

.index_intr .left,.index_intr .right{float: none;width: 100%;}
.index_intr .right{padding-top: 0.8rem;}
.index_intr .index_more{padding-top: 20px;}

.index_pro ul{margin:0 -0.1rem;}
.index_pro li dl{margin:0 0.1rem;}

.index_buslist ul::after, .index_buslist li{width: 2.4rem;height: 3.5rem;}
.index_buslist .indexstate_1::after{left: 2.4rem;}

.index_buslist li{padding-top: 0.7rem; background: none}
.index_buslist .index_more{padding-top: 0.2rem;}
.index_bus{ padding: 0 3%;padding-top: 1rem;}

.index_pro_p{height: auto;visibility: visible;opacity: 1;}
.index_proin{padding: 0.3rem 0.1rem;    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);}
.index_span span{    margin: 0 0.02rem;}
.index_span span a{width: 0.9rem;}
.index_span{padding-top: 0.1rem;bottom: 0.2rem;}
.index_proin p{margin-bottom: 0.1rem}
.index_proin h3{margin-bottom: 0.1rem}

.index_falutre ul{margin: 0 -0.1rem}
.index_falutre li>a{margin: 0 0.1rem}
.index_falutre dl{padding: 0.3rem 0.2rem}

.index_02 .wrap_1564{visibility: visible;opacity: 1;}
.index_02 .box_layer{display: none;}
}

@media only screen and (max-width:767px) {
.index_04{padding: 0.8rem 0}
.index_news{overflow:inherit;}
.index_news .left,.index_news .right{float: none;width: 100%}
.index_news .left{margin-bottom: 0.5rem}
.index_news .left dd{padding: 0;padding-top: 10px}
.index_news .right li a{padding: 10px 0}
.index_03 .index_more{padding-top: 20px;}
.index_falutre li{float: none;width: 100%;margin-bottom: 20px}
.index_falutre li:last-child{margin-bottom: 0;}
.index_falutre dl{padding: 20px;}
.index_falutre li>a,.index_falutre ul{margin: 0}
.index_num li{width: 50%;margin-bottom: 20px;}
.index_num li:nth-child(3n+1){clear: inherit;}
.index_num li:nth-child(2n+1){clear: both;}

.index_pro li{width: 50%;margin-bottom: 0.2rem;}

.index_01{padding: 30px 3%;}
.index_img{display: none;}
.index_imgslider{display: none;}
.index_bus{position: static;width: 100%;padding: 0;}
.index_01{color: #333;}
.index_buslist{position: static;}
.index_buslist dt img{display: block;}
.index_buslist ul::after{display: none;}
.index_buslist li{width: 100%;height: auto;padding:0; margin-bottom: 30px;background: none}
.index_buslist li:last-child{margin-bottom: 0;}
.index_buslist li h3{color: #000;}
.index_buslist li p{color: #000;height: auto;max-height: 6em;}
.index_buslist .index_more_white a{color: #333;border-color: #333;}
.index_buslist .index_more{padding-top: 10px;}
.index_buslist dt img{border-radius: 0.2rem; margin-bottom: 10px;}

.index_02{padding: 30px 0;}
.index_num dt span{font-size: 30px;font-weight: normal;}
.index_num dt b, .index_num dt em{font-weight: normal;font-size: 16px;}

.index_span span a{width: 100px;height: 32px;line-height: 32px;margin-bottom: 6px}
.index_proin{padding: 10px;padding-top: 30px;}
.index_pro dt,.index_pro dt::after{ border-radius: 0.6rem;}
}



@media only screen and (min-width:1025px) {
.index_more em{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_news .right li a:after{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.index_falutre li a:hover .index_more em{background: #2ca137;border-color: #2ca137}

.hoverlist li dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.jishu_sell dt img,.jishu_va dt img{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.hoverlist li dl:hover{
  -webkit-transform: translateY(-0.1rem); -moz-transform: translateY(-0.1rem);-o-transform: translateY(-0.1rem);-ms-transform: translateY(-0.1rem);transform: translateY(-0.1rem);box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);}
.index_news .right a:hover:after{width: 100%}

.index_proin .index_more_white a:hover{background: #2ca137;}
.index_span span a:hover{background: #2ca137; color: #fff !important;}

.index_proin,.index_pro_p{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.index_pro li dl:hover .index_proin{
    transform:translateY(-0.2rem) translate(-50%,-50%);
    -webkit-transform:translateY(-0.2rem)  translate(-50%,-50%);
    -ms-transform:translateY(-0.2rem)  translate(-50%,-50%);
    -moz-transform:translateY(-0.2rem)  translate(-50%,-50%);
    -o-transform:translateY(-0.2rem)  translate(-50%,-50%);}

}