@charset "utf-8";
/* CSS Document */
.sideBarDiv *,.indexForm *,.zzNav *{
	list-style: none;
	line-height: 1.5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
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; font-family:"microsoft yahei","simhei",Arial,sans-serif; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:15.36rem; margin:0px auto;}

.clearBoth{clear: both;}

.sideBar li .img img,
.sideBar .mouse,
.zzNav{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

.w780{ width:780px;}
.w790{ width:790px; background: #fff; position: relative; z-index: 2;}
.w380{ width:380px;}
.w380-2{ position: relative; z-index: 2; }

.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;}
.l4{display: -webkit-box;-webkit-line-clamp: 4;-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*/

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:-ms-input-placeholder{color: transparent;}


/* 底部通用横条 */
.centerBox{max-width: 980px;margin: 0 auto; }
.centerBox::after{content: '';display: block;clear: both;}
.indexForm{ background: #fff;  padding: 20px 20px; overflow: hidden; border-top: #e8e8e8 solid 1px;margin-top: 80px;}
.indexForm .txt{ color: #191c22; font-size: 16px; line-height: 50px;}
.indexForm .btnGroup{ }
.indexForm .btnGroup li{ float: left; margin: 0 0 0 20px;}
.indexForm .btnGroup li a{ display: block; position: relative;  width: 160px;padding: 0 20px;  border: #005d95 solid 1px; line-height: 48px; font-size: 14px; color: #005d95; }
.indexForm .btnGroup li a:hover{ background: #005d95; color: #fff; }
.indexForm .btnGroup li:nth-child(1) a:before{ content: ''; position: absolute; right:20px; top: 0; margin-top: 15px; width: 25px; height: 25px; background: url(../image/nimg25_5.png) center no-repeat; background-size: 25px; }
.indexForm .btnGroup li:nth-child(1) a:hover:before{ background: url(../image/nimg25_5on.png) center no-repeat; background-size: 25px;}
.indexForm .btnGroup li:nth-child(2) a:before{ content: ''; position: absolute; right: 20px; top: 0; margin-top: 20px; width: 17px; height: 7px; background: url(../image/nimg17_1.png) center no-repeat; background-size: 17px; }
.indexForm .btnGroup li:nth-child(2) a:hover:before{ background: url(../image/nimg17_1on.png) center no-repeat; background-size: 17px;}

/* 新闻 */
.News_recommendations{width: 100%;}
.News_recommendations .hotTit{border-left: 3px solid #005d95;padding-left: 15px;font-size: 16px;font-weight: bold;line-height: 30px;margin-top: 20px;}
.News_recommendations ul{display: block;border: 1px solid #eeeeee;margin-left: 0;overflow: hidden;padding: 10px;margin-top: 20px;}
.News_recommendations ul li{display: block;width: 100%;}
.News_recommendations ul li+li{margin-top: 10px;}
.News_recommendations ul li .img,
.News_recommendations ul li img{display: block;width: 100%;max-height: 140px;}
.News_recommendations ul li .link{display: block;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 20px;font-size: 14px;text-decoration: none;color: #666666;}
.News_recommendations ul li .link:hover{color: #005d95;}

/* 友情链接 */
.friendship{color:#DDDDDD;}
.friendship .txt{display:inline-block;font-size:16px;}
.friendship .link{display:inline-block;font-size:16px;}
.friendship .link a{margin:0 10px;}
.inform{width: 100%;}
.inform ul li{display:inline-block;list-style: none;font-size:12px;margin-top:5px;}
.inform ul li img{display:inline-block;height:30px !important;vertical-align: text-top;width: auto;margin-top: -8px;}
.inform ul li span{color:#3e89f9;font-size:16px;}

/* 关键词 */
.KeywordBox {}
.keywordLabel {font-size: 14px;display: block;float: left;margin-bottom: 5px;}
.tags {display: block;margin-left: 60px;}
.tags .li{margin-bottom: 5px;font-size: 14px;vertical-align: top;}
.tags .btn {margin-bottom: 5px;font-size: 12px;border: 1px solid #999999;padding: 3px 5px;background: blanchedalmond;border-radius: 4px;}

/* 分享 */
.share {margin: 10px 0;}
.shareTxt {line-height: 40px;font-size: 14px;}
.bdsharebuttonbox {display: flex;width: 100%;}
.bdsharebuttonbox a {width: 40px !important;height: 40px !important;margin: 0 !important;padding: 0 !important;display: block;}
.bdsharebuttonbox a img {width: 40px;height: 40px;}
.bdsharebuttonbox .bds_tsina {
	background: url(../image/s4.png) no-repeat center center/40px 40px;
	background-position: center !important;
}
.bdsharebuttonbox .bds_qzone {
	background: url(../image/s3.png) no-repeat center center/40px 40px;
	background-position: center !important;
}
.bdsharebuttonbox .bds_tqq {
	background: url(../image/s7.png) no-repeat center center/40px 40px;
	background-position: center !important;
}
.bdsharebuttonbox .bds_weixin {
	background: url(../image/s1.png) no-repeat center center/40px 40px;
	background-position: center !important;
}
.bdsharebuttonbox .bds_sqq {
	background: url(../image/s5.png) no-repeat center center/40px 40px;
	background-position: center !important;
}
.bdsharebuttonbox .bds_douban {
	background: url(../image/s6.png) no-repeat center center/40px 40px;
	background-position: center !important;
}
.bd_weixin_popup .bd_weixin_popup_foot {position: relative;top: -12px;}


/*右侧悬浮窗*/
.sideBarDiv{ position:fixed; right:0px; bottom: 15%; z-index:999; width:70px; cursor:pointer;}
.sideBar{ position:relative;}
.sideBar .cwj{ width:70px; height:70px; left:0; text-align:center; font-size:16px; color:#fff; background:#005d95; position:relative; margin-bottom:1px;}
.sideBar .cwj em{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.sideBar ul{ position:absolute; right:0; top: -215px; }
.sideBar li{ position:relative; height:70px; margin-top: 1px;margin-bottom: 0; cursor:pointer; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .mouse{position:absolute; right:70px; top:0px; opacity:0; visibility:hidden; z-index: 0;}
.sideBar .img{background:#fff; height:70px; line-height: 70px; text-align:center; width:70px; overflow: hidden; position: relative; z-index: 1;}
.sideBar .img a{display: block;line-height: inherit;height: 100%;}
.sideBar .img img{ width:60px;display: inline-block;vertical-align: middle;}
.sideBar li.liNow .img .show, .sideBar li.liNow .img .hide{transform:translateY(-70px);-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px)}

.sideBar li.liNow .img{ background: #005d95;}
.sideBar .liNow .mouse{ opacity:1; visibility:visible;}
.sideBar .li02 .mouse{  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .li02.liNow .mouse{ right: 80px; }
.sideBar .li02 .bbb{ background:#fff; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14); padding: 10px 20px;}
.sideBar .li02 .title{ font-size: 14px; text-align: center;margin-bottom: 10px;white-space: nowrap;}
.sideBar .li02 .list2{/* padding: 10px 0; */  }
.sideBar .li02 .list2 dd{  }
.sideBar .li02 .list2 dd img{ width:100px;max-width: 100%;}
.sideBar .li03 .mouse{ background:#fff; box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .li03.liNow .mouse{ right: 80px; }
.sideBar .li03 .tel{ line-height: 70px; padding:0 20px; font-size: 14px; color: #939393;white-space: nowrap; }
.sideBar .li03 .tel em{ padding-left: 18px; font-size: 18px; color: #005d95; font-family: 'mont'; }
.sideBar .li04 .mouse{ background:#fff;  box-shadow: 0px 0px 15px 0px rgba(158, 165, 177, 0.14);}
.sideBar .li04.liNow .mouse{ right: 80px; }
.sideBar .li04 .title{ line-height: 70px; padding:0 20px; color: #005d95; font-size: 14px;white-space: nowrap; }
.sideBar .li04 .title a{color: #005d95;}
.topA{ display:block; width: 70px; height: 70px; background: #005d95; position:relative; }
.topA:before{ content: ''; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -4px; width: 12px; height: 8px; background: url(../image/topA.png) no-repeat;}

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

/* 表单 */
.closeIco{ position: absolute; visibility: hidden; opacity: 0; right: 0; top: 0; width: 90px; height: 80px; background: #005d95; text-align: center; color: #fff; font-size: 14px;border-radius: 0 0 0 40px;}
.closeIco.on{ visibility: visible; opacity: 1; }
.closeIco.off{ visibility: hidden; opacity: 0; }
.closeIco img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; }
.zzNav{ position: fixed; right: 0; top: -100%; width: 30%; background: #ffffff; height: 100%; z-index: 9999; overflow: hidden;}
@media screen and (max-width:1660px){
	.zzNav{width: 50%;}
}
@media screen and (max-width:768px){
	.zzNav{width: 100%;}
}
.zzNav.on{ opacity: 1; height: 100%; }
.zzNav .main{ padding: 100px 20px 0 30px;}
.zzNav .scroll{ overflow: auto; padding-bottom: 50px; overflow: hidden;}

.zzNav .scroll::-webkit-scrollbar {
  width: 4px;
}
.zzNav .scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .scroll::-webkit-scrollbar-thumb {
  background-color: #005d95;
}

.zzNav .title{ font-size: 32px; color: #005d95; line-height: 32px; font-weight: bold; padding-bottom: 20px; }
.zzNav .msg{ font-size: 14px; color: #999; padding-bottom: 15px; }
.zzNav .txt{ font-size: 14px; color: #999; font-weight: bold; padding-bottom: 15px;}
.zzNav .txt em{ color: #005d95; padding-left: 0.15rem;}
.zzNav .multiple li{ float: left; width: 33.33%; font-size: 0.18rem; padding-bottom: 0.12rem; }
.zzNav .multiple li .lbox{ position: relative; cursor: pointer; padding-left: 0.28rem; height: 0.36rem; line-height: 0.36rem; color: #000; background: url(../image/limg16_1.jpg) left center no-repeat; background-size: 0.16rem; }
.zzNav .multiple .liNow .lbox{ background: url(../image/limg16_1on.jpg) left center no-repeat; background-size: 0.16rem;}
.zzNav .form{ overflow: hidden; }
.zzNav .form ul{}
.zzNav .form li{ float: left; width: 50%; padding-bottom: 15px; }
.zzNav .form li .box{ margin-right: 4px; }
.zzNav .form li:nth-child(2n) .box{margin-right: 0;}
.zzNav .form li p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .form li p em{ color: #005d95; padding-left: 15px;}
.zzNav .form li .input1{ width: 100%;  line-height: 50px;height: 50px; background: #eee; font-size: 14px;padding: 0 5px; }
.zzNav .form2 h2{ color: #888; margin-bottom: 15px;font-size: 14px;}
.zzNav .form2 textarea{ width: 100%; height: 100px; background: #eee; padding: 5px;}
.zzNav .btnDiv{ padding-top: 15px; }
.zzNav .btnDiv a{ display: block; width: 180px; line-height: 50px; background: #005d95; color: #fff; font-size: 16px; font-weight: bold; text-indent: 35px; position: relative; }
.zzNav .btnDiv a:before{ content: ''; position: absolute; right: 35px; top: 20px;width: 17px; height: 7px; background: url(../image/nimg17_1on.png) center no-repeat; background-size: 17px; }
.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: #005d95; padding-left: 0.15rem;}
.zzNav .selectBox .liDiv .box{ margin-right: 10px;}
.zzNav .selectBox .select{ width: 100%; position: relative;}
.zzNav .selectBox .select dt{line-height: 50px; border: #005d95 solid 2px; display: inline-block; width: 100%; background: #fafafa url(../image/selectIco.jpg) no-repeat right center;  cursor: pointer; overflow: hidden; position: relative; }
.zzNav .selectBox .select dt a{ line-height: 50px;font-size: 14px; color: #000; position: relative; padding-left: 10px; display: block; text-align: left; overflow: hidden;} 
.zzNav .selectBox .select dd{ margin: 0;position: absolute;left: 0px;top: 100%; z-index: 10; width: 100%; } 
.zzNav .selectBox .select dd ul {list-style: none; overflow: auto; padding: 0 10px; background: #fff; border: #005d95 solid 2px;box-sizing: border-box;margin-left: 0;} 
.zzNav .selectBox .select dd ul li{ width:100%; text-align:left; line-height: 40px; 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: #005d95; }
.zzNav .selectBox .select.on dt{ color: #005d95;}
.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: #005d95;}
.clear{clear: both;}

.biaodan{}
.biaodan .zzNav{display:block;position: static;width:100%;margin-top: 20px;padding:20px;background-color: #eee;border-radius: 8px;}
.biaodan .zzNav .main{padding: 0rem;}
.biaodan .zzNav .main .form ul{margin-left: 0;}
.biaodan .zzNav .scroll{padding-bottom: 0;}
.biaodan .zzNav .form li .input1,
.biaodan .zzNav .form2 textarea{background: #fff;}

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