@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; color:#666; overflow-x:hidden;}
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:#DD722C; 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;}
.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;}
.wal{ width:1200px; margin: 0px auto;}


.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;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.indexPart1,
.indexPart2,
.indexPart3,
.indexPart4,
.indexPart5,
.crane .l7Div,
.craneLayer li a,
.THD .list li .l7Div,
.technology .list li .l7Div,
.rightScroll .list li .limg,
.aboutP3 .msgList li .ico,
.aboutP3 .lie li .hov a,
.ytlh .mxfDiv,
.ytlh .list li .name,
.diyin .pjDiv,
.diyin .lie li .l7Div,
.youente .pjDiv,
.youente .lie li .l7Div,
.errorDiv{display: flex;
  display: -webkit-flex; }

.indexPart1,
.indexPart2,
.indexPart3,
.indexPart4,
.indexPart5,
.crane .l7Div,
.craneLayer li a,
.rightScroll .list li .limg,
.aboutP3 .msgList li .ico,
.aboutP3 .lie li .hov a,
.ytlh .list li .name,
.errorDiv{
  align-items: center;
  -webkit-align-items: center; }

.indexPart1,
.indexPart2,
.indexPart3,
.indexPart4,
.indexPart5,
.craneLayer li a,
.THD .list li .l7Div,
.technology .list li .l7Div,
.rightScroll .list li .limg,
.aboutP3 .msgList li .ico,
.aboutP3 .lie li .hov a,
.diyin .lie li .l7Div,
.youente .lie li .l7Div,
.errorDiv{justify-content: center;
  -webkit-justify-content: center; }

.THD .list li .l7Div,
.technology .list li .l7Div,
.diyin .lie li .l7Div,
.youente .lie li .l7Div,
.errorDiv{flex-direction: column;
  -webkit-flex-direction: column; }

.ytlh .mxfDiv,
.diyin .pjDiv,
.youente .pjDiv{ justify-content: space-between; 
  -webkit-justify-content: space-between;}

a,
.sNav,
.headDiv,
.headDiv:after,
.headDiv .logo img,
.headDiv .lan em,
.headDiv .lan em:after,
.headDiv .lan .lie,
.nav li em:after,
.subNav:after,
.subNav .name,
.indexPart1:before,
.pageNav li a:after,
.craneNav li:after,
.crane .videobox:after,
.product .list li .more,
.productTab li,
.productTab li:after,
.aboutP3 .msgList li,
.aboutP1 .list li .msg,
.aboutP1 .list li .btnDiv,
.aboutP3 .lie li,
.aboutP3 .lie li .hov,
.aboutP3 .lie li .wen:after,
.diyin .tab2 li:after,
.youente .tab2 li:after,
.aboutP3 .lie li .botDiv,
.technology2 .tab2 li:after{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

.aboutP1 .list li .limg img,
.indexPart1 .footprints_down,
.indexPart2 .footprints_up,
.indexPart2 .footprints_down,
.indexPart3 .footprints_up,
.indexPart3 .footprints_down,
.indexPart4 .footprints_up,
.indexPart4 .footprints_down,
.indexPart5 .footprints_up{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;    
}

.crane .imgDiv img,
.product .list li .imgDiv img,
.THD .list li .imgDiv img,
.technology .list li .imgDiv img,
.meiheng .lie li .imgDiv img,
.ytlh .list li .imgDiv img,
.diyin .list li .imgDiv img,
.diyin .lie li .imgDiv img,
.youente .lie li .imgDiv img,
.THD .lie li .imgDiv img{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;    
}

@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}
}


.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);}

/*按钮动画--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*/

.headDiv{ z-index:5; width:100%; position:fixed; left:0; top:0; height:102px; }
.headDiv:after{ content: ''; opacity:0; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebeb; }
.headDiv.mini, .headDiv:hover{ background: #fff; }
.headDiv .wal{ position: relative; height: 102px; }
.headDiv .logo{ position:absolute; left:0; top: 32px; width: 160px; height: 40px; z-index: 2;}
.headDiv .logo img{ width:160px;}
.headDiv .logo .img2{ opacity: 0; position: absolute; left: 0; top: 0; }
.headDiv.mini .logo .img1, .headDiv:hover .logo .img1{ opacity: 0;}
.headDiv.mini .logo .img2, .headDiv:hover .logo .img2{ opacity: 1;}
.headDiv.mini:after, .headDiv:hover:after{ opacity:1;}

/*.nav{ width:100%; text-align:center; position:absolute; left:0; top:0;}
*/.nav ul{ font-size:0;}
.nav li{ display:inline-block; height:102px; position: relative; z-index: 2; font-size: 16px; text-align:center;}
.nav li a{ display: block; color: #fff; line-height: 102px; padding:0 20px; position: relative;}
.nav li em{ display:inline-block; width:80px; position:relative;}
.nav li em:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #DD722C;}
.nav li a:hover em:after, .nav li .aNow1 em:after{ width: 100%; left: 0; }

.inside .nav li a, .headDiv.mini .nav li a, .headDiv:hover .nav li a{ color: #000; }
.inside .nav li .aNow, .inside .nav li .aNow1, .inside .nav li a:hover{ color: #DD722C;}
.nav li a:hover, .nav li .aNow, .nav li .aNow1, .headDiv.mini .nav li a:hover{ color: #DD722C!important;}

.headDiv .topRight{ position: absolute; right: 0; top: 0; z-index: 1; width:682px; }
.headDiv .lan{ top:38px; width: 80px; height:64px; right:0; position:absolute; z-index: 5;}
.headDiv .lan em{ height: 24px; width: 100%; line-height:22px; border-radius: 24px; box-sizing: border-box; position: absolute; left: 0; top:0; z-index: 2; cursor: pointer; padding-left: 20px; color: #fff; font-size: 12px;}
.headDiv .lan em:after{ content: ''; position: absolute; right: 12px; top: 50%; margin-top: -4px; width: 6px; height: 6px; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); }
/*.headDiv .lan ul{ position:absolute; z-index: -1; left: -1px; top:34px; width:120px; height:120px; box-sizing:border-box; padding-top:32px; display:none; background: #f5f5f5; border-radius: 10px; }
.headDiv .lan li{ padding-bottom:24px;}
.headDiv .lan a{ display:block; line-height:20px; padding-left: 20px; color:#000; font-size: 14px; }*/

.headDiv .lan .lie{ position:fixed; z-index: -1;/* left:0;*/ top:102px; width:100%; height:60px; box-sizing:border-box; opacity:0; visibility:hidden; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
.headDiv .lan .lie.cur{opacity:1; visibility:visible; z-index: 5;}
.headDiv .lan ul{ position:absolute; right:50%; margin-right:-600px;}
.headDiv .lan li{ float:left; padding-left: 50px;}
.headDiv .lan a{ display:block; line-height:60px; color:#000; font-size: 12px; }


.headDiv .lan a:hover, .headDiv .lan .on{ color:#DD722C;}
.headDiv .lan.on em{/* border:#DD722C solid 1px; background:#DD722C;*/ color:#DD722C;}
.headDiv .lan.on em:after{ transform: rotate(135deg); margin-top:-5px;}

.headDiv.mini .lan em{ /*border:#fff solid 1px;*/ color:#000;}
.headDiv:hover .lan em{ /*border:#fff solid 1px;*/ color:#000;}
.headDiv.mini .lan em:after, .headDiv:hover .lan em:after{ border-color: #000; }

.inside .lan em{ color: #000; }
.inside .lan em:after{ border-color: #000; }
.inside .lan.on em:after{ border-color: #000; }
.inside:hover .lan em{/* border:#fff solid 1px;*/ color:#000;}

.navIco2{ z-index: 1; position: absolute; cursor: pointer; display: none; right: 24px; width: 24px; height: 24px; border-radius: 50%; border: #fff solid 1px; box-sizing: border-box; top: 50%; margin-top: -12px;}
.navIco2 .btn2{ width: 10px; height: 6px; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -3px; }
.navIco2 span{ width: 10px; display: block; height: 1px; background-color: #fff; position: absolute; left: 50%; margin-left: -5px; transition: .4s; -webkit-transition: .4s; }
.navIco2 span:nth-of-type(1) { top: 0;}
.navIco2 span:nth-of-type(2) { top: 6px; }
.inside .navIco2{ border: #000 solid 1px;}
.inside .navIco2 span{ background-color: #000;}

.headDiv:hover .navIco2{ border: #000 solid 1px;}
.headDiv:hover .navIco2 span{ background-color: #000;}

.navIco2.cur{ border: #000 solid 1px;}
.navIco2.cur span{ background-color: #000; }
.navIco2.cur span:nth-of-type(1) { top: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.navIco2.cur span:nth-of-type(2) { top: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.menu-flex { position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; pointer-events: none; transition: 0.88s;}
.menu-bg { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.88s 0.3s;}
.menu-right { position: absolute; right: -65%; top: 0; width: 65%; height: 100%; background: #fff; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);}

.menu-right .close2{ border: #000 solid 1px; position: absolute; cursor: pointer; right: 24px; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; top: 10px; }
.menu-right .close2 .btn2{ width: 10px; height: 6px; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -3px; }
.menu-right .close2 span{ width: 10px; display: block; height: 1px; background-color: #fff; position: absolute; left: 50%; margin-left: -5px; background-color: #000; }
.menu-right .close2 span:nth-of-type(1) { top: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.menu-right .close2 span:nth-of-type(2) { top: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}


.menu-list{ padding-top: 1.4rem; padding-left: 32px; }
.subNav{ cursor:pointer; height:1.3rem; position:relative; z-index: 3; font-size: 14px; width:120px; }
.subNav:after{ content: ''; position: absolute; right: 12px; top: 50%; margin-top: -2px; width: 6px; height: 6px; border-color: #000; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.subNav .name{ color:#000; line-height: 1.3rem;}
.subNav:hover:after{ border-color: #DD722C;}
.subNav:hover .name{ color: #DD722C;}

.navContent{display: none;}
.navContent li{ position:relative;}
.navContent .back{ display:block; position:relative; padding-left:24px; font-size:12px; line-height:18px; color:#000; margin-bottom:40px;}
.navContent .back:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 6px; height: 6px; border-color: #000; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(-135deg);}
.navContent h2{ font-size:14px; color:#000; line-height:20px; padding-bottom:24px;}
.navContent h2 a{ color:#000;}
.navContent li{ padding-bottom:24px;}
.navContent li a{display:block; height:18px; line-height:18px; color:#000; font-size:12px;}
.navContent li a:hover, .navContent li .on{ color: #DD722C;}

.menu-flex .lan{ margin-top: 40px; margin-left: 32px; width:120px; position: relative; z-index: 5;}
.menu-flex .lan em{ height: 24px; width: 100%; line-height: 22px; border:#fff solid 1px; border-radius: 24px; box-sizing: border-box; position: absolute; left: 0; top:0; z-index: 2; cursor: pointer; padding-left: 0; color: #000; font-size: 12px;}
.menu-flex .lan em:after{ content: ''; position: absolute; right: 12px; top: 50%; margin-top: -2px; width: 6px; height: 6px; border-color: #000; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); }
.menu-flex .lan ul{ position:absolute; z-index: -1; left: -1px; top:34px; width:120px; height:100px; box-sizing:border-box; padding-top:24px; display:none; background: #f5f5f5; border-radius: 10px; }
.menu-flex .lan li{ padding-bottom:16px; float:none; padding-left:24px;}
.menu-flex .lan a{ display:block; line-height:16px; color:#000; font-size: 14px; }
.menu-flex .lan.on em{ background:none;}
.menu-flex .lan.on em:after{ border-color: #000; transform: rotate(45deg); margin-top:-2px;}

.menu-flex.show { visibility: visible; pointer-events: visible;}
.menu-flex.show .menu-bg { opacity: 1; visibility: visible; transition: 0.88s 0s;}
.menu-flex.show .menu-right{ right: 0; }

/*导航触发效果*/
.sNav{ overflow: hidden; position: fixed; z-index: 5; width:100%; top: 102px; height:0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}
.sNav .list{ background: #fff; height:60px; text-align:center; }
.sNav li{ display:inline-block; font-size: 14px; padding:0 25px; }
.sNav li a{ display: block; line-height: 60px; color: #000; }
.sNav li a:hover{ color: #DD722C; }
.sNav.on{ height:60px; }

.footDiv{ padding-top: 60px; height: 320px; box-sizing: border-box; background: #232A8C; }
.footDiv .logo img{ width: 103px; }
.footNav li{ padding-right: 112px; float: left; }
.footNav li:last-child{ padding-right: 0; }
.footNav li h2{ height: 20px; line-height: 20px; font-size: 14px; margin-bottom: 24px; color: #fff; }
.footNav li dd{ font-size: 12px; line-height: 16px; padding-bottom: 16px; }
.footNav li dd a{ color: #fff; }
.footNav li dd a:hover{ color: #DD722C; }
.footNav li .email{ line-height: 16px; color: #fff; padding-bottom: 8px;}
.footNav li .ewm dd{ padding-left: 72px; height: 60px; position: relative; margin-bottom: 10px; padding-bottom:0;}
.footNav li .ewm img{ position: absolute; left: 0; top: 0; width: 60px; }
.footNav li .ewm p{ line-height: 60px; color: #fff; }

.foot{ position: relative; height: 80px; overflow: hidden; background: #392083;}
.foot .msg{ line-height: 80px; color: #fff; font-size: 12px; }
.foot .msg a{ color: #fff; }
.foot .msg a:hover{ color:#DD722C; }
.foot .links{ display: none; position: relative; line-height: 80px; font-size: 12px; }
.foot .links a{ display: block; float: left; margin-left: 60px; color: #fff; }
.foot .links a:hover{ color: #DD722C; }

.pageBanner{ position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.pageBanner2{ height: 480px; }
.pageBanner .bgbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #EFEFEF; background: center no-repeat; background-size: cover;}
.pageBanner .bg img{ width: 100%; }
.pageBanner .txtLayer{ position: absolute; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); z-index: 2; color: #000;}
.pageBanner .txt{ font-size: 32px; line-height: 48px; font-weight: 900; }
.pageBanner .msg{ font-size: 14px; line-height: 28px; text-align: justify; padding-top: 10px; width: 468px; }
.pageBanner .msg2{ width: 488px; }
.pageBanner .btnDiv{ padding-top: 24px;}
.pageBanner .btnDiv a{ display:block; width:200px; height:60px; border:#000 solid 1px; box-sizing:border-box; border-radius:48px; line-height:58px; text-align:center; color:#000; font-size:14px;}
.pageBanner .btnDiv a:hover{ background:#DD722C; border:#DD722C solid 1px; color: #fff;}

.pageNav{ position: absolute; left: 50%; margin-left: -600px; width: 1200px; bottom: 0; }
.pageNav ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.pageNav li a{ display: block; width: 142px; height: 36px; font-size: 14px; line-height: 14px; text-align: center; position: relative; color: #000;}
.pageNav li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #DD722C; }
.pageNav li .aNow, .pageNav li a:hover{ color: #DD722C;}
.pageNav li .aNow:after{ left: 0; width: 100%; }

.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;
  }
}