@charset "utf-8";

/* CSS Document */
body {
  margin     : 0px;
  padding    : 0px;
  font-size  : 12px;
  color      : #666;
  font-family: regular;
  overflow-x : hidden;
}

html,
body {
  overscroll-behavior  : none;
  -webkit-user-drag    : none;
  -webkit-touch-callout: none;
}

a {
  color          : #666;
  text-decoration: none;
  outline        : none;
}

a:active {
  star: expression(this.onFocus=this.blur());
}

img {
  border        : 0px;
  vertical-align: middle;
}

a:link {
  text-decoration: none;
  outline        : none;
}

a:visited {
  text-decoration: none;
  outline        : none;
}

a:hover {
  text-decoration: none;
  color          : #00b259;
  outline        : none;
}

ul,
p,
dl,
dt,
dd {
  padding: 0px;
  margin : 0px;
}

li {
  list-style-position: outside;
  list-style-type    : none;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 14px;
  padding  : 0px;
  margin   : 0px;
}

h1 {
  font-size: 16px;
}

h5 {
  font-size: 12px;
}

.fl {
  float: left;
  align-items: center;
}

.fr {
  float: right;
}

.clear_f {
  clear   : both;
  height  : 0px;
  padding : 0px;
  margin  : 0px;
  display : block;
  _display: inherit;
}

.h10 {
  height  : 10px;
  overflow: hidden;
  clear   : both;
}

.h30 {
  height  : 30px;
  overflow: hidden;
  clear   : both;
}

.h60 {
  height  : 60px;
  overflow: hidden;
  clear   : both;
}

.h70 {
  height  : 70px;
  overflow: hidden;
  clear   : both;
}

.h100 {
  height  : 100px;
  overflow: hidden;
  clear   : both;
}

input,
textarea {
  background: transparent;
  padding   : 0px;
  font-size : 12px;
  color     : #888;
  outline   : none;
  border    : 0px;
}

em {
  font-style: normal;
}

.btn1 {
  cursor: pointer;
}

.red {
  color: #cb1f18;
}

.wal {
  width : 15.36rem;
  margin: 0px auto;
}

.wal2 {
  width : 1200px;
  margin: 0px auto;
}

.wal3 {
  width : 14.0rem;
  margin: 0px auto;
}

.w1088 {
  width: 10.88rem;
}

.w384 {
  width: 3.84rem;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

.flex {
  align-items        : center;
  -webkit-align-items: center;
}

.flex {
  justify-content        : center;
  -webkit-justify-content: center;
}

.flexl {
  justify-content        : space-between;
  -webkit-justify-content: space-between;
}

a,
.zzNav,
.sideBar .mouse,
.headDiv .topSearch em,
.headDiv .lan em,
.headDiv .topSearch .layerDiv,
.headDiv .lan .list,
.sideBar .botbot li .ico img,
.sideBar .botbot li .txt,
.carsP3 .list li .box,
.carsP3 .list li .name,
.carsP4 .list li .name,
.carsP4 .list li .wen,
.carsP6 .tab2 li,
.carsP6 .tab2 li:after,
.carsP6 .item .btnDiv .btn1:after,
.carsP7 .btnDiv a:after,
.carsP8 .btnDiv .btn1:after,
.carsP9 .list li .name,
.carsP9 .list li .msgDiv:after,
.carsP10 .btnDiv li .btn2:after,
.energyP1 .list li .name,
.energyP2 .list li .box:before,
.energyP4 .list li .btnDiv .btn1:after,
.energyP6 .list li .box,
.energyP6 .list li .name,
.energyP6 .list li .msg,
.energyP6 .list li .time,
.energyP6 .list li .more,
.energyP7 .list li .btnDiv dd a:after,
.aboutPart1 .list li .layer,
.aboutPart4 .timeLine li,
.aboutPart4 .timeLine li:after,
.aboutPart5 .haha li:after,
.indexP1 .line1 .name,
.indexP1 .line1 .layer,
.indexP1 .line2 li .layer,
.indexP1 .line3 li .box .name,
.indexP1 .line3 li .box .msg,
.indexP2 .tab2 li .name,
.indexP2 .btnDiv .btn1:after,
.indexP4 .tab2 li,
.indexP4 .tab2 li:after,
.indexP4 .item .btnDiv .btn1:after,
.indexP5 .swiper-pagination-bullet,
.indexP7 .btnDiv a:after,
.indexP7 .botList li .more a:after,
.indexP9 .leftDiv .botDiv,
.indexP9 .leftDiv .name,
.indexP9 .leftDiv .content,
.indexP9 .leftDiv .time,
.indexP9 .rightList li .name,
.successP2 .list li .box,
.successP2 .list li .ico img,
.successP2 .list li .name,
.successP2 .list li .msg,
.successP3 .list li .round:before,
.successP4 .list li .btnDiv .btn1:after,
.PHMP3 .list li .box:before,
.PHMP3 .list li .ico,
.PHMP4 .list li .ico,
.newsPic .name,
.newsP2 .newsTab li a:after,
.newsP2 .list li .box:after,
.newsP2 .list li .name,
.newShow .share li img,
.relatePart .list li .name,
.aboutPart3-4 .tab2 li:before,
.aboutPart3-4 .tab2 li .name {
  transition        : All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition   : All 0.5s ease;
  -o-transition     : All 0.5s ease;
}

.sNav,
.xNav,
.sideTitleTel .con img,
.energyP6 .list li .imgDiv img,
.energyP7 .list li .imgDiv img,
.indexP9 .leftDiv .imgDiv img,
.logoList .list .limg img,
.cultureP1 .list li .limg img,
.aboutPart1 .list li .msg,
.aboutPart3 .list li img,
.indexP6 .list li .limg img {
  transition        : All 0.8s ease;
  -webkit-transition: All 0.8s ease;
  -moz-transition   : All 0.8s ease;
  -o-transition     : All 0.8s ease;
}

/*.news .list li .imgDiv img{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;  
}*/

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
}



.gradient2 {
  background-image       : -webkit-linear-gradient(top, #60cd97, #e0f1ea);
  background-image       : linear-gradient(to bottom, #60cd97, #e0f1ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient3 {
  background-image       : -webkit-linear-gradient(top, #cad0db, #3f537b);
  background-image       : linear-gradient(to bottom, #cad0db, #3f537b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}




.Phone-Box {
  display: none;
}

.fangda {
  overflow: hidden;
}

.fangda img {
  transition        : 2s;
  -moz-transition   : 2s;
  -webkit-transition: 2s;
  -o-transition     : 2s;
}

.fangda:hover img {
  transform        : scale(1.1);
  -webkit-transform: scale(1.1);
}

.l1 {
  overflow     : hidden;
  white-space  : nowrap;
  text-overflow: ellipsis;
}

.l2 {
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow          : hidden;
}

.l3 {
  display           : -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow          : hidden;
}

/*按钮动画--start*/
.ico_h {
  display                    : inline-block;
  position                   : relative;
  -webkit-transition-duration: 0.3s;
  transition-duration        : 0.3s;
  -webkit-transition-property: transform;
  transition-property        : transform;
  -webkit-transform          : translateZ(0);
  transform                  : translateZ(0);
  box-shadow                 : 0 0 1px rgba(0, 0, 0, 0);
}

.ico_h:before {
  pointer-events             : none;
  position                   : absolute;
  z-index                    : -1;
  content                    : '';
  top                        : 100%;
  left                       : 5%;
  height                     : 10px;
  width                      : 90%;
  opacity                    : 0;
  background                 : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration        : 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property        : transform, opacity;
}

.ico_h:hover,
.ico_h:focus,
.ico_h:active {
  -webkit-transform                : translateY(-6px);
  transform                        : translateY(-6px);
  -webkit-animation-name           : hover;
  animation-name                   : hover;
  -webkit-animation-duration       : 1.5s;
  animation-duration               : 1.5s;
  -webkit-animation-delay          : 0.3s;
  animation-delay                  : 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function        : linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count        : infinite;
  -webkit-animation-direction      : alternate;
  animation-direction              : alternate;
}

.ico_h:hover:before,
.ico_h:focus:before,
.ico_h:active:before {
  opacity                          : .4;
  -webkit-transform                : translateY(6px);
  transform                        : translateY(6px);
  -webkit-animation-name           : hover-shadow;
  animation-name                   : hover-shadow;
  -webkit-animation-duration       : 1.5s;
  animation-duration               : 1.5s;
  -webkit-animation-delay          : 0.3s;
  animation-delay                  : 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function        : linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count        : infinite;
  -webkit-animation-direction      : alternate;
  animation-direction              : alternate;
}

/*按钮动画--end*/

@keyframes am_top {
  0% {
    -webkit-transform: translate(0, 30px);
    opacity          : 0
  }

  100% {
    -webkit-transform: translate(0, 0px);
    opacity          : 1
  }
}

@-webkit-keyframes am_top {
  0% {
    -webkit-transform: translate(0, 30px);
    opacity          : 0
  }

  100% {
    -webkit-transform: translate(0, 0px);
    opacity          : 1
  }
}

@keyframes am_left {
  0% {
    -webkit-transform: translate(30px, 0);
    opacity          : 0
  }

  100% {
    -webkit-transform: translate(0, 0px);
    opacity          : 1
  }
}

@-webkit-keyframes am_left {
  0% {
    -webkit-transform: translate(30px, 0);
    opacity          : 0
  }

  100% {
    -webkit-transform: translate(0, 0px);
    opacity          : 1
  }
}

@keyframes am_right {
  0% {
    -webkit-transform: translate(-30px, 0);
    opacity          : 0
  }

  100% {
    -webkit-transform: translate(0, 0px);
    opacity          : 1
  }
}

@-webkit-keyframes am_right {
  0% {
    -webkit-transform: translate(-30px, 0);
    opacity          : 0
  }

  100% {
    -webkit-transform: translate(0, 0px);
    opacity          : 1
  }
}

@keyframes upDown {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes upDown {
  from {
    -webkit-transform: translateY(10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@keyframes leftRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(10px);
  }
}

@-webkit-keyframes leftRight {
  from {
    -webkit-transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(10px);
  }
}

@keyframes rightLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-10px);
  }
}

@-webkit-keyframes rightLeft {
  from {
    -webkit-transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-10px);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

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

  100% {
    transform: rotate(-360deg);
  }
}

@-moz-keyframes rotate2 {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.headD {
  height: 92px;
}

.headDiv {
  height    : 92px;
  width     : 100%;
  position  : fixed;
  left      : 0;
  top       : 0;
  z-index   : 12;
  background: #fff;
  transition: all .5s ease-out 0s;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.headDiv.on {
  top: -92px;
}

.headDiv .wal {
  height  : 92px;
  position: relative;
}

.headDiv .logo {
  position: absolute;
  left    : 0;
  top     : 18px;
  z-index : 1;
}

.nav {
  position: absolute;
  left    : 2.5rem;
  top     : 0;
}

.nav li {
  float    : left;
  font-size: 18px;
}

.nav li a {
  display    : block;
  position   : relative;
  height     : 92px;
  line-height: 92px;
  padding    : 0 0.25rem;
  color      : #000;
  cursor     : pointer;
}

.nav li a:hover,
.nav li .aNow,
.nav li .aNow1 {
  color: #00b259;

}

.headDiv .topRight {
  position: absolute;
  right   : 0;
  top     : 0;
  z-index : 1;
}

.headDiv .tel {
  padding-left : 0.36rem;
  height       : 92px;
  line-height  : 92px;
  font-size    : 0.2rem;
  color        : #11a84e;
  padding-right: 0.3rem;
}

.headDiv .tel img {
  position  : absolute;
  left      : 0;
  top       : 50%;
  margin-top: -0.1rem;
  width     : 0.25rem;
}

.headDiv .topSearch {
  width   : 54px;
  height  : 92px;
  position: relative;
  cursor  : pointer;
}

.headDiv .topSearch em {
  display    : block;
  height     : 92px;
  line-height: 92px;
  background : url(../images/nimg20_1.png) center no-repeat;
}

.headDiv .topSearch .layerDiv {
  opacity   : 0;
  visibility: hidden;
  position  : absolute;
  right     : 0px;
  top       : 102px;
  width     : 326px;
  height    : 60px;
  background: #f2eeea;
}

.headDiv .topSearch .input1 {
  padding-left: 30px;
  height      : 60px;
  width       : 296px;
  line-height : 60px;
  color       : #666;
  font-size   : 14px;
}

.headDiv .topSearch .btn1 {
  position  : absolute;
  right     : 0px;
  top       : 0;
  width     : 64px;
  height    : 60px;
  background: url(../images/nimg34_1.png) center no-repeat;
}

.headDiv .topSearch.on em {
  background: #11a84e url(../images/nimg20_1on.png) center no-repeat;
}

.headDiv .topSearch.on .layerDiv {
  opacity   : 1;
  visibility: visible;
  top       : 92px;
}

.headDiv .lan {
  width   : 54px;
  height  : 92px;
  position: relative;
  cursor  : pointer;
}

.headDiv .lan em {
  display    : block;
  height     : 92px;
  line-height: 92px;
  background : url(../images/nimg20_2.png) center no-repeat;
}

.headDiv .lan .list {
  opacity   : 0;
  visibility: hidden;
  position  : absolute;
  top       : 102px;
  left      : 0px;
  width     : 87px;
  padding   : 8px 0;
  background: #f2eeea;
}

.headDiv .lan.on em {
  background: #11a84e url(../images/nimg20_2on.png) center no-repeat;
}

.headDiv .lan.on .list {
  opacity   : 1;
  visibility: visible;
  top       : 92px;
}

.headDiv .lan .list li {
  font-size  : 14px;
  line-height: 36px;
  text-align : center;
}

.headDiv .lan .list li a {
  display: block;
  color  : #333;
}

.headDiv .lan .list li a:hover {
  color: #11a84e;
}

.headDiv .bookBtn {
  padding-top : 26px;
  padding-left: 26px;
}

.headDiv .bookBtn a {
  display      : block;
  width        : 98px;
  height       : 38px;
  line-height  : 38px;
  font-size    : 16px;
  color        : #11a84e;
  text-align   : center;
  border-radius: 4px;
  border       : #11a84e solid 1px;
}

.headDiv .bookBtn a:hover {
  color     : #fff;
  background: #11a84e;
}

.pageBg {
  position  : fixed;
  z-index   : 8;
  width     : 100%;
  height    : 100%;
  display   : none;
  background: rgba(0, 0, 0, 0.5);
  left      : 0px;
  top       : 0px;
}

/*导航触发效果*/
.sNav {
  opacity   : 0;
  visibility: hidden;
  position  : fixed;
  z-index   : -1;
  width     : 160px;
  top       : 102px;
}

.sNav .bg {
  height    : 15px;
  background: url(../images/sNav.png) center bottom no-repeat;
  cursor    : pointer;
  position  : relative;
  z-index   : 2;
}

.sNav .list {
  background   : #fff;
  border-radius: 6px;
  padding-top  : 20px;
  box-shadow   : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.sNav li {
  padding-bottom: 20px;
  font-size     : 16px;
  text-align    : center;
}

.sNav li a {
  display: block;
  color  : #333;
}

.sNav li a:hover {
  color: #00b259;
}

.sNav.on {
  opacity   : 1;
  visibility: visible;
  top       : 92px;
  z-index   : 5;
}

.xNav {
  opacity   : 0;
  visibility: hidden;
  position  : fixed;
  z-index   : -1;
  width     : 100%;
  left      : 0;
  top       : 102px;
  min-height: 2.6rem;
  background: #fff;
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.08);
}

.xNav.on {
  opacity   : 1;
  visibility: visible;
  top       : 92px;
  z-index   : 5;
}

.xNav .list ul {
  font-size: 0;
}

.xNav .list li {
  display       : inline-block;
  width         : 20%;
  min-height    : 2.0rem;
  vertical-align: top;
  /* overflow   : hidden;*/
  padding-right : 0.3rem;
  padding-top   : 0.3rem;
  padding-bottom: 0.2rem;
  position      : relative;
  box-sizing    : border-box;
}

.xNav .list li:nth-child(5n) {
  padding-right: 0;
}

.xNav .list li .name {
  padding-bottom: 0.1rem;
}

.xNav .list li .name a {
  display    : block;
  font-size  : 16px;
  color      : #000;
  line-height: 0.24rem;
}

.xNav .list li .name a:hover {
  color: #00b259;
  cursor: pointer;
}

/*.xNav .list li .lie{ padding-top: 0.1rem; }*/
.xNav .list li .lie dd a {
  display    : block;
  line-height: 0.3rem;
  font-size  : 0.14rem;
  position   : relative;
}

.xNav .list li .lie dd a:hover,
.xNav .list li .lie dd a.on {
  color: #00b259;
}

.xNav .list li .lie dd a img {
  position: absolute;
  left    : -25px;
  width   : 21px;
  top     : 5px;
}

.navLayer {
  overflow-x: auto;
  height    : 100%;
  width     : 100%;
  overflow  : hidden;
  position  : fixed;
  z-index   : 22;
  right     : -100%;
  top       : 0px;
}

.navLayer .bg {
  overflow-x: auto;
  position  : relative;
  background: #fff;
  height    : 100%;
  width     : 100%;
}

.navLayer .toptop {
  height       : 1.2rem;
  position     : relative;
  border-bottom: #d6d6d6 solid 1px;
}

.navLayer .closeBtn {
  width      : 1.2rem;
  height     : 1.2rem;
  position   : absolute;
  top        : 0px;
  right      : 0;
  text-align : center;
  line-height: 1.2rem;
}

.navLayer .closeBtn img {
  width: 0.48rem;
}

.sideNav {
  padding: 0 0 0.3rem;
}

.subNav {
  cursor       : pointer;
  padding-left : 0.3rem;
  display      : block;
  height       : 1.0rem;
  line-height  : 1.0rem;
  position     : relative;
  font-size    : 0.34rem;
  border-bottom: #d6d6d6 solid 1px;
}

.subNav1 {
  background     : url(../images/ico4.png) right center no-repeat;
  background-size: 28px;
  color          : #333;
}

.subNav .name {
  position: relative;
}

.subNav a {
  color  : #333;
  display: block;
}

.currentDt {
  background     : #00b259 url(../images/ico4on.png) right center no-repeat;
  background-size: 28px;
  color          : #fff;
}

.navContent {
  display: none;
  padding: 0 0.3rem;
}

.navContent li {
  position: relative;
}

.navContent .back {
  height       : 1.1rem;
  line-height  : 1.1rem;
  border-bottom: #ccc solid 1px;
  font-size    : 0.32rem;
}

.navContent .back img {
  width        : 6px;
  position     : relative;
  top          : -0.02rem;
  padding-right: 0.2rem;
}

.navContent a {
  display    : block;
  height     : 0.9rem;
  line-height: 0.9rem;
  color      : #333;
  font-size  : 0.3rem;
}

.navContent .list {
  display: none;
}

.sideNav .list .aNow {
  color: #fff;
}

.sideNav .list a {
  font-size: 0.26rem;
  color    : #666;
}

.sideNav li em a {
  background     : url(../images/ico5.png) right center no-repeat;
  background-size: 12px;
}

.sideNav li em a.aNow {
  background     : url(../images/ico5on.png) right center no-repeat;
  background-size: 12px;
}

.sideNav dd a {
  height      : 0.84rem;
  line-height : 0.84rem;
  padding-left: 0.4rem;
}

.navIco {
  position  : absolute;
  display   : none;
  top       : 0;
  right     : 0;
  width     : 1.2rem;
  height    : 1.2rem;
  background: #00b259;
}

.navIco img {
  position   : absolute;
  left       : 50%;
  top        : 50%;
  margin-left: -9px;
  margin-top : -8px;
  width      : 18px;
}

.closeIco {
  position: absolute;
  right   : 1.05rem;
  top     : 10px;
  width   : 30px;
  height  : 30px;
}


.zzNav {
  position  : fixed;
  right     : 0;
  top       : -100%;
  width     : 7.7rem;
  background: #fafafa;
  height    : 100%;
  z-index   : 10;
  overflow  : hidden;
}

.zzNav.on {
  opacity: 1;
  height : 100%;
}

.zzNav .main {
  padding: 1.4rem 0 0 0.65rem;
}

.zzNav .scroll {
  position     : relative;
  overflow     : auto;
  height       : 80vh;
  padding-right: 1.05rem;
}

.zzNav .scroll::-webkit-scrollbar {
  width: 4px;
}

.zzNav .scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}

.zzNav .scroll::-webkit-scrollbar-thumb {
  background-color: #11a84e;
}

.zzNav .title {
  font-size     : 0.32rem;
  color         : #00b259;
  line-height   : 0.32rem;
  font-weight   : bold;
  padding-bottom: 0.15rem;
}

.zzNav .msg {
  font-size     : 14px;
  color         : #999;
  padding-bottom: 0.45rem;
}

.zzNav .form {
  padding-top: 0.1rem;
  overflow   : hidden;
}

.zzNav .form ul {
  margin-right: -0.4rem;
}

.zzNav .form li {
  float         : left;
  width         : 50%;
  padding-bottom: 0.15rem;
}

.zzNav .form li .box {
  margin-right: 0.4rem;
  position    : relative;
}

.zzNav .form li p {
  height     : 24px;
  font-size  : 14px;
  color      : #888;
  font-weight: bold;
}

.zzNav .form li p em {
  color       : #11a84e;
  padding-left: 0.15rem;
}

.zzNav .form li .input1 {
  width      : 100%;
  height     : 0.5rem;
  line-height: 0.5rem;
  background : #eee;
  font-size  : 14px;
}

.zzNav .form li .yzm {
  position   : absolute;
  right      : 0;
  bottom     : 0;
  width      : 1.1rem;
  height     : 0.5rem;
  text-align : center;
  line-height: 0.5rem;
  background : #11a84e;
  color      : #fff;
  font-size  : 14px;
  z-index    : 1;
}

.zzNav .form2 h2 {
  color         : #888;
  padding-bottom: 0.1rem;
}

.zzNav .form2 textarea {
  width     : 100%;
  height    : 0.8rem;
  background: #eee;
}

.zzNav .btnDiv {
  padding-top: 0.15rem;
}

.zzNav .btnDiv a {
  display    : block;
  width      : 1.92rem;
  height     : 0.5rem;
  line-height: 0.5rem;
  background : #11a84e;
  color      : #fff;
  font-size  : 0.16rem;
  font-weight: bold;
  text-indent: 0.35rem;
  position   : relative;
}

.zzNav .btnDiv a:before {
  content        : '';
  position       : absolute;
  right          : 0.42rem;
  top            : 50%;
  margin-top     : -0.04rem;
  width          : 0.17rem;
  height         : 0.07rem;
  background     : url(../images/nimg17_1on.png) center no-repeat;
  background-size: 0.17rem;
}

.zzNav .selectBox {
  margin-right: -0.4rem;
}

.zzNav .selectBox .leftDiv,
.zzNav .selectBox .rightDiv {
  width: 100%;
}

.zzNav .selectBox .ddan {
  margin-right: 0.4rem;
}

.zzNav .selectBox .bdc {
  margin-right: -10px;
}

.zzNav .selectBox .liDiv {
  width         : 50%;
  float         : left;
  padding-bottom: 10px;
  position      : relative;
}

.zzNav .selectBox .liDiv2 {
  width: 100%;
}

.zzNav .selectBox .liDiv p {
  height     : 24px;
  font-size  : 14px;
  color      : #888;
  font-weight: bold;
}

.zzNav .selectBox .liDiv p em {
  color       : #00b259;
  padding-left: 0.15rem;
}

.zzNav .selectBox .liDiv .box {
  margin-right: 10px;
}

.zzNav .selectBox .select {
  width   : 100%;
  position: relative;
  height  : 50px;
}

.zzNav .selectBox .select dt {
  height     : 0.5rem;
  line-height: 0.5rem;
  border     : #00b259 solid 2px;
  display    : inline-block;
  width      : 100%;
  background : #fafafa url(../images/selectIco.jpg) no-repeat right center;
  box-sizing : border-box;
  cursor     : pointer;
  overflow   : hidden;
  position   : relative;
}

.zzNav .selectBox .select dt a {
  font-size   : 0.18rem;
  color       : #000;
  position    : relative;
  padding-left: 0.18rem;
  display     : block;
  text-align  : left;
  overflow    : hidden;
}

.zzNav .selectBox .select dd {
  margin    : 0;
  position  : absolute;
  left      : 0px;
  top       : 0.5rem;
  z-index   : 10;
  width     : 100%;
  box-sizing: border-box;
}

.zzNav .selectBox .select dd ul {
  list-style: none;
  overflow  : auto;
  padding   : 0 0.18rem;
  background: #fff;
  height    : 2.05rem;
  overflow-x: auto;
}

.zzNav .selectBox .select dd ul li {
  width        : 100%;
  text-align   : left;
  line-height  : 0.4rem;
  height       : 0.4rem;
  cursor       : pointer;
  border-bottom: 1px solid #eee;
  color        : #999;
  font-size    : 14px;
}

.zzNav .selectBox .select dd ul li:last-child {
  border-bottom: none;
}

.zzNav .selectBox .select dd ul li:hover {
  color: #00b259;
}

.zzNav .selectBox .select.on dt {
  color: #00b259;
}

.zzNav .selectBox .select dd ul::-webkit-scrollbar {
  width: 4px;
}

.zzNav .selectBox .select dd ul::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}

.zzNav .selectBox .select dd ul::-webkit-scrollbar-thumb {
  background-color: #00b259;
}

.pageBg {
  position  : fixed;
  z-index   : 6;
  width     : 100%;
  height    : 100%;
  display   : none;
  background: rgba(0, 0, 0, 0.5);
  left      : 0px;
  top       : 0px;
  cursor    : pointer;
}

.footDiv {
  padding   : 1.0rem 0 1.35rem;
  overflow  : hidden;
  background: #232529;
  position  : relative;
}

.footNav {
  position: relative;
  z-index : 1;
}

.footNav li {
  float: left;
  width: 2.2rem;
}

.footNav li:last-child {
  width: auto;
}

.footNav li h2 a {
  display    : block;
  font-weight: 400;
  font-size  : 0.18rem;
  line-height: 0.18rem;
  color      : #fff;
  height     : 0.45rem;
}

.footNav li dd {
  font-size  : 0.14rem;
  line-height: 0.36rem;
}

.footNav li dd a {
  color: #85878c;
}

.footNav li h2 a:hover,
.footNav li dd a:hover {
  color: #11a84e;
  cursor: pointer;
}

.footDiv .msgList {
  padding-bottom: 0.2rem;
}

.footDiv .msgList li {
  text-align    : right;
  padding-bottom: 0.3rem;
}

.footDiv .msgList li .wen {
  font-size     : 14px;
  color         : #85878c;
  line-height   : 14px;
  padding-bottom: 0.25rem;
}

.footDiv .msgList li .tel {
  font-size  : 0.36rem;
  line-height: 0.36rem;
  color      : #fff;
  font-family: mont;
}

.footDiv .msgList li .email {
  font-size  : 0.18rem;
  line-height: 0.18rem;
  color      : #fff;
  font-family: mont;
}

.footDiv .ewmList li {
  float      : left;
  margin-left: 0.3rem;
}

.footDiv .ewmList li .limg img {
  width: 1.2rem;
}

.footDiv .ewmList li p {
  color      : #85878c;
  font-size  : 14px;
  line-height: 14px;
  padding-top: 10px;
  text-align : center;
}

.footDiv .botbot {
  position   : absolute;
  left       : 50%;
  margin-left: -7.68rem;
  bottom     : 0;
  width      : 15.36rem;
  border-top : #36383c solid 1px;
}

.footDiv .msg {
  font-size  : 14px;
  line-height: 1.15rem;
}

.footDiv .links {
  position   : relative;
  right      : -0.16rem;
  font-size  : 14px;
  line-height: 1.15rem;
  color      : #85878c;
}

.footDiv .links a {
  padding: 0 0.16rem;
  color  : #85878c;
}

.footDiv .links a:hover {
  color: #11a84e;
}


/*右侧悬浮窗*/
.sideBar {
  position: fixed;
  right   : 20px;
  top     : 25%;
  z-index : 5;
  width   : 52px;
  cursor  : pointer;
}

.sideBar .toptop {
  position     : relative;
  margin-bottom: 10px;
  width        : 48px;
  border       : #fff solid 2px;
  background   : #11a84e;
  padding-top  : 54px;
  height       : 88px;
  text-align   : center;
  border-radius: 48px;
  box-shadow   : 0px 0px 20px 0px rgba(11, 30, 60, 0.15);
}

.sideBar .toptop p {
  font-size  : 16px;
  line-height: 16px;
  color      : #fff;
  padding    : 0 10px;
}

.sideBar .toptop .ico {
  position   : absolute;
  top        : 14px;
  left       : 50%;
  margin-left: -13px;
}

.sideBar .botbot {
  width        : 52px;
  padding      : 15px 0;
  background   : #fff;
  border-radius: 48px;
  box-shadow   : 0px 0px 20px 0px rgba(11, 30, 60, 0.15);
}

.sideBar .botbot li {
  padding  : 10px 0;
  font-size: 14px;
  position : relative;
}

.sideBar .botbot li a {
  display   : block;
  width     : 100%;
  height    : 100%;
  text-align: center;
}

.sideBar .botbot li .ico {
  width   : 20px;
  height  : 20px;
  position: relative;
  margin  : 0 auto;
}

.sideBar .botbot li .ico img {
  position: absolute;
  left    : 0;
  top     : 0;
}

.sideBar .botbot li .ico .img1 {
  opacity: 0;
}

.sideBar .botbot li .txt {
  padding-top: 6px;
  font-size  : 14px;
  line-height: 14px;
}

.sideBar .botbot li a:hover .ico img {
  opacity: 0;
}

.sideBar .botbot li a:hover .ico .img1 {
  opacity: 1;
}

.sideBar .botbot li a:hover .txt {
  color: #11a84e;
}

.sideBar .mouse {
  position  : absolute;
  left      : -230px;
  top       : 0px;
  opacity   : 0;
  visibility: hidden;
  z-index   : 0;
}

.sideBar .liNow .mouse {
  opacity   : 1;
  visibility: visible;
}

.sideBar .li02 .mouse {
  left      : -338px;
  width     : 328px;
  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);
}

.sideBar .li02.liNow .mouse {
  left: -328px;
}

.sideBar .li02 .bbb {
  background: #fff;
  width     : 318px;
  height    : 187px;
  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);
}

.sideBar .li02 .title {
  padding  : 25px 0 0 38px;
  font-size: 14px;
}

.sideBar .li02 .list2 {
  padding: 15px 0 0 38px;
}

.sideBar .li02 .list2 dd {
  padding-right: 38px;
  float        : left;
}

.sideBar .li02 .list2 dd img {
  width: 100px;
  height: 100px;
}

.sideBar .li03 .mouse {
  left      : -278px;
  width     : 268px;
  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);
}

.sideBar .li03.liNow .mouse {
  left: -268px;
}

.sideBar .li03 .aaa {
  background: #fff;
  width     : 258px;
  height    : 70px;
}

.sideBar .li03 .tel {
  line-height : 70px;
  padding-left: 20px;
  font-size   : 14px;
  color       : #939393;
}

.sideBar .li03 .tel em {
  padding-left: 18px;
  font-size   : 18px;
  color       : #11a84e;
  font-family : 'mont';
}


.pageBanner {
  position: relative;
}

.pageBanner .bg img {
  width: 100%;
}

.pageBanner .info {
  position   : absolute;
  top        : 0;
  height     : 100%;
  left       : calc((100% - 15.36rem) / 2);
  z-index    : 2;
  width      : 50%;
  display    : flex;
  display    : -webkit-box;
  display    : -moz-box;
  display    : -webkit-flex;
  display    : -moz-flex;
  display    : -ms-flexbox;
  align-items: center;
}

.pageBanner .txt {
  font-size     : 0.48rem;
  line-height   : 0.56rem;
  color         : #fff;
  padding-bottom: 0.28rem;
}

.pageBanner .name {
  font-size     : 0.6rem;
  line-height   : 0.6rem;
  color         : #fff;
  padding-bottom: 0.25rem;
  font-weight   : bold;
}

.pageBanner .wen {
  font-size     : 0.3rem;
  line-height   : 0.3rem;
  color         : #fff;
  padding-bottom: 0.4rem;
}

.pageBanner .msg {
  font-size  : 0.2rem;
  line-height: 0.36rem;
  color      : #fff;
  width      : 88%;
}

.pageBanner .content {
  font-size  : 0.18rem;
  line-height: 0.3rem;
  color      : #fff;
  text-align : justify;
  width      : 88%;
}

.pageBanner .btnDiv {
  padding-top: 0.4rem;
}

.pageBanner .btnDiv a {
  display      : block;
  text-align   : center;
  font-size    : 0.18rem;
  border-radius: 0.36rem;
  width        : 1.8rem;
  height       : 0.56rem;
  line-height  : 0.56rem;
  background   : #00b259;
  color        : #fff;
}

.pageBanner .btnDiv a:hover {
  background: #fff;
  color     : #00b259;
}

.pageTop {
  position  : absolute;
  left      : 0;
  bottom    : 0;
  width     : 100%;
  height    : 0.72rem;
  background: rgba(22, 86, 194, 0.9);
  z-index   : 1;
}

.pageTop.on {
  position: fixed;
  left    : 0;
  top     : 0;
  z-index : 10;
}

.pageTop .wal {
  position: relative;
  height  : 0.72rem;
}

.pageTop .name {
  font-weight: bold;
  font-size  : 0.2rem;
  line-height: 0.72rem;
  position   : absolute;
  left       : 0;
  top        : 0;
  color      : #fff;
}

.pageNav {
  padding-left: 1.76rem;
}

.pageNav li {
  float       : left;
  margin-right: 0.7rem;
  font-size   : 16px;
}

.pageNav li a {
  position   : relative;
  display    : block;
  height     : 0.72rem;
  line-height: 0.72rem;
  color      : rgba(255, 255, 255, 0.7);
}

.pageNav li a:after {
  content   : '';
  position  : absolute;
  left      : 50%;
  bottom    : 0;
  width     : 0;
  height    : 2px;
  background: #fff;
}

.pageNav li .aNow {
  color: #fff;
}

.pageNav li .aNow:after {
  width: 100%;
  left : 0;
}

.pageNow {
  display     : none;
  padding-left: 10px;
  background  : url(../images/nimg10_1.png) left center no-repeat;
  line-height : 0.72rem;
  font-size   : 16px;
  position    : absolute;
  right       : 50%;
  margin-right: -7.68rem;
  bottom      : 0;
  z-index     : 2;
}

.pageNow a {
  color   : rgba(255, 255, 255, 0.7);
  padding : 0 22px 0 15px;
  position: relative;
}

.pageNow a:after {
  content   : '';
  position  : absolute;
  right     : 0;
  top       : 50%;
  width     : 4px;
  height    : 7px;
  background: url(../images/ico2.png) no-repeat;
  margin-top: -3px;
}

.pageNow em {
  padding-left: 15px;
  color       : rgba(255, 255, 255, 0.7);
}

.pageNow a:hover {
  color: #fff;
}

.pageBox {
  padding: 1.2rem 0;
}

.pageTitle {
  text-align: center;
}

.pageTitle .en {
  font-size     : 0.48rem;
  line-height   : 0.48rem;
  padding-bottom: 0.15rem;
  opacity       : 0.2;
  display       : inline-block;
  text-transform: uppercase;
  font-family   : mont;
}

.pageTitle .cn {
  font-size     : 0.48rem;
  line-height   : 0.48rem;
  color         : #060000;
  font-weight   : bold;
  padding-bottom: 0.3rem;
  position      : relative;
}

.pageTitle .cn:after {
  content    : '';
  position   : absolute;
  left       : 50%;
  margin-left: -20px;
  bottom     : 0;
  width      : 40px;
  height     : 4px;
  background : #1656c2;
}

.pageTitleTel {
  height    : 1.1rem;
  background: #1656c2;
  position  : relative;
}

.sideTitleTel {
  width   : 100%;
  height  : 1.1rem;
  position: absolute;
  left    : 0px;
  top     : 0px;
}

.sideTitleTel .con {
  font-size    : 0.36rem;
  height       : 1.1rem;
  line-height  : 1.1rem;
  position     : relative;
  padding-right: 10px;
}

.sideTitleTel .con a {
  color       : #fff;
  display     : block;
  height      : 1.1rem;
  padding-left: 0.3rem;
}

.sideTitleTel .con img {
  position         : absolute;
  right            : 0.3rem;
  top              : 50%;
  margin-top       : -0.12rem;
  width            : 0.4rem;
  transform        : rotate(0deg);
  -ms-transform    : rotate(0deg);
  -moz-transform   : rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform     : rotate(0deg);
}

.sideTitleTel .con.on img {
  transform        : rotate(180deg);
  -ms-transform    : rotate(180deg);
  -moz-transform   : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform     : rotate(180deg);
}

.sideTitleNav {
  position          : absolute;
  top               : 1.1rem;
  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.3rem;
  height       : 1.0rem;
  border-bottom: #d7d7d7 solid 1px;
}

.sideTitleNav li a {
  display     : block;
  height      : 1.0rem;
  line-height : 1.0rem;
  padding-left: 0.3rem;
  color       : #666;
}

.sideTitleTel .con em {
  display     : block;
  color       : #fff;
  padding-left: 0.3rem;
}


/*分页*/
.pageNum {
  text-align : center;
  padding-top: 80px;
}

.pageNum a {
  display      : inline-block;
  position     : relative;
  width        : 50px;
  height       : 50px;
  line-height  : 50px;
  text-align   : center;
  font-size    : 18px;
  color        : #3f4150;
  margin       : 0 6px;
  border-radius: 50%;
  font-family  : mont;
}

.pageNum a:hover,
.pageNum .aNow {
  background: #00b259;
  color     : #fff;
}

.pageNum .prev:after {
  content    : '<';
  font-family: '宋体';
  font-weight: bold;
}

.pageNum .next:after {
  content    : '>';
  font-family: '宋体';
  font-weight: bold;
}

.pageMore {
  padding-top: 0.3rem;
}

.pageMore a {
  display    : block;
  height     : 1.0rem;
  line-height: 1.0rem;
  background : #00b259;
  color      : #fff;
  text-align : center;
  font-size  : 0.3rem;
}


.tabContent {
  display: none;
}

.tab li {
  cursor: pointer;
}

.tabContent2 {
  display: none;
}

.tab2 li {
  cursor: pointer;
}


.fadeInUp50 {
  -webkit-animation-name: fadeInUp50;
  -moz-animation-name   : fadeInUp50;
  -ms-animation-name    : fadeInUp50;
  animation-name        : fadeInUp50;
}

@-webkit-keyframes fadeInUp50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform   : translate3d(0, 50px, 0);
    -ms-transform    : translate3d(0, 50px, 0);
    transform        : translate3d(0, 50px, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInUp50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform   : translate3d(0, 50px, 0);
    -ms-transform    : translate3d(0, 50px, 0);
    transform        : translate3d(0, 50px, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInUp50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform   : translate3d(0, 50px, 0);
    -ms-transform    : translate3d(0, 50px, 0);
    transform        : translate3d(0, 50px, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform   : translate3d(0, 50px, 0);
    -ms-transform    : translate3d(0, 50px, 0);
    transform        : translate3d(0, 50px, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

.fadeInLeft50 {
  -webkit-animation-name: fadeInLeft50;
  -moz-animation-name   : fadeInLeft50;
  -ms-animation-name    : fadeInLeft50;
  animation-name        : fadeInLeft50;
}

@-webkit-keyframes fadeInLeft50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform   : translate3d(-50px, 0, 0);
    -ms-transform    : translate3d(-50px, 0, 0);
    transform        : translate3d(-50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInLeft50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform   : translate3d(-50px, 0, 0);
    -ms-transform    : translate3d(-50px, 0, 0);
    transform        : translate3d(-50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInLeft50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform   : translate3d(-50px, 0, 0);
    -ms-transform    : translate3d(-50px, 0, 0);
    transform        : translate3d(-50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform   : translate3d(-50px, 0, 0);
    -ms-transform    : translate3d(-50px, 0, 0);
    transform        : translate3d(-50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

.fadeInRight50 {
  -webkit-animation-name: fadeInRight50;
  -moz-animation-name   : fadeInRight50;
  -ms-animation-name    : fadeInRight50;
  animation-name        : fadeInRight50;
}

@-webkit-keyframes fadeInRight50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform   : translate3d(50px, 0, 0);
    -ms-transform    : translate3d(50px, 0, 0);
    transform        : translate3d(50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadeInRight50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform   : translate3d(50px, 0, 0);
    -ms-transform    : translate3d(50px, 0, 0);
    transform        : translate3d(50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@-o-keyframes fadeInRight50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform   : translate3d(50px, 0, 0);
    -ms-transform    : translate3d(50px, 0, 0);
    transform        : translate3d(50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight50 {
  from {
    opacity          : 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform   : translate3d(50px, 0, 0);
    -ms-transform    : translate3d(50px, 0, 0);
    transform        : translate3d(50px, 0, 0);
  }

  to {
    opacity          : 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform   : translate3d(0, 0, 0);
    -ms-transform    : translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0);
  }
}

@media (print),
(prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration       : 1ms !important;
    animation-duration               : 1ms !important;
    -webkit-transition-duration      : 1ms !important;
    transition-duration              : 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count        : 1 !important;
  }
}