body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { color: #686d71; text-decoration: none; cursor: pointer }
a:hover { text-decoration: none; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
i, em { font-style: normal; }
li { list-style: none; }
button, input, select, textarea { font-size: 100%; border: none; outline: none; }
.wrap { width: 100%; max-width: 1300px; margin: 0 auto; }
.clearfix:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both; }
.clearfix { zoom: 1; }
.l { float: left; }
.r { float: right; }

/*页码*/
.clear{clear:both;}
.i5upage{height:30px;margin-top:10px;margin-bottom:10px;font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#223582;font-weight:normal;text-decoration:none;border:1px solid #ccc;float:left;margin:2px 3px;text-align:center;padding:0 10px;height:30px;line-height:30px;} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#dd2118;border:1px solid #dd2118} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#dd2118;height:30px;width:25px;border:0px solid #fff;text-align:center;margin:0 -5px;vertical-align:middle;font-size:12px}
/*页码*/

/* 首页 */
.head { width: 100%; max-width: 1300px; margin: 0 auto; }
.head .logo { float: left; width: 23%; margin-top: 20px;margin-bottom:20px;}
.head .logo img { width: 100%; }
.head .head-r { float: left; width: 67%; margin-left: 9%;}
.head .head-r .dh-sj { float: right; margin-top: 27px;width:21%; }
.head .ul-bot { margin-top: 18px;width:79%;float:left;}
.head .ul-bot li { float: left; width: 16.333%; text-align: center; outline: 0; position: relative; }
.head .ul-bot li::before, .head .ul-bot li::after { content: ''; width: 100%; height: 2px; z-index: -1; background: #e60012; position: absolute; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
.head .ul-bot li:hover::before, .head .ul-bot li:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
.head .ul-bot li::before { right: 0; top: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.head .ul-bot li::after { left: 0; bottom: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
.head .ul-bot li a { font-size: 18px; color: #686d71; font-weight: bold; display: block; padding: 18px 0; position: relative; -webkit-transition: color .5s; transition: color .5s; }
.head .ul-bot li:hover a { color: #e60012; }
.head .ul-bot li a::before, .head .ul-bot li a::after { position: absolute; color: #fff; opacity: 0; -webkit-transition: -webkit-transform .5s, opacity .5s; transition: transform .5s, opacity .5s; }
.head .ul-bot li a::before { content: attr(data-letters-l); left: 0; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
.head .ul-bot li a::after { content: attr(data-letters-r); right: 0; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
.head .ul-bot li:hover a::before, .head .ul-bot li:hover a::after { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-dots li button { transition: all 0.8s ease-in-out; }
.slick { position: relative; }
.slick .two img { display: block; width: 100%; z-index: 1; position: relative; }
.slick img { position: absolute; left: 0; top: 0; width: 100%; }
.slick.slick-slider img { position: relative; }
.slick-prev, .slick-next { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all 1s; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); }
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.index-pro-list { background: #fbfbfb; padding: 70px 0; }
.index-pro-list .pic, .index-solution .pic, .index-new .pic { text-align: center; display: block; margin: 0 auto; }
.index-pro-list h1, .index-solution h2, .index-new h2 { font-size: 38px; color: #686d71; text-align: center; font-weight: bold; margin-top: -50px }
.index-pro-list h1 img, .index-solution h2 img, .index-new h2 img { display: inline-block; width: 30px; height: 30px; margin-top: -10px }
.index-pro-list .tit, .index-solution .tit, .index-new .tit { text-align: center; font-size: 18px; color: #555f7d; margin-top: 20px; }
.index-pro-list .tit a { font-size: 18px; color: #555f7d; }
.index-pro-list .tit a:hover { color: #e60012; }
.index-pro-list ul { overflow: hidden; margin-left: -2.5%; }
.index-pro-list li { float: left; width: 22.5%; margin-left: 2.5%; margin-top: 35px; }
.index-pro-list li .pro-img { box-sizing: border-box; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; background: #3498db; border-bottom-right-radius: 20px; position: relative; z-index: 5; overflow: hidden; }
.index-pro-list li .pro-img::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .5); content: ''; -webkit-transition: -webkit-transform .6s; transition: transform .6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }
.index-pro-list li .pro-img img { opacity: .95; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }

.index-pro-list li:hover .pro-img::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0) }
.index-pro-list li .pro-img img { display: block; width: 100%; margin: 0 auto; }
.index-pro-list li h3 { background: #8d8f90; text-align: center; margin-top: -20px }
.index-pro-list li h3 a { color: #fff; font-size: 20px; font-weight: bold; padding: 38px 0 18px; display: block; transition: all 0.6s; }
.index-pro-list li:hover h3 { background: #f0f0f0; transition: all 0.6s; }
.index-pro-list li:hover h3 a { color: #e60012; transition: all 0.6s; }

.index-solution { padding: 70px 45px 50px 55px; }
.index-solution ul { margin-left: -3%; box-sizing: border-box; margin-top: 40px; }
.index-solution ul li { float: left; width: 30.333%; margin-left: 3%; position: relative; }
.index-solution .box { padding: 25px 40px 45px 0; box-sizing: border-box; position: relative; background: url(../images/index_case_bg.png) no-repeat right top; }
.index-solution .box a { display: block; overflow: hidden; }
.index-solution .box img { width: 100%; transition: all 0.6s ease;/* max-width: 540px; */
}
.index-solution ul li .box:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; }
.index-solution .box-bot { margin-top: 30px; }
.index-solution .box-bot h3 { margin-bottom: 20px; width: 90%; }
.index-solution .box-bot h3 a { font-size: 26px; color: #686d71; font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.index-solution li:hover a { color: #e60012; }
.index-solution .box-bot p { font-size: 18px; color: #4b556e; margin-top: 10px; }
.index-solution .box-bot p img { width: 22px; vertical-align: middle; margin-top: -5px; margin-right: 5px; }
.index-solution .box-bot p span { color: #e60012; font-size: 18px; }
.index-solution ul li .more { position: absolute; right: 10px; bottom: 5px }
.index-material { background: url(../images/meat_bg.jpg); background-size: 100% 100%; padding: 20px; box-sizing: border-box; }
.index-material .neb { background: #fff; border-radius: 15px; padding: 75px 95px; box-sizing: border-box; }
.index-material .neb .neb-l { float: left; width: 25%; }
.index-material .neb .neb-l strong { display: block; font-size: 38px; color: #686d71; font-weight: bold }
.index-material .neb .neb-l strong span { font-size: 38px; color: #e60012; font-weight: bold; }
.index-material .neb .neb-l p { font-size: 22px; color: #4b556e; line-height: 40px; margin-top: 20px }
.index-material .neb .neb-head ul { float: left; width: 70%; margin-left: 5%; margin-top: -25px }
.index-material .neb .neb-head li { float: left; width: 20%; position: relative; }
.index-material .neb .neb-head li img { width: 100%; max-width: 200px; }
.index-material .neb .neb-head li a { display: block; text-align: center; color: #fff; font-size: 18px; }
.index-material .neb .neb-head li h3 { margin-top: -50px; }
.index-material .neb .neb-head li:hover a { color: #e60012; }

.index-new { padding-top: 70px; }
.index-new-list { border: 1px solid #686d71; margin-top: 40px; }
.index-new-list div { display: none }
.index-new-list .tab { overflow: hidden; }
.index-new-list .tab li { float: left; text-align: center; cursor: pointer; width: 50%; padding: 15px 0; font-size: 26px; }
.index-new-list .tab li a { color: #fff; display: block; }
.index-new-list .on { display: block; }
.index-new-list .tab { background: #686d71; color: #fff; }
.index-new-list .tab li:first-child { border-top-right-radius: 15px; }
.index-new-list .tab li:last-child { border-top-left-radius: 15px; }
.index-new-list .tab li.cur { background: #fff; font-weight: bold }
.index-new-list .tab li.cur a { color: #686d71; }
.index-new-list .list { padding: 35px; }
.index-new-list .list ul { overflow: hidden; margin-left: -3% }
.index-new-list .list li { width: 47%; float: left; font-size: 16px; color: #4b556e; padding: 20px 0; border-bottom: 1px dashed #ebf0f8; margin-left: 3%; }
.index-new-list .list li a { font-size: 16px; color: #4b556e; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; float: left; position: relative; padding-left: 30px; transition: all 0.6s ease; }
.index-new-list .list li a:hover { color: #e60012; margin-left: -15px; transition: all 0.6s ease; }
.index-new-list .list li a:before { background: url(../images/new_zs.png) no-repeat; content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; left: 0; top: 2px; }
.index-new-list .list li span { float: right; }
.index-sl { background: url(../images/foot_bg.jpg) no-repeat; background-size: cover; margin-top: 70px; padding: 100px 0; box-sizing: border-box; }
.index-sl .wrap { max-width: 1025px;}
.index-sl .pic { text-align: center; display: block; margin: 0 auto; }
.index-sl h2 { font-size: 38px; color: #fff; text-align: center; font-weight: bold; margin-top: -50px; }
.index-sl h2 a { color: #fff; }
.index-sl h2 img { display: inline-block; width: 30px; height: 30px; margin-top: -10px; }
.index-sl .tit { text-align: center; font-size: 18px; color: #fff; margin-top: 20px; }
.index-sl .gsjj { overflow: hidden; background: url(../images/kj_bg.png) no-repeat; padding: 50px 105px; box-sizing: border-box; margin-top: 40px;height:305px; line-height:25px;}

 @-webkit-keyframes sonarEffect {  0% {
 opacity: .3
}
 40% {
 opacity: .5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
 -webkit-transform: scale(1.5);
 opacity: 0
}
}
 @-moz-keyframes sonarEffect {  0% {
 opacity: .3
}
 40% {
 opacity: .5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
 -moz-transform: scale(1.5);
 opacity: 0
}
}
 @keyframes sonarEffect {  0% {
 opacity: .3
}
 40% {
 opacity: .5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
 transform: scale(1.5);
 opacity: 0
}
}

.foot { background: #686d71; font-size: 14px; color: #fff; padding: 20px 0; }
.foot a { color: #fff; }
.foot p { float: left; }
.foot p a { margin: 0 20px; }
.foot ul { float: right; overflow: hidden; }
.foot ul li { float: left; margin-right: 20px }
.foot-bottom { background: #dad7d7 }
.foot-bottom p { font-size: 14px; color: #051741; font-weight: bold; max-width: 1300px; margin: 0 auto; padding: 20px 0; }
.foot-bottom p a { color: #4b556e; font-size: 14px; font-weight: normal; margin: 0 5px; }
/* 首页end*/


/* 新闻内页 */

.nav { background: #fbfbfb; padding: 15px 0; border-bottom: 1px solid #d3dcf0; }
.nav-new { background: #fff; border-top: #f0f3fa 1px solid; border-bottom: #f0f3fa 1px solid; }
.nav p a { font-size: 14px; color: #4b556e; }
.nav p a:hover { color: #e60012; }
.nav p, .nav p span { font-size: 14px; color: #4b556e; }
.new-cont h1 { font-size: 32px; color: #686d71; font-weight: bold; max-width: 1300px; margin: 40px auto 0; }
.new-cont .date { font-size: 14px; color: #788291; margin: 25px auto 30px; display: block; max-width: 1300px }
.line { box-shadow: 0 -4px 20px #d7ddf1; height: 30px; background: #f0f3fa; }
.news-beijing { background: #f0f3fa; padding-bottom: 60px; }
.new-l { float: left; width: 71%; }
.new-cont-l p { font-size: 16px; color: #555f7d; line-height: 2em; text-indent: 2em; text-align: justify; margin: 15px auto; }
.new-cont-l p em { font-size: 20px; color: #686d71; font-weight: bold; }
.content_video { text-align: center; }
.content_video video { max-width: 750px; width: auto; display: block; margin: 0 auto; width: 100%; }
.content_video p { font-size: 16px; background: #e60012; background: -webkit-linear-gradient(left, #e60012, #686d71); background: -o-linear-gradient(right, #e60012, #686d71); background: -moz-linear-gradient(right, #e60012, #686d71); background: linear-gradient(to right, #e60012, #686d71); color: #fff; padding: 10px 60px; margin: 15px auto; display: inline-block; border-radius: 30px; text-indent: 0 }
.new-cont-l p img { max-width: 100%; height: auto; margin: 0 auto; text-align: center; display: block }
.new-cont-l h3 { font-size: 26px; color: #686d71; font-weight: bold; position: relative; }
.new-cont-l h3::before { display: inline-block; background: url(../images/h_three.png) no-repeat center 0; vertical-align: middle; width: 37px; height: 21px; content: ""; }
.new-cont-l p a { color: #e60012; font-size: 16px; display: inline-block; text-indent: 0; }
.new-cont-l p a.cpxqzx { display: inline-block; background: #fa2346; color: #fff; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 0 10px; margin-left: 5px; margin-right: 5px; }
.new-cont-l p .span_zixun { color: #fff !important; background: #e60012; border-top-left-radius: 15px; border-bottom-right-radius: 20px; padding: 0px 15px; text-indent: 0; margin: 0 10px; display: inline-block; cursor: pointer; }
.new-cont-l em { font-size: 20px; color: #e60012; font-weight: bold; }
.new-cont-l #computer { margin-bottom: 30px; }
.prevnext { background: #fff; margin: 35px auto; border: 1px solid #d1ddf9; box-sizing: border-box; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; border-radius: 10px; }
.prevnext .prev { border-bottom: 1px solid #f0f3fa; }
.prevnext .box { padding: 30px; overflow: hidden; }
.prevnext .box img { float: left; width: 36px; vertical-align: middle; margin-top: -10px; }
.prevnext .box .cont { float: left; overflow: hidden; margin-left: 3%; margin-top: -5px; }
.prevnext .cont b, .prevnext .cont a { font-size: 16px; font-weight: normal; color: #555f7d; }
.prevnext .cont .time { font-size: 14px; color: #788291; margin-top: 10px; display: block; }
/* 新闻内页end*/

/* 相关文章 */

.xg-wz { margin-top: 60px }
.xg-wz h4 { font-size: 26px; color: #686d71; text-align: center; font-weight: bold; }
.xg-wz h4::before { content: ""; display: inline-block; background: url(../images/ic1.png) no-repeat; width: 82px; height: 21px; vertical-align: middle; margin-right: 20px; }
.xg-wz h4::after { content: ""; display: inline-block; background: url(../images/ic2.png) no-repeat; width: 82px; height: 21px; vertical-align: middle; margin-left: 20px; }
.xg-wz ul { margin-left: -5%; margin-top: 15px; padding: 0 20px 20px; box-sizing: border-box; }
.xg-wz li { width: 95%;border-bottom: 1px solid #ced4e0; padding: 15px 0; margin-left: 5% }
.xg-wz li .dj { font-size: 22px; color: #686d71; position: relative; padding-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.xg-wz li:hover a{color:#e60012}
/* 相关文章end*/


/* 底部介绍 */

.manufacturer { margin-top: 40px; background: url(../images/bottom_bg.jpg) no-repeat; width: 100%; background-size: cover; text-align: center; padding: 40px 35px; box-sizing: border-box; }
.manufacturer strong { color: #fff; font-size: 26px; text-align: center; display: block; margin-bottom: 0.0833rem; }
.manufacturer .text { color: #fff; font-size: 16px; position: relative; margin: 20px auto 30px; display: inline-block; }
.manufacturer .bot-bg { background: #fff; border-radius: 10px; padding: 25px; }
.manufacturer .bot-bg ul { overflow: hidden; border-bottom: 1px dashed #c8d0e6; padding-bottom: 25px; }
.manufacturer .bot-bg li { float: left; width: 25%; }
.manufacturer .bot-bg li img { max-width: 168px; width: 100%; }
.manufacturer .bot-bg .bottom { overflow: hidden; padding-top: 25px; }
.manufacturer .bot-bg .bottom .b-r { width: 50%;margin: 0 auto;}
.bot-bg .bottom .b-r { overflow: hidden; }
.bot-bg .bottom .b-r .ewm { float: left; max-width: 100px;padding-top:13px; }
.bot-bg .bottom .b-r .ewm-dh { float: left; overflow: hidden;padding-top:24px; }
.bot-bg .bottom .b-r .ewm-dh p { text-align: left; margin-left: 10px; }
.bot-bg .bottom .ewm-dh .one { font-size: 24px; color: #4b556e; }
.bot-bg .bottom .ewm-dh .two {  margin-top: 5px; }
.bot-bg .bottom .ewm-dh .two span {font-size: 32px;color: #e60012;font-weight: bold;}
.ques-l .bot-bg .bottom .ewm-dh .one { margin-bottom: 0; }
.ques-l .bot-bg .bottom .b-r .ewm-dh p { margin-top: 0 }
/* 底部介绍end*/


/* 新闻内页右边 */

.new-r { float: right; width: 20%; margin-top: -70px }
.news-chanpin ul { background: #fff }
.xg-cp h4 { color: #fff; font-size: 20px; padding: 14px 0; line-height: 50px; background: url(../images/zs.png) no-repeat center; background-size: 220px 50px; text-align: center; height: 50px; margin: 0 auto -40px; position: relative; }
.xg-cp h4 a { color: #fff; font-size: 20px; padding: 14px 0; line-height: 50px }
.xg-cp ul { background: #fbfbfb; margin: 0 auto; border: 1px solid #ced4e0; padding: 45px 20px 0; box-sizing: border-box; }
.xg-cp ul li { margin-bottom: 5px }
.xg-cp ul a { display: block; color: #e60012; font-size: 16px; }
.xg-cp ul li h5 { text-align: center; line-height: 3; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xg-cp ul li h5 a { color: #555f7d; }
.xg-cp ul li:hover h5 a { color: #e60012; }
.footer { background: #686d71; padding: 20px 0; text-align: center; margin-top: 60px; }
.footer p { color: #fff; font-size: 14px; }
.footer p a { color: #fff; }
.news-chanpin ul { background: #fff; }
/* 新闻内页右边end*/


/* 产品详情 */
.pro-nav { margin: 30px auto 30px; }
.pro-nav ul { overflow: hidden; border: 1px solid #e8ebf1; padding: 15px 0; box-sizing: border-box; border-radius: 50px; box-sizing: border-box; -moz-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; }
.pro-nav ul li { float: left; text-align: center; width: 20% }
.pro-nav li a { color: #2b3040; font-size: 18px; border-right: 1px solid #edeff4; display: block; }
.pro-nav li:hover a { color: #e60012; }
.pro-nav li.over { border-right: none; }
.pro-cont .new-r { margin-top: 0 }
.pro-cont .xg-cp { margin-top: 1px; }
.pro-cont h3 { text-align: center !important; width: 100%; padding-left: 0; margin: 30px 0 20px; }
.pro-cont h3::before { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic1.png) no-repeat; position: static; margin-right: 15px; }
.pro-cont h3::after { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic2.png) no-repeat; position: static; margin-left: 15px; }
.advantage { margin-top: 30px }
.advantage li { position: relative; margin-bottom: 15px; }
.advantage li strong { color: #fff; font-size: 15px; padding: 7px 20px 7px 0; font-weight: normal; border-radius: 30px; position: relative; padding-left: 40px }
.advantage li strong span { font-size: 18px; width: 40px; height: 40px; display: inline-block; box-sizing: border-box; border-radius: 50%; border: 1px solid #e8ebf1; text-align: center; line-height: 40px; margin-left: -1px; margin-right: 15px; font-weight: bold; position: absolute; top: -7px; left: -5px; }
.advantage li:first-child strong { background: #84c9b7; }
.advantage li:nth-child(2) strong { background: #f25a29; }
.advantage li:nth-child(3) strong { background: #27aae2; }
.advantage li:nth-child(4) strong { background: #8ec63f; }
.advantage li:nth-child(5) strong { background: #697db4; }
.advantage li:nth-child(6) strong { background: #84c9b7; }
.advantage li:nth-child(7) strong { background: #f25a29; }
.advantage li:nth-child(8) strong { background: #27aae2; }
.advantage li:nth-child(9) strong { background: #8ec63f; }
.advantage li:nth-child(10) strong { background: #697db4; }
.advantage li:first-child strong span { background: #fff; color: #84c9b7; border: 1px solid #84c9b7; }
.advantage li:nth-child(2) strong span { background: #fff; color: #f25a29; border: 1px solid #f25a29; }
.advantage li:nth-child(3) strong span { background: #fff; color: #27aae2; border: 1px solid #27aae2; }
.advantage li:nth-child(4) strong span { background: #fff; color: #8ec63f; border: 1px solid #8ec63f; }
.advantage li:nth-child(5) strong span { background: #fff; color: #697db4; border: 1px solid #697db4; }
.advantage li:nth-child(6) strong span { background: #fff; color: #84c9b7; border: 1px solid #84c9b7; }
.advantage li:nth-child(7) strong span { background: #fff; color: #f25a29; border: 1px solid #f25a29; }
.advantage li:nth-child(8) strong span { background: #fff; color: #27aae2; border: 1px solid #27aae2; }
.advantage li:nth-child(9) strong span { background: #fff; color: #8ec63f; border: 1px solid #8ec63f; }
.advantage li:nth-child(10) strong span { background: #fff; color: #697db4; border: 1px solid #697db4; }
.dg-cs table { width: 100% }
.dg-cs h3 { font-size: 26px; color: #686d71; font-weight: bold; }
.dg-cs p { font-size: 16px; color: #555f7d; line-height: 2em; margin-top: 15px; margin-bottom: 15px; }
.dg-cs tr { padding: 5px 10px; box-sizing: border-box; }
.dg-cs tr td { padding: 15px 0; box-sizing: border-box; }
.dg-cs .one-color { background: #8b224d; background: -webkit-linear-gradient(left, #8b224d, #1b2057); background: -o-linear-gradient(right, #8b224d, #1b2057); background: -moz-linear-gradient(right, #8b224d, #1b2057); background: linear-gradient(to right, #8b224d, #1b2057); color: #fff; }

.new-cont-l table td { box-sizing: border-box; word-break: break-all; padding: 10px 0; }
.new-cont-l table td p { color: #fff; }
.pro-xg-wz { margin-top: 0; border: 1px solid #ced4e0; }
.pro-xg-wz .xg_tit { overflow: hidden; background: #f0f0f0; }
.pro-xg-wz .xg_tit h4 { color: #686d71; font-weight: bold; font-size: 20px; float: left; padding: 10px 20px; background: #fff; border-top-right-radius: 15px; }
.pro-xg-wz .xg_tit h4 a { color: #686d71; font-weight: bold; font-size: 20px; float: left; padding: 10px 0; background: #fff; border-top-right-radius: 15px; padding-right: 10px }
.pro-xg-wz .xg_tit h4::before, .pro-xg-wz .xg_tit h4::after { display: none }
.pro-xg-wz .xg_tit span { float: right; padding: 10px 0; }
.pro-xg-wz .xg_tit span a { font-size: 16px; color: #4b556e; display: block; margin-top: 3px; padding-right: 20px; }
.pro-xg-wz .xg_tit span a:hover{color:#e60012;}
.xg-al { margin: 70px auto 40px; }
.xg-al h4 { text-align: center; width: 100%; margin: 20px 0; font-weight: bold; font-size: 26px; color: #686d71; }
.xg-al h4 a { font-weight: bold; font-size: 26px; color: #686d71; }
.xg-al h4::before { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic1.png) no-repeat; position: static; margin-right: 15px; }
.xg-al h4::after { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic2.png) no-repeat; position: static; margin-left: 15px; }
.xg-al ul { overflow: hidden; margin-left: -3%; }
.xg-al li { overflow: hidden; float: left; width: 22%; margin-left: 3%; }
.xg-al li .al-img { width: 100%; float: left; margin-right: 3%; }
.xg-al li .al-img img { width: 100%; border-radius: 10px }
.xg-al li:hover p{color:#e60012;}
.more-tj { margin-top: 30px; }
.more-tj h4 { color: #fff; font-size: 20px; padding: 14px 0; line-height: 50px; background: url(../images/zs.png) no-repeat center; background-size: 220px 50px; text-align: center; height: 50px; margin: 0 auto -40px; position: relative; }
.more-tj h4 a { color: #fff; font-size: 20px; padding: 14px 0; line-height: 50px; }
.more-tj ul { background: #fbfbfb; border: 1px solid #ced4e0; padding: 50px 20px 10px; margin: 0 auto; }
.more-tj li { background: #fff; border: 1px solid #e8ebf1; -moz-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2) inset; padding: 15px 0; text-align: center; border-radius: 10px; margin-bottom: 15px; }
.more-tj li a { font-size: 16px; color: #555f7d; }
.more-tj li:hover { -moz-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset; -webkit-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset; box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset; }
.more-tj li:hover a { color: #e60012; }
/* 产品详情end*/


/* 产品中心 */

.banner { width: 100%; position: relative; overflow: hidden; }
.banner .img { width: 100%; }
.pro-list { padding: 90px 0 50px; position: relative; }
.pro-list-bg { background: #f0f3fa; }
.pro-list-zero::before { position: absolute; top: 40px; left: -40px; display: block; background: url(../images/zero.png) no-repeat; width: 77px; height: 104px; content: ""; }
.pro-list .list-two::after, .pro-list .list-four::after, .pro-list .list-six::after { position: absolute; top: -50px; left: -40px; display: block; background: url(../images/zero.png) no-repeat; width: 77px; height: 104px; content: ""; }
.pro-list .list-l { border-top-right-radius: 25px; float: left; width: 23%; margin-right: 4%; padding: 85px 30px 0; box-sizing: border-box; position: relative; height: 582px; }
.pro-list .list-one { background: url(../images/pro_bg01.jpg) no-repeat; background-size: cover; }
.pro-list .list-one::before { position: absolute; top: -50px; display: block; background: url(../images/num_one.png) no-repeat; width: 54px; height: 101px; content: ""; }
.pro-list .list-two { background: url(../images/pro_bg02.jpg) no-repeat; background-size: cover; }
.pro-list .list-two::before { position: absolute; top: -50px; display: block; background: url(../images/num_two.png) no-repeat; width: 72px; height: 101px; content: ""; }
.pro-list .list-three { background: url(../images/pro_bg03.jpg) no-repeat; background-size: cover; }
.pro-list .list-three::before { position: absolute; top: -50px; display: block; background: url(../images/num_three.png) no-repeat; width: 75px; height: 101px; content: ""; }
.pro-list .list-four { background: url(../images/pro_bg04.jpg) no-repeat; background-size: cover; }
.pro-list .list-four::before { position: absolute; top: -50px; display: block; background: url(../images/num_four.png) no-repeat; width: 81px; height: 101px; content: ""; }
.pro-list .list-five { background: url(../images/pro_bg05.jpg) no-repeat; background-size: cover; }
.pro-list .list-five::before { position: absolute; top: -50px; display: block; background: url(../images/num_five.png) no-repeat; width: 77px; height: 101px; content: ""; }
.pro-list .list-six { background: url(../images/pro_bg06.jpg) no-repeat; background-size: cover; }
.pro-list .list-six::before { position: absolute; top: -50px; display: block; background: url(../images/num_six.png) no-repeat; width: 76px; height: 101px; content: ""; }
.pro-list .list-l h2 { margin-bottom: 40px; display: inline-block; }
.pro-list .list-l h2 a { font-size: 32px; color: #fff; font-weight: bold; }
.pro-list .list-l .tedian { background: url(../images/tb.png) no-repeat; width: 67px; height: 28px; background-size: cover; line-height: 30px; font-size: 16px; display: inline-block; color: #fff; text-align: center; margin-left: 15px; padding-left: 5px; box-sizing: border-box; }
.pro-list .list-l p { font-size: 16px; color: #fff; line-height: 30px; }
.pro-list .list-l .more { margin-top: 40px; }
.pro-list .list-l .more a { font-size: 16px; color: #fff; border: 1px solid #686d71; padding: 14px 32px; box-sizing: border-box; display: inline-block }
.pro-list .list-l .more:hover a { background: #686d71 }
.pro-list .list-l .more img { vertical-align: middle; margin-top: -3px; margin-left: 5px }
.pro-list ul { float: left; width: 77%; margin-left: -4%; margin-top: -35px }
.pro-list ul li { float: left; width: 29.333%; margin-left: 4%; margin-top: 40px; position: relative; }
.pro-list li .pic img { display: block; width: 100%; border-bottom-left-radius: 20px; }
.pro-list li .pro-name { background: #686d71; overflow: hidden; padding: 25px 0 5px 20px; margin-top: -20px; }
.pro-list li .pro-name::before { display: block; background: url(../images/dian.png) no-repeat; background-size: cover; content: ""; width: 34px; height: 34px; position: absolute; left: 10px; bottom: 7px; }
.pro-list .pro-name h3 { float: left; line-height: 38px; width: 70% }
.pro-list .pro-name h3 a { color: #fff; font-weight: bold; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-list ul li:hover h3 a { color: #e60012; }
.pro-list .pro-name .look { float: right; margin-right: 20px; }
/* 产品中心 */


/* 产品列表 */

.list-pro { background: #686d71; padding: 35px 0; }
.list-pro li { float: left; width: 16.666%; text-align: center; position: relative; }
.list-pro li img { display: block; margin: 0 auto; }
.list-pro li .name { font-size: 18px; color: #fff; font-weight: bold; margin-top: 25px; display: block }
.list-pro li:hover .name { color: #e60012; }
.list-pro li.active::after { border-width: 25px 25px 0; border-style: solid; border-color: #686d71 transparent transparent; position: absolute; bottom: -60px; left: 50%; transform: translate(-50%, 0); content: ""; display: block; }
.list-pro li.active a { color: #e60012; }
.list-pro li .name:before { content: ""; display: inline-block; background: url(../images/fy.png) no-repeat; width: 46px; height: 18px; vertical-align: middle; margin-right: 10px; background-size: cover; }
.list-pro li .name:after { content: ""; display: inline-block; background: url(../images/fr.png) no-repeat; width: 46px; height: 18px; vertical-align: middle; margin-left: 10px; background-size: cover; }
.list-pro-cl { margin-top: 50px }
.list-pro-cl ul { margin-left: -3%; margin-top: -35px }
.list-pro-cl ul li { float: left; width: 22%; margin-left: 3%; margin-top: 35px; position: relative; }
.list-pro-cl li .pic img { display: block; width: 100%; border-bottom-left-radius: 20px; transition: all .6s ease; }
.list-pro-cl li .pic:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; }
.list-pro-cl li .pro-name { background: #686d71; overflow: hidden; padding: 25px 0 5px 30px; margin-top: -20px; }
.list-pro-cl li .pro-name::before { display: block; background: url(../images/dian.png) no-repeat; background-size: cover; content: ""; width: 34px; height: 34px; position: absolute; left: 10px; bottom: 7px; }
.list-pro-cl .pro-name h3 { float: left; line-height: 38px; width: 75%; }
.list-pro-cl .pro-name h3 a { color: #fff; font-weight: bold; font-size: 18px; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.list-pro-cl ul li:hover .pro-name{background:#f0f0f0;}
.list-pro-cl ul li:hover h3 a { color: #e60012; }
.list-pro-cl .pro-name .look { float: right; margin-right: 20px; }
.list-pro-cl .pic { text-align: center; display: block; margin: 0 auto; overflow: hidden; }
.list-pro-cl h2 { font-size: 38px; color: #686d71; text-align: center; font-weight: bold; margin-top: -50px; }
.list-pro-cl h2 img { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px; }
.list-pro-cl .tit { text-align: center; font-size: 18px; color: #555f7d; margin-top: 20px; margin-bottom: 40px; }
/* 产品列表end*/


/* 视频列表 */

.list-video-cl ul { margin-left: -3%; }
.list-video-cl ul li { float: left; width: 30.333%; margin-left: 3%; margin-top: 15px; position: relative; }
.list-video-cl ul li .video-time { position: absolute; right: 0; top: 0; background: rgba(38, 57, 88, 0.8); height: 20px; padding: 5px 12px; color: #fff; font-size: 14px; }
/* 视频列表end*/


/* 视频中心 */

.list-video-cl .list-video-bt { overflow: hidden; margin-bottom: 20px; }
.list-video-bt .left { float: left; overflow: hidden; width: 80%; }
.list-video-bt .left .tb { float: left; }
.list-video-bt .left .xq { float: left; margin-left: 40px; margin-top: 15px; }
.list-video-bt .left .xq .box { position: relative; overflow: hidden; }
.list-video-bt .left .xq h2 { text-align: left; margin-top: 0; display: block; float: left; }
.list-video-bt .left .xq span { display: block; float: left; background: #e60012; background: -webkit-linear-gradient(left, #e60012, #686d71); background: -o-linear-gradient(right, #e60012, #686d71); background: -moz-linear-gradient(right, #e60012, #686d71); background: linear-gradient(to right, #e60012, #686d71); color: #fff; text-align: center; padding: 5px 15px; border-radius: 5px; margin-top: 10px; margin-left: 10px; box-sizing: border-box; position: relative; }
.list-video-bt .left .xq span::before { width: 0; height: 0; border-right: 10px solid #e60012; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; content: ""; display: block; left: -10px; top: 8px; }
.list-video-bt .left .xq p { font-size: 16px; color: #4b556e; margin-top: 10px; }
.list-video-cl .list-video-bt .right { float: right; margin-top: 40px; box-sizing: border-box; }
.list-video-cl .list-video-bt .right a { font-size: 16px; color: #4b556e; padding: 10px 30px; border: 1px solid #4b556e; border-radius: 30px; display: block; box-sizing: border-box; }
.list-video-cl .list-video-bt .right a img { vertical-align: middle; margin-top: -3px; margin-left: 10px }
/* 视频中心end*/


/* 视频内页 */

.video-head { padding: 30px 0 60px; background: #0d173a; background: -webkit-linear-gradient( #adbbe1, #0d173a); background: -o-linear-gradient( #adbbe1, #0d173a); background: -moz-linear-gradient( #adbbe1, #0d173a); background: linear-gradient( #adbbe1, #0d173a); margin-bottom: 35px; }
.video-head .left { width: 71%; float: left; }
.video-head h1 { font-size: 34px; color: #686d71; font-weight: bold }
.video-head h1::before { background: url(../images/fire.png) no-repeat; display: inline-block; content: ""; width: 29px; height: 34px; vertical-align: middle; margin-top: -10px; margin-right: 10px; background-size: cover; }
.video-head .left .rideo { font-size: 16px; color: #465174; background: rgba(176, 186, 217, 0.7); display: inline-block; padding: 5px 15px; box-sizing: border-box; margin: 15px auto 20px; border-radius: 5px }
.video-head .left .rideo img { vertical-align: middle; margin-top: -3px; margin-right: 5px }
.video-head .left .rideo span { color: #e60012; font-size: 16px; }
.video-head .left video { width: 100%; }
.video-head .left .container { overflow: hidden; margin-top: 20px }
.video-head .left .container p { float: left; font-size: 14px; color: #7aa3cc; margin-right: 30px; }
.video-head .left .container p span { font-size: 14px; color: #cce5ff; }
.video-head .left .container p img { vertical-align: middle; margin-top: -3px; margin-right: 15px; }
.video-head .right { float: right; width: 22%; padding-bottom: 50px; }
.video-head .right .tou { padding-bottom: 60px; background-color: #f0f3fa }
.video-head .right ul { position: relative; padding: 10px; background-color: #f0f3fa; overflow: hidden; height: 290px; overflow-y: scroll; }
 .video-head .right ul::-webkit-scrollbar {
 width: 10px;
 height: 1px;
}
 .video-head .right ul::-webkit-scrollbar-thumb {
 border-radius: 5px;
 box-shadow: inset 0 0 1px #f3f3f3;
 background: #828ba4;
}
 .video-head .right ul::-webkit-scrollbar-track {
 box-shadow: inset 0 0 2px #ccc;
 border-radius: 0;
 background: #4b556e;
}
.video-head .right ul li { width: 100%; padding: 0 0 15px; overflow: hidden; vertical-align: top; cursor: pointer; }
.video-head .right li .li-left { display: block; float: left; margin-right: 4%; width: 42%; position: relative; }
.video-head .right li .li-left img { display: block; width: 100%; }
.video-head .right li .li-left .time { position: absolute; right: 0; bottom: 0; background: none repeat scroll 0 0 rgba(75, 85, 110, 0.8); height: 20px; line-height: 20px; color: #fff; font-size: 12px }
.video-head .right li .li-left .time span { cursor: pointer; padding: 0 5px; }
.video-head .right li .con-right { color: #666; float: left; position: relative; width: 54%; font-size: 12px; }
.video-head .right li .con-right h3 { line-height: 18px; font-size: 15px; height: 40px; overflow: hidden; }
.video-head .right li .con-right h3 a { color: #555f7d; font-size: 14px; }
.video-head .right .con-right h3 a:hover { color: #df1515; }
.video-head .right .con-right p { display: inline-block; vertical-align: middle; width: 20px; height: 16px; margin-right: 5px; cursor: pointer; background: url(../images/playIco.png) no-repeat; padding-left: 25px }
.video-head .right .r-head { position: relative; float: right; width: 94.25%; }
.video-head .right .r-head .head { background: #686d71; padding: 30px 20px 50px; margin-top: -40px; box-sizing: border-box; position: relative; }
.video-head .right .r-head p { color: #fff; font-size: 14px; text-align: justify; line-height: 28px; }
.video-head .right .r-head .head::before { background: url(../images/r_head_zs.png) no-repeat; width: 14px; height: 41px; display: block; position: absolute; top: 0; left: -14px; content: ""; }
.video-head .right .r-head .dh { overflow: hidden; margin-top: 25px; }
.video-head .right .r-head .dh img { float: left; margin-right: 10px }
.video-head .right .r-head .dh .ewm { overflow: hidden; }
.video-head .right .r-head .dh .ewm p { font-size: 16px; color: #fff; }
.video-head .right .r-head .dh .ewm a { font-size: 26px; color: #ffaa00; font-weight: bold; }
.video-head .right .r-head .dh .ewm span { font-size: 26px; color: #ffaa00; font-weight: bold; }
.video-head .right .r-head-kf { position: absolute; bottom: -80px; width: 110%; max-width: 270px }
.hot-video { background: #fff; margin: 60px auto 0; }
.hot-video h4 { text-align: center; width: 100%; margin: 20px auto 10px; font-weight: bold; font-size: 26px; color: #686d71; }
.hot-video h4 a { font-weight: bold; font-size: 26px; color: #686d71; }
.hot-video h4::before { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic1.png) no-repeat; position: static; margin-right: 15px; }
.hot-video h4::after { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic2.png) no-repeat; position: static; margin-left: 15px; }
.hot-video ul li { border-bottom: 1px dotted #ccc; padding-bottom: 20px; padding-top: 20px; }
.hot-video ul li .play-nums { color: #788291; }
.hot-video .item-dh { overflow: hidden; }
.hot-video .item-dh .leftpic { position: relative; margin-right: 15px; float: left; max-width: 240px; }
.hot-video .item-dh .leftpic a { display: block; width: 100%; height: 100%; }
.hot-video .item-dh .leftpic a img { display: block; width: 100%; height: 100%; border-radius: 15px; }
.hot-video .item-dh .leftpic a span { color: #fff; width: 28px; height: 28px; font-weight: normal !important; text-indent: 6px; border-radius: 2px; background: url(../images/numb.png) no-repeat; background-size: 100% 100%; position: absolute; left: 10px; top: 10px; font-size: 18px; }
.hot-video .item-dh .right-txt { float: left; }
.hot-video .item-dh a { font-size: 20px; color: #4b556e; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block }
.hot-video .right-txt .play-rank-nums { font-size: 16px; color: #788291; display: block; margin: 20px auto; }
.hot-video .right-txt .play-rank-nums img { width: 18px; margin-right: 10px; vertical-align: middle; margin-top: -8px; }
.hot-video .text-overflow a { font-size: 16px; color: #788291; }
.hot-video .text-overflow a img { vertical-align: middle; margin-top: -3px; margin-left: 5px }
.hot-video .item-hid { overflow: hidden }
.hot-video .item-hid p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 70%; float: left; }
.hot-video .item-hid a { font-size: 16px; color: #4b556e; margin-left: 5px }
.hot-video .item-hid .num { color: #fff; display: inline-block; width: 28px; height: 28px; text-indent: 0.0833rem; border-radius: 2px; background: url(../images/numb.png) no-repeat; background-size: 100% 100%; font-size: 18px; text-indent: 7px }
.hot-video .item-hid .play-nums { color: #788291; float: right; font-size: 16px; }
.hot-video .item-hid .play-nums img { width: 18px; margin-right: 10px; vertical-align: middle; margin-top: -8px; }
/* 视频内页end*/


/* 解决方案 */

.list-pro-cl .list-video-bt { overflow: hidden; margin-bottom: 20px; }
.list-pro-cl .list-video-bt .right { float: right; margin-top: 40px; box-sizing: border-box; position: relative; transition: all 0.6s ease; }
.list-pro-cl .list-video-bt .right a { font-size: 16px; color: #4b556e; padding: 10px 30px; border: 1px solid #4b556e; border-radius: 30px; display: block; box-sizing: border-box; }
.list-pro-cl .list-video-bt .right:hover { background: rgba(21, 53, 129, 0.2); border-radius: 30px; transition: all 0.6s ease; }
.list-pro-cl .list-video-bt .right a img { vertical-align: middle; margin-top: -3px; margin-left: 10px }
/* 解决方案end*/


/* 案例列表 */

.page-list { margin-top: 60px; box-sizing: border-box; position: relative; }
.page-list .pages { float: left; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; background: #fff; border-radius: 50px; padding: 0 10px; box-sizing: border-box; }
.page-list li { float: left; font-size: 16px; color: #051741; width: 50px; text-align: center; position: relative; cursor: pointer; box-sizing: border-box; }
.page-list li.disabled { margin-top: 15px; }
.page-list li a { display: block; padding: 20px 0; }
.page-list li.active span { color: #fff; position: relative; z-index: 2; margin-top: 10px; display: block; }
.page-list li.active::before { content: ""; display: block; position: absolute; top: -10px; background: url(../images/pages_bg.png) no-repeat; width: 50px; height: 68px; background-size: cover; }
.page-list .learnmore { float: right; margin-top: 10px; }
.page-list .learnmore img { vertical-align: middle; margin-right: 10px; margin-top: -3px }
/* 案例列表end*/


/* 物料内页 */

.material { margin-top: 40px; }
.material .mate-head { background: url(../images/mate_bg.jpg) no-repeat; padding: 35px 0; background-size: cover; border-radius: 15px; }
.material .mate-cont { margin-top: 30px }
.material .mate-head h1 { font-size: 32px; color: #fff; text-align: center; margin-top: 0 }
.material .mate-head .lb { overflow: hidden; background: #dbe6ff; padding: 10px 25px; border-radius: 10px; width: 85%; margin: 20px auto 0; }
.material .mate-head .lb .left { float: left; }
.material .mate-head .lb .left img { width: 38px; vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.material .mate-head .lb p { font-size: 16px; color: #686d71; display: inline-block; line-height: 35px; }
.material .mate-head .lb .right { float: right; cursor: pointer; }
.material .mate-head .lb .right span { border-radius: 30px; font-size: 16px; color: #686d71; display: inline-block; padding: 7px 13px; box-sizing: border-box; background: #b6c7f0; }
.material .mate-head .lb .right img { width: 17px; vertical-align: middle; margin-top: -3px; margin-left: 5px; }
.material .mate-head .bottom { overflow: hidden; padding-top: 25px; }
.material .mate-head .bottom .swt { float: left; width: 50%; text-align: center; }
.material .mate-head .bottom .b-r { float: left; width: 50%; text-align: center; margin-top: 25px; }
.mate-head .bottom .b-r { overflow: hidden; }
.mate-head .bottom .b-r .ewm { float: left; max-width: 85px; }
.mate-head .bottom .b-r .ewm-dh { float: left; overflow: hidden; margin-top: 5px; }
.mate-head .bottom .b-r .ewm-dh p { text-align: left; margin-left: 10px; }
.mate-head .bottom .ewm-dh .one { font-size: 14px; color: #fff; }
.mate-head .bottom .ewm-dh .two { font-size: 14px; color: #fff; font-weight: bold; }
.mate-head .bottom .ewm-dh .two span { font-size: 22px; color: #ffaa00; }
.mate-cont h3 { font-size: 26px; color: #686d71; font-weight: bold; position: relative; padding-left: 50px; text-align: left !important; }
.mate-cont h3::before { position: absolute; left: 0; bottom: 5px; display: inline-block; background: url(../images/h_three.png) no-repeat; width: 37px; height: 21px; content: ""; }
.mate-cont h3::after { display: none; margin-top: 30px }
.more-al { margin-top: 60px }
.more-al h4 { font-size: 26px; color: #686d71; text-align: center; font-weight: bold; }
.more-al h4::before { content: ""; display: inline-block; background: url(../images/ic1.png) no-repeat; width: 82px; height: 21px; vertical-align: middle; margin-right: 20px; }
.more-al h4::after { content: ""; display: inline-block; background: url(../images/ic2.png) no-repeat; width: 82px; height: 21px; vertical-align: middle; margin-left: 20px; }
.more-al ul { margin-left: -3%; }
.more-al ul li { float: left; width: 47%; margin-left: 3%; margin-top: 35px; position: relative; }
.more-al li .pic img { display: block; width: 100%; border-bottom-left-radius: 20px; }
.more-al li .pro-name { background: #686d71; overflow: hidden; padding: 25px 0 5px 30px; margin-top: -20px; }
.more-al li .pro-name::before { display: block; background: url(../images/dian.png) no-repeat; background-size: cover; content: ""; width: 34px; height: 34px; position: absolute; left: 10px; bottom: 7px; }
.more-al .pro-name h5 { float: left; line-height: 38px; }
.more-al .pro-name h5 a { color: #fff; font-weight: bold; font-size: 18px; }
.more-al .pro-name .look { float: right; margin-right: 20px; }
/* 物料内页end*/


/* 案例内页 */

.case-head { padding: 30px 0 60px; background: #0d173a; background: -webkit-linear-gradient( #adbbe1, #0d173a); background: -o-linear-gradient( #adbbe1, #0d173a); background: -moz-linear-gradient( #adbbe1, #0d173a); background: linear-gradient( #adbbe1, #0d173a); margin-bottom: 35px; }
.case-head .case-head-l { float: left; width: 63%; }
.case-head h1 { font-size: 34px; color: #686d71; font-weight: bold }
.case-head h1::before { background: url(../images/fire.png) no-repeat; display: inline-block; content: ""; width: 29px; height: 34px; vertical-align: middle; margin-top: -10px; margin-right: 10px; background-size: cover; }
.case-head .tit { font-size: 16px; color: #465174; display: inline-block; padding: 5px 15px; box-sizing: border-box; margin: 5px auto 15px; border-radius: 5px }
.case-head .tit span { color: #e60012; font-size: 16px; font-weight: bold; }
.case-head .case-head-l .img { width: 100%; max-width: 830px; }
.case-head .case-head-l ul { overflow: hidden; width: 85%; margin-top: 20px; }
.case-head .case-head-l li { float: left; width: 33.333%; text-align: center; font-size: 16px; color: #cce5ff; }
.case-head .case-head-l li span { color: #fff; font-size: 16px; box-sizing: border-box; margin-right: 5px; width: 39px; display: inline-block; text-align: center; background: url(../images/sp_bg.png) no-repeat; background-size: 39px 32px; line-height: 32px; padding-left: 8px; }
.case-head-r { float: left; background: #fff; padding: 40px 30px 60px 30px; box-sizing: border-box; width: 37%; margin-top: -15px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; position: relative; }
.case-head-r::before { background: url(../images/case_zs.png) no-repeat; width: 30px; height: 16px; border: 30px; position: absolute; top: 0; left: -30px; display: block; content: ""; }
.case-head-r strong { text-align: center; display: block; font-size: 26px; color: #4b556e; font-weight: bold; margin-bottom: 25px; }
.case-head-r strong::before { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic3.png) no-repeat; position: static; margin-right: 15px; }
.case-head-r strong::after { width: 82px; height: 21px; content: ""; display: inline-block; background: url(../images/ic4.png) no-repeat; position: static; margin-left: 15px; }
.case-head-r p { font-size: 16px; color: #2b3040; border: 1px solid #d7e3fa; -moz-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; margin-bottom: 20px; padding: 8px 15px; box-sizing: border-box; }
.case-head-r p span { font-size: 16px; color: #e60012; font-weight: bold; }
.case-head-r p img { width: 48px; margin-right: 10px; vertical-align: middle; }
.case-head-r .last { border: 1px solid #d7e3fa; -moz-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset; padding: 8px 15px; box-sizing: border-box; }
.case-head-r .last p { margin-bottom: 0; font-size: 16px; color: #2b3040; float: left; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.case-head-r .last p span { font-size: 24px }
.case-head-r .last img { float: left; width: 48px; }
.case-head-r .bottom { text-align: center; margin-top: 30px; }
.casepage_pz h2 { color: #686d71; font-size: 32px; text-align: center; margin-bottom: 10px; }
.casepage_pz .text { font-size: 16px; color: #555f7d; text-align: center; }
.casepage_pz ul { margin-left: -2%; }
.casepage_pz ul li { float: left; width: 23%; margin-left: 2%; margin-top: 30px; position: relative; }
.casepage_pz li .pic img { display: block; width: 100%; border-bottom-left-radius: 20px; }
.casepage_pz li .pro-name { background: #686d71; overflow: hidden; padding: 25px 0 5px 30px; margin-top: -20px; }
.casepage_pz li .pro-name::before { display: block; background: url(../images/dian.png) no-repeat; background-size: cover; content: ""; width: 34px; height: 34px; position: absolute; left: 10px; bottom: 7px; }
.casepage_pz .pro-name h3 { float: left; line-height: 38px; width: 70%; }
.casepage_pz .pro-name h3 a { color: #fff; font-weight: bold; font-size: 18px; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.casepage_pz ul li:hover h3 a { color: #e60012; }
.casepage_pz .pro-name .look { float: right; margin-right: 20px; }
.casepage_lc { background: #f0f3fa; padding: 50px 0; margin: 50px auto; }
.casepage_lc .l, .casepage_ys .l { float: left; width: 50%; }
.casepage_lc .l h2, .casepage_ys .r h2 { font-size: 32px; color: #686d71; margin-bottom: 30px; margin-top: 15px; }
.casepage_lc .l p, .casepage_ys .r p { font-size: 16px; color: #555f7d; margin-bottom: 15px; line-height: 30px; }
.casepage_lc p strong, .casepage_ys p strong { width: 20px; height: 20px; line-height: 20px; display: inline-block; background: #ed2225; border-radius: 50%; color: #fff; font-weight: 500; text-align: center; margin: 2px 8px 0 0; }
.casepage_lc .r, .casepage_ys .r { float: right; width: 50%; }
.casepage_lc .r video { max-width: 600px; width: 100%; }
.casepage_ys .r img { max-width: 600px; width: 100%; }
.casepage_xc { width: 100%; margin: 0 auto; overflow: hidden; }
.casepage_xc h2, .casepage_xg h2, .casepage_gdnr h2, .case_six h2 { font-weight: 500; font-size: 32px; margin-bottom: 15px; text-align: center; color: #686d71; margin-top: 50px; }
.casepage_xc p, .casepage_xg p, .case_six .text { text-align: center; margin-bottom: 30px; font-size: 16px; color: #555f7d; line-height: 30px; }
.casepage_xc ul { overflow: hidden; margin-left: -2% }
.casepage_xc li { float: left; width: 31.333%; margin-left: 2%; }
.casepage_gdnr p { text-indent: 2em; margin-bottom: 30px; font-size: 16px; color: #555f7d; line-height: 1.8em }
.case_five { background: #f0f3fa; padding: 30px 0 50px; }
.case_five a { float: left; display: block; width: 250px; margin-right: 25px; }
.case_five a img { width: 100%; }
.case_five .khfk { overflow: hidden; }
.case_five .khfk h2 { font-size: 32px; color: #686d71; margin-top: 30px; margin-bottom: 10px; }
.case_five .khfk p { font-size: 16px; color: #555f7d; line-height: 30px; }
.case_six ul { margin-left: -3%; }
.case_six ul li { float: left; width: 30.333%; margin-left: 3%; position: relative; }
.case_six ul li .video-time { position: absolute; right: 0; top: 0; background: #263958; height: 20px; padding: 5px 12px; color: #fff; font-size: 14px; }
.case_six .pic { text-align: center; display: block; margin: 0 auto; }
.case_six .pic img { display: block; width: 100%; border-bottom-left-radius: 20px; }
.case_six li .pro-name { background: #686d71; overflow: hidden; padding: 25px 0 5px 30px; margin-top: -20px; }
.case_six li .pro-name::before { display: block; background: url(../images/dian.png) no-repeat; background-size: cover; content: ""; width: 34px; height: 34px; position: absolute; left: 10px; bottom: 7px; }
.case_six .pro-name h3 { float: left; line-height: 38px; }
.case_six .pro-name h3 a { color: #fff; font-weight: bold; font-size: 18px; }
.case_six ul li:hover h3 a { color: #e60012; }
.case_six li .box-m { box-sizing: border-box; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; background: #fff; overflow: hidden; padding: 20px 20px 10px 30px; box-sizing: border-box; }
.case_six li .box-m .m-l { float: left; }
.case_six li .box-m .m-l p { font-size: 14px; color: #4b556e; margin-bottom: 10px; }
.case_six li .box-m .m-l p img { width: 18px; vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.case_six li .box-m .m-l p span { font-size: 14px; color: #e60012; }
.case_six li .box-m .m-r { float: right; }
.case_six li .box-m .m-r img { vertical-align: middle; margin-top: 5px }
.case_six li.six-list { padding: 46px 40px; background: #f0f3fa; box-sizing: border-box; height: 441px; }
.case_six li.six-list strong { display: block; margin-bottom: 20px; }
.case_six li.six-list strong a { font-size: 26px; color: #686d71; font-weight: 500; }
.case_six li.six-list p { padding: 18px 0; border-bottom: 2px dashed #e4eaf5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_six li.six-list p a { font-size: 16px; color: #4b556e; background: url(../images/xg_zs.png) no-repeat 0 1px; padding-left: 25px; background-size: 24px 24px }

/* 案例内页end*/


/* 有问必答 */

.questions { background: #f0f3fa; padding-top: 40px; padding-bottom: 60px; }
.questions .ques-l { width: 72%; float: left; }
.ques-l .tou p { float: left; font-size: 32px; color: #686d71; }
.ques-l .tou p img { vertical-align: middle; margin-top: -5px; margin-right: 10px; }
.ques-l .tou a { float: right; padding: 10px 30px; box-sizing: border-box; font-size: 16px; color: #4b556e; display: block; border: 1px solid #4b556e; border-radius: 30px; transition: all 0.6s ease; }
.ques-l .tou a:hover { background: #fbebed; border-radius: 30px; transition: all 0.6s ease; }
.ques-l .tou a img { margin-left: 10px; vertical-align: middle; margin-top: -3px }
.ques-l .one { margin-bottom: 60px }
.ques-l .one li { background: #fff; padding: 30px 35px 40px; box-sizing: border-box; border-radius: 15px; margin-top: 40px; -moz-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2); -webkit-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2); box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2); }
.answer-tw .text { color: #788291; font-size: 18px }
.answer-tw .text img { width: 128px; vertical-align: middle; margin-right: 15px; }
.answer-tw .text a { color: #788291; font-size: 18px }
.answer-tw .wt { background: #f0f3fa; padding: 35px 30px 20px; border-radius: 15px; border: 1px dashed #a0b0c7; margin-top: -20px; }
.answer-tw .wt a { font-size: 18px; color: #111f3f; font-weight: bold; }
.answer-tw .wt a span { color: #fa2346; }
.answer-tw .wt p { font-size: 14px; color: #4b556e; margin-top: 20px; display: block; }
.answer-jd { margin-top: 30px; }
.answer-jd .text { text-align: right; font-size: 18px; color: #788291; }
.answer-jd .text span { color: #fa2346; font-size: 18px; }
.answer-jd .text img { vertical-align: middle; margin-left: 20px; width: 128px }
.answer-jd .jd { background: #f0f3fa; padding: 35px 30px 20px; border-radius: 10px; border: 1px dashed #a0b0c7; margin-top: -25px; font-size: 16px; color: #4b556e; line-height: 30px; text-align: justify; }
.answer-jd .jd p { font-size: 16px; color: #4b556e; line-height: 30px; text-align: justify; }
.answer-jd #phone { display: none; }
.answer-jd .jd p .wdmore { font-size: 18px; color: #fa2346; display: block; text-align: right; margin-top: 15px; }
.questions .two { background: #fff; padding: 30px 35px 40px; box-sizing: border-box; border-radius: 15px; margin-top: 40px; -moz-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2); -webkit-box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2); box-shadow: 2px 0 15px rgba(21, 53, 129, 0.2); }
.questions .two li { padding: 20px 0; border-bottom: 2px dashed #ebf0f8; overflow: hidden; box-sizing: border-box; }
.questions .two li a { font-size: 16px; color: #4b556e; float: left; width: 78%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.questions .two li a::before { background: url(../images/xw.png) no-repeat; width: 22px; height: 21px; display: inline-block; content: ""; vertical-align: middle; margin-right: 10px; }
.questions .two li a::after { background: url(../images/jiejue.png) no-repeat; width: 82px; height: 28px; display: inline-block; content: ""; vertical-align: middle; margin-left: 10px; }
.more-new .two li a::before { background: none; width: 0; margin-right: 0; }
.more-new .two li a::after { background: none; width: 0; }
.questions .two li span { display: block; float: right; font-size: 14px; color: #4b556e; }
.footer-wd { margin-top: 0 }
.ques-r { float: right; width: 20%; }
.ques-r strong { background: url(../images/zs.png) no-repeat center; background-size: 220px 50px; text-align: center; height: 50px; margin: 0 auto -25px; position: relative; display: block; font-size: 20px; color: #fff; font-weight: bold; line-height: 50px; }
.ques-r .tiwen { background: #686d71; padding: 40px 10px 15px; box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.5); -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.5); box-shadow: 0px 0 20px rgba(21, 53, 129, 0.5); }
.ques-r .tiwen select { width: 100%; border-radius: 10px; padding: 15px 10px; box-sizing: border-box; font-size: 14px; color: #4b556e; }
.ques-r .tiwen textarea { width: 100%; height: 120px; padding: 15px 10px; box-sizing: border-box; border-radius: 10px; margin-top: 10px; font-size: 14px; color: #4b556e; }
.ques-r .tiwen input { width: 100%; border-radius: 10px; margin-top: 10px; padding: 15px 10px; box-sizing: border-box; font-size: 14px; color: #4b556e; }
.ques-r .tiwen input.btn { font-size: 14px; width: 60%; padding: 10px 0; margin-left: 20%; color: #fff; border-radius: 50px; margin-top: 20px; cursor: pointer; background: #8d224e; background: -webkit-linear-gradient(left, #8d224e, #244698); background: -o-linear-gradient(right, #8d224e, #244698); background: -moz-linear-gradient(right, #8d224e, #244698); background: linear-gradient(to right, #8d224e, #244698); }
.ques-r .tu-hb { width: 100%; }
.ques-r .tu-hb img { width: 100%; display: block }
.ques-r .r-head { position: relative; width: 100%; }
.ques-r .r-head .head { background: #686d71; padding: 30px 20px 50px; box-sizing: border-box; position: relative; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.5); -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.5); box-shadow: 0px 0 20px rgba(21, 53, 129, 0.5); }
.ques-r .r-head p { color: #fff; font-size: 14px; text-align: justify; line-height: 28px; }
.ques-r .r-head .dh { overflow: hidden; margin-top: 25px; }
.ques-r .r-head .dh img { float: left; margin-right: 10px }
.ques-r .r-head .dh .ewm { overflow: hidden; }
.ques-r .r-head .dh .ewm p { font-size: 14px; color: #fff; }
.ques-r .r-head .dh .ewm a { font-size: 22px; color: #ffaa00; font-weight: bold; }
.ques-r .r-head .dh .ewm span { font-size: 22px; color: #ffaa00; font-weight: bold; }
.ques-r .r-head-kf { position: absolute; bottom: -80px; width: 110%; max-width: 270px }
/* 有问必答end*/


/* 全部问答 */

.questions .all-questions { width: 100%; float: none; }
.questions .all-questions .one { margin-bottom: 0; }
/* 全部问答end*/


/* 更多问答 */

.ques-l .head h1 { font-size: 32px; color: #686d71; font-weight: bold; display: inline-block; }
.ques-l .head h1 a { font-size: 32px; color: #e60012; font-weight: bold; margin: 0 10px; }
.ques-l .head span { display: inline-block; font-size: 32px; color: #686d71; font-weight: bold; }
/* 更多问答end*/


/* 更多相关新闻 */

.more-new { background: #fff; }
.more-new .pages { margin-left: 13.5%; }
.more-new-r { float: right; width: 23%; max-width: 300px }
.more-new-r .pos { position: relative; }
.more-new .two { box-shadow: none; padding: 0; margin-top: 20px; }
.more-new-r .answer-banner { position: relative; }
.more-new-r .answer-banner img { width: 100%; display: block; }
.more-new-r .answer-banner:after { display: block; background: url(../images/anse_ban_bg.png) no-repeat; width: 100%; height: 85px; content: ""; position: absolute; bottom: 0; left: 0; z-index: 5; display: none; }
.more-new-r .tuijian { box-sizing: border-box; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; }
.more-new-r .gdxg { text-align: center; font-size: 16px; display: block; font-weight: bold; color: #fff; position: relative; z-index: 10; margin-top: -35px }
.more-new-r .box-m { padding: 30px 20px 10px 30px; box-sizing: border-box; position: relative; border-bottom: 2px dashed #ebf0f8; }
.more-new-r .box-m p { font-size: 14px; color: #4b556e; margin-bottom: 10px; }
.more-new-r .box-m p img { width: 18px; vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.more-new-r .box-m p span { font-size: 14px; color: #e60012; }
.more-new-r .kf a { font-size: 20px; color: #686d71; font-weight: bold; padding: 15px 0; text-align: center; display: block; }
.more-new-r .kf a img { margin-right: 10px }
.more-new .fixed { position: fixed; top: 0; left: 50%; margin-left: 18.4%; }
/* 更多相关新闻end*/


/* 问答内页 */

.answer-ny p { margin-bottom: 20px }
.answer-ny .content_video p { color: #fff; }
.answer-ny .jd { border-radius: 25px; margin-bottom: 40px; margin-top: -45px; }
.answer-ny .jd p img { display: block; margin: 0 auto; }
.answer-ny-xg { margin-top: 60px; }
.answer-ny-xg .xg_tit { overflow: hidden; background: #f0f3fa; border-top: 1px solid #f0f3fa; }
.answer-ny-xg .xg_tit h4 { color: #686d71; font-weight: bold; font-size: 20px; float: left; padding: 10px 20px; background: #fff; border-top-right-radius: 15px; }
.answer-ny-xg .xg_tit h4::before, .answer-ny-xg .xg_tit h4::after { display: none }
.answer-ny-xg .xg_tit span { float: right; padding: 10px 0; }
.answer-ny-xg .xg_tit span a { font-size: 16px; color: #4b556e; display: block; margin-top: 3px; padding-right: 20px; }
.answer-ny-xg ul { background: #fff; padding: 30px 35px 40px; box-sizing: border-box; border-bottom: 1px solid #f0f3fa; }
.answer-ny-xg ul li { padding: 20px 0; border-bottom: 2px dashed #ebf0f8; overflow: hidden; box-sizing: border-box; }
.answer-ny-xg ul li a { font-size: 16px; color: #4b556e; float: left; width: 78%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.answer-ny-xg ul li a::before { background: url(../images/xw.png) no-repeat; width: 22px; height: 21px; display: inline-block; content: ""; vertical-align: middle; margin-right: 10px; }
.answer-ny-xg ul li a::after { background: url(../images/jiejue.png) no-repeat; width: 82px; height: 28px; display: inline-block; content: ""; vertical-align: middle; margin-left: 10px; }
.answer-ny-xg ul li span { display: block; float: right; font-size: 14px; color: #4b556e; }
/* 问答内页end*/


/* 联系我们 */

.contact-ul { overflow: hidden; margin: 40px auto 30px; text-align:center; width:50%;}
.contact-ul li { float: left; overflow: hidden; background: url(../images/xian.png) no-repeat; background-size: 100% 100%; text-align:center;padding: 25px 45px 20px 55px; box-sizing: border-box; margin-right: 50px; }
.contact-ul li img { overflow: hidden; float: left; margin-right: 35px; }
.contact-ul li .right { float: left; margin-top: 15px; }
.contact-ul li .cursor { cursor: pointer; }
.contact-ul li .right .fw { font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 5px; }
.contact-ul li .right .dh { font-size: 16px; color: #fff; cursor: pointer; }
.contact-ul li .right .rx { font-size: 16px; color: #fff; }
.contact-ul li:hover .right .dh { color: #e60012; }
.bot { background: -webkit-linear-gradient(left, #06163f, transparent); background: -o-linear-gradient(right, #06163f, transparent); background: -moz-linear-gradient(right, #06163f, transparent); background: linear-gradient(to right, #fff, transparent); width: 50%; padding: 10px 30px; border-radius: 30px; }
.bot img { vertical-align: middle; margin-right: 10px; }
.bot span { font-size: 16px; color: #fff; }
.contact-one { margin-top: 60px; }
.contact-one .pic, .contact-map .pic { text-align: center; display: block; margin: 0 auto; }
.contact-one h2, .contact-map h2 { font-size: 38px; color: #686d71; text-align: center; font-weight: bold; margin-top: -50px; }
.contact-one h2 img, .contact-map h2 img { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px; }
.contact-one .tit, .contact-map .tit { text-align: center; font-size: 18px; color: #555f7d; margin-top: 20px; margin-bottom: 40px; }
.contact-one ul { overflow: hidden; margin-left: -2%; }
.contact-one li { float: left; width: 23%; margin-left: 2%; border: 1px solid #f0f3fa; border-radius: 10px; margin-bottom: 30px; text-align: center; box-sizing: border-box; padding: 30px 0; }
.contact-one li img { width: 58px; }
.contact-one li span { font-size: 18px; color: #4b556e; font-weight: bold; display: block; margin-top: 20px; }
/*.message-three { background: url(../images/lyb2.jpg) no-repeat; margin-bottom: 100px; }*/
.contact-bottom { position: relative; margin-top: 90px; }
.contact-box { position: absolute; width: 325px; top: -50px; z-index: 10; background: #ab0613; color: #fff; padding: 40px; box-sizing: border-box; }
.contact-box strong { display: block; font-size: 20px; font-weight: bold; margin-bottom: 30px; }
.contact-box .j-s { font-size: 14px; line-height: 24px; text-align: justify; padding-bottom: 40px; }
.contact-box .box { padding-top: 35px; border-top: 1px solid #e60012; }
.contact-box .box p { font-size: 16px; margin-bottom: 10px }
.contact-box .box p span { font-size: 20px; }
.contact-box .box .zx-zx { background: #e60012; border-radius: 5px; box-shadow: 1px 3px 10px #fff; cursor: pointer; background: -webkit-linear-gradient(left, #e60012, #686d71); background: -o-linear-gradient(left, #e60012, #686d71); background: -moz-linear-gradient(left, #e60012, #686d71); background: linear-gradient(left, #e60012, #686d71); width: 100%; display: block; padding: 10px 0; text-align: center; font-size: 20px; }
.contact-box .box .zx-zx img { vertical-align: middle; margin-top: -3px; margin-left: 10px; }
#allmap { height: 560px }
#allmap .BMap_Marker { width: 40px!important; height: 40px!important; position: relative; cursor: default }
#allmap .BMap_noprint.BMap_Marker::before { content: ""; position: absolute; width: 100%; height: 100%; -webkit-animation: 1s infinite alternate scale3; -o-animation: 1s infinite alternate scale3; animation: 1s infinite alternate scale3; border-radius: 50%; transform-origin: center; left: 0; top: 0; background-color: rgba(255, 255, 255, .2) }
 @-webkit-keyframes scale3 {  0% {
 -webkit-transform: scale(1);
 transform: scale(1)
}
 100% {
 -webkit-transform: scale(1.8);
 transform: scale(1.8)
}
}
 @keyframes scale3 {  0% {
 -webkit-transform: scale(1);
 transform: scale(1)
}
 100% {
 -webkit-transform: scale(1.8);
 transform: scale(1.8)
}
}
/* 联系我们end*/


/* 关于我们 */

.about { margin-top: 60px; }
.about .pic, .about-two .pic/*, .about-list .pic, .about-bottom .pic */{ text-align: center; display: block; margin: 0 auto; }
.about h2, .about-two h2/*, .about-bottom h2 */{ font-size: 38px; color: #686d71; text-align: center; font-weight: bold; margin-top: -50px; }
.about h2 img, .about-two h2 img/*, .about-list h2 img, .about-bottom h2 img*/ { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px; }
.about .tit, .about-two .tit/*, .about-bottom .tit */{ text-align: left; text-indent: 2em; text-align: justify; line-height: 28px; font-size: 16px; color: #555f7d; margin-top: 20px; margin-bottom: 40px; }
.about-one { position: relative; }
.about-one .fl { float: left; width: 39%; margin-top: 20px; }
.about-one .fl strong { border-left: 4px solid #e60012; padding-left: 20px; box-sizing: border-box; line-height: 35px; display: block; font-size: 22px; color: #4b556e; font-weight: bold; }
.about-one .fl p { font-size: 30px; color: #e60012; font-weight: bold; margin: 15px auto 35px; padding-left: 20px; box-sizing: border-box; }
.about-one .fl span { font-size: 16px; color: #737c99; line-height: 30px; padding-left: 20px; box-sizing: border-box; display: block; }
.about-one .fr { float: right; width: 53%; }
.about-one .fr img { width: 100%; }
.about-one ul { position: absolute; bottom: -70px; left: 0; background: #fff; border-radius: 5px; box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2); }
.about-one ul li { float: left; text-align: center; padding: 60px 70px; box-sizing: border-box; border-radius: 15px; }
.about-one ul li img { width: 53px; }
.about-one ul li p { font-size: 16px; color: #788291; }
.about-two { margin-top: 130px; }
.about-two ul { overflow: hidden; margin-left: -2%;margin-top:-5%;padding-bottom: 70px }
.about-two li { float: left; position: relative; width: 31.3333%; margin:5% 0 0 2%; box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2); }
.about-two li::before { width: 92%; height: 30px; content: ""; display: block; background: #d6dff9; position: absolute; bottom: -20px; z-index: -2; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; left: 50%; transform: translate(-50%, 0); box-shadow: 0px 4px 20px rgba(40, 55, 85, 0.2); }
.about-two li::after { width: 96%; height: 30px; content: ""; display: block; background: #aab9e8; position: absolute; bottom: -10px; z-index: -1; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; left: 50%; transform: translate(-50%, 0) }
.about-two li .img { width: 100%; }
.about-two li h3 { font-size: 16px; color: #686d71; text-align: center; padding: 15px 0; background: #fff }

.mobfourbox .mobfourboxfl { float: left; width: 24.616%; }
.mobfourbox .mobfourboxfr { float: right; width: 24.5%; }
.mobfourbox .mobfourboxmid { float: left; width: 47%; margin-left: 2%; }
.mobfourtxt { clear: both; width: 100%; position: relative; }
.mobfourtxt img { width: 100%; }
.mobfourtxt p { position: absolute; bottom: 0; left: 0; font-size: 24px; font-weight: bold; padding: 70px 0 15px; background: url(../images/anse_ban_bg.png) repeat center; color: #fff; text-align: center; width: 100%; }
.mobfourbox li { background-color: #eee; margin-bottom: 20px; border-radius: 10px; position: relative; }
.mobfourbox .one li.active::after { width: 0; height: 0; border: 10px solid transparent; border-left-color: #ebf2ff; position: absolute; right: -20px; top: 50%; margin-top: -10px; content: ''; }
.mobfourbox .two li.active::before { width: 0; height: 0; border: 10px solid transparent; border-right-color: #ebf2ff; position: absolute; left: -20px; top: 50%; margin-top: -10px; content: ''; }
.mobfourbox li img { width: 100%; display: block; border-radius: 10px； }
/* 关于我们end*/


/* 404 */

.four-img { width: 100%; position: relative; }
.four-img img { width: 100%; }
.four-img .box { position: absolute; text-align: center; bottom: 100px; left: 50%; transform: translate(-50%, 0); }
.four-img .box .sorry { font-size: 24px; color: #fff; margin-bottom: 30px }
.four-img .box .lj { font-size: 16px; color: #fff; }
.four-img .box .lj a { font-size: 16px; color: #fff; margin-left: 10px }
.four-img .return { text-align: center; background: #ba2f81; background: -webkit-linear-gradient(left, #ba2f81, #2748de); background: -o-linear-gradient(left, #ba2f81, #2748de); background: -moz-linear-gradient(left, #ba2f81, #2748de); background: linear-gradient(left, #ba2f81, #2748de); color: #fff; border-radius: 50px; padding: 10px 0; margin: 0 auto; border: 6px solid #111e43; box-shadow: 0px 0px 10px #4b556e; width: 70%; margin-top: 35px; font-size: 26px; position: relative; }
.four-img .return::after { background: url(../images/sub_jt.png) no-repeat; width: 46px; height: 46px; background-size: cover; position: absolute; right: 2%; bottom: 5px; display: block; content: ""; }
.four-img .return a { color: #fff; }
/* 404end*/


/* 新闻列表 */

.news-list { background: #f0f3fa; overflow: hidden; padding-top: 60px; }
.news-list .news-items { position: relative; }
.news-list .news-items:after { content: ''; position: absolute; top: 0; left: 13.2%; height: 100%; width: 1px; background: #bcbcbc; z-index: 3; ; }
.news-list .news-items .item { height: 205px; margin-bottom: 25px; }
.news-list .news-items .item-l { width: 20%; float: left; position: relative; height: 100%; }
.news-list .news-items .item-r { width: 80%; float: left; height: 100%; background: #fff; position: relative; }
.news-list .news-items .item-r:after { content: ''; position: absolute; top: 0; right: 0; background: #fff; height: 100%; width: 0; transition: all .5s ease; -webkit-transition: all .5s ease; }
.news-list .news-items .item-l .time { width: 65%; float: left; font-family: 'Arial'; line-height: 1; text-align: right; position: absolute; height: 64px; top: 50%; margin-top: -32px; color: #686d71; z-index: 5; }
.news-list .news-items .item-l .time .d { font-size: 16px; margin-bottom: 3px; margin-right: 20px; }
.news-list .news-items .item-l .time .t { font-size: 32px; margin-bottom: 3px; margin-right: 20px; }
.news-list .news-items .item-l .time .m { font-size: 16px; margin-right: 20px; }
.news-list .news-items .item-l .time:after { content: ''; position: absolute; width: 46px; height: 1px; background: #bcbcbc; top: 50%; right: -48px; }
.news-list .item-r .tit { font-size: 24px; color: #686d71; margin-bottom: 25px; }
.news-list .item-r .see-number { color: #788291; font-size: 14px; margin-right: 40px; }
.news-list .item-r .see-number img { margin-right: 10px; vertical-align: middle; margin-top: -3px }
.news-list .item-r .list-tool { margin-bottom: 15px; }
.news-list .item-r .s { font-size: 16px; color: #4b556e; height: 58px; overflow: hidden; line-height: 28px; }
.news-list .item-r .box-l { width: 100%; float: left; padding: 30px 40px; box-sizing: border-box; }
.news-list .item-r .img { float: right; width: 24%; }
.news-list .item:hover { background: #fff; }
.news-list .item:hover .item-l:after { content: ''; position: absolute; top: 0; right: 88px; width: 492px; height: 206px; background: #686d71; transition: all .5s ease; -webkit-transition: all .5s ease; }
.news-list .item:hover .item-l .time { color: #fff; }
.news-list .item:hover .item-l .time:before { content: ''; position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #686d71; right: -15px; top: 50%; margin-top: -15px; z-index: 3; }
.news-list .item:hover .item-l .time:after { background: #686d71; transition: all .5s ease; -webkit-transition: all .5s ease; }
.news-list .item:hover .tit .el { color: #e60012; }
.news-list .item:hover .item-r:after { width: 330px; right: -330px; }
.news-list .pages { margin-left: 30%; margin-bottom: 60px; }
.t-page { display: none; position: absolute; left: 0; width: 100%; bottom: 40px; padding: 40px 30px 10px; box-sizing: border-box; border: 1px solid #8c9bc3; border-radius: 10px; background-color: #FFF; z-index: 10; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); }
.t-page .ul-page { display: none; }
.t-page .ul-page.show { display: block; }
.t-page .close { position: absolute; right: 0; top: 5px; width: 30px; height: 30px; line-height: 30px; color: #333; cursor: pointer; }
.t-page .ico { content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #8c9bc3 transparent transparent; }
.t-page .ico em { content: ''; display: block; position: absolute; bottom: 1px; left: -12px; width: 0; height: 0; border-width: 12px 12px 0; border-style: solid; border-color: #fff transparent transparent; }
.page-close { position: absolute; right: 15px; top: 15px; cursor: pointer; }
.ul-page { clear: both; overflow: hidden; position: relative; line-height: 36px; width: 100%; padding: 0 40px; box-sizing: border-box; background: url(../images/page-fc.png) repeat-x top 7px center; }
.ul-page li { float: left; color: #666; width: 10%; margin-bottom: 10px; }
.ul-page li a { display: block; text-align: center; }
.ul-page li:hover, .ul-page li.on { color: #FFF; height: 68px; background: url(../images/pages_bg.png) no-repeat top center; }
.ul-page li:hover a, .ul-page li.on a { color: #FFF; }
.ul-tab-page { overflow: hidden; margin-top: 20px; }
.ul-tab-page li { float: left; width: 17%; text-align: center; margin: 0 1.5% 15px 1.5%; }
.ul-tab-page li { display: block; font-size: 16px; color: #686d71; padding: 0 12px; line-height: 36px; border-radius: 4px; border: 1px solid #8c9bc3; background-color: #FFF; }
.ul-tab-page li:hover, .ul-tab-page li.on { background-color: #8c9bc3; }
/* 新闻列表end*/


/* 新闻中心 */

.news-center { padding-top: 50px; background: #f0f3fa; padding-bottom: 40px; }
.news-center .news-one-head { position: relative; }
.news-center .news-one-head .tit { position: absolute; top: 50px; left: 30px; color: #fff; width: 70%; text-align: justify; }
.news-center .news-one-head .tit strong a { font-size: 30px; font-weight: bold; color: #fff }
.news-center .news-one-head .tit p { font-size: 18px; margin-top: 20px; margin-bottom: 25px; }
.news-center .news-one-head.tit img { width: 38px; margin-top: 0.1667rem; }
.news-one-box { padding: 15px 20px; }
.news-one { background: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; }
.new-one-l .slick-prev, .new-one-l .slick-next { display: none !important; }
.new-one-l { float: left; width: 43%; background: #f0f3fa; max-height: 546px; overflow: hidden; }
.new-one-l .slick-slide img { max-height: 330px; }
.new-one-l .slick-dots { bottom: 240px; left: 80%; text-align: left; max-height: 546px; overflow: hidden; }
.new-one-r { float: right; width: 55% }
.new-one-l .slick-dots li button { height: 10px; width: 10px; }
.new-one-l .slick-dots .slick-active button { width: 30px; }
.new-one-l .news-p { padding: 30px 25px 45px; box-sizing: border-box; }
.new-one-l .time img { width: 20px; margin-right: 10px; vertical-align: middle; margin-top: -5px; display: inline-block; }
.new-one-l .time { font-size: 14px; color: #788291; }
.new-one-l .news-p h3 { margin-top: 15px; margin-bottom: 15px; height: 54px; overflow: hidden; }
.new-one-l .news-p h3 a { font-size: 20px; color: #686d71; font-weight: bold }
.new-one-l .news-p .zy { font-size: 16px; color: #4b556e; line-height: 30px; }
.new-one-r li { background: #f0f3fa; padding: 30px 25px 45px; margin-bottom: 20px; box-sizing: border-box; }
.new-one-r .time img { width: 20px; margin-right: 10px; vertical-align: middle; margin-top: -5px; display: inline-block; }
.new-one-r .time { font-size: 14px; color: #788291; }
.new-one-r h3 { margin-top: 15px; margin-bottom: 12px; width: 100%; }
.new-one-r h3 a { font-size: 20px; color: #686d71; font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.new-one-r .zy a { font-size: 16px; color: #4b556e; }
.new-one-r li:hover h3 a { color: #e60012; }
.news-two { background: #fff; margin-top: 40px; border-top-left-radius: 25px; border-top-right-radius: 25px; }
.one-list ul { padding: 0 10px; box-sizing: border-box; }
.news-two ul { padding: 15px 20px; margin-top: 40px; box-sizing: border-box; }
.news-two li, .one-list li { width: 32%; box-sizing: border-box; display: inline-block; vertical-align: top; margin-bottom: 1%; margin-left: 0.8%; zoom: 1; }
.one-list li { margin-bottom: 2%; }
.news-two li .box, .one-list li .box { display: block; line-height: 1.5; transition: all .3s ease-out; height: 100%; box-sizing: border-box; box-shadow: 1px 1px 30px #eee; }
.news-two li:hover .box, .one-list li:hover .box { box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13); transform: translate(0, -3px); }
.news-two li .box .know, .one-list li .box .know { background: #f0f3fa; padding: 40px 35px; box-sizing: border-box; }
.news-two li .box .time, .one-list li .box .time { font-size: 14px; color: #788291 }
.news-two li .box .time img, .one-list li .box .time img { width: 15px }
.news-two li .know h3 a, .one-list li .know h3 a { font-size: 20px; color: #686d71; margin: 30px auto; display: block; font-weight: bold; height: 60px; overflow: hidden; }
.news-two li .know .more a, .one-list li .know .more a { font-size: 16px; color: #4b556e; }
.news-two li:hover h3 a, .one-list li:hover h3 a { color: #ed1c24; }
/* 新闻中心end*/


/* 服务支持 */

.service-one { padding-top: 70px; }
.service-one ul { overflow: hidden; margin-left: -3% }
.service-one li { float: left; width: 17%; margin-left: 3%; text-align: center; }
.service-one li.two { cursor: pointer; }
.service-one li .box { box-sizing: border-box; -moz-box-shadow: 2px 0 70px rgba(194, 205, 239) inset; -webkit-box-shadow: 2px 0 70px rgba(194, 205, 239) inset; box-shadow: 2px 0 70px rgba(194, 205, 239) inset; padding: 88px 25px 44px; border-radius: 20px; margin-top: -80px; }
.service-one li:hover .box { transition: all 0.6s ease; -moz-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset; -webkit-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset; box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset; }
.service-one li .box strong { font-weight: bold; display: block; font-size: 22px; color: #686d71; margin: 20px auto 10px; }
.service-one li:hover .box strong { color: #e60012; transition: all 0.6s ease; }
.service-one li .box p { font-size: 16px; color: #788291; }
.service-two, .service-four { margin-top: 70px }
.service-two .pic, .service-four .pic { text-align: center; display: block; margin: 0 auto; }
.service-two h2, .service-four h2 { font-size: 38px; color: #686d71; text-align: center; font-weight: bold; margin-top: -50px; }
.service-two h2 img, .service-four h2 img { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px; }
.service-two .tit, .service-four .tit { text-align: center; line-height: 28px; font-size: 16px; color: #555f7d; width: 73%; margin: 20px auto 40px; }
.service-two ul { overflow: hidden; margin-left: -3%; }
.service-two li { float: left; position: relative; width: 30.3333%; margin-left: 3%; }
.service-two li::after { background: url(../images/ser_tm.png) no-repeat; width: 100%; height: 160px; content: ""; display: block; position: absolute; bottom: 0; background-size: cover; }
.service-two li .box { position: absolute; bottom: 0; padding: 0 20px 20px; box-sizing: border-box; z-index: 10 }
.service-two li .pic { width: 100% }
.service-two li .box img { margin-bottom: 20px; transition: all 0.6s ease; }
.service-two li:hover .box img { margin-bottom: 40px; transition: all 0.6s ease; }
.service-two li .box p { color: #fff; font-size: 16px; line-height: 30px; }
.service-three { margin-top: 70px; padding: 70px 0 75px; }
.service-three { background: url(../images/mobfourbox_bg.jpg) no-repeat; background-size: cover; }
.service-three .pic { text-align: center; display: block; margin: 0 auto; }
.service-three h2 { font-size: 38px; color: #cddcff; text-align: center; font-weight: bold; margin-top: -50px; }
.service-three h2 img { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px; }
.service-three .three { overflow: hidden; margin-top: 50px }
.service-three .three-l { float: left; width: 30.3333%; margin-right: 1%; margin-top: 20px }
.service-three .three-l li, .service-three .three-r li { overflow: hidden; margin-bottom: 60px; }
.service-three .three-l li img, .service-three .three-r li img { float: left; display: block; }
.service-three .three-l li p, .service-three .three-r li p { float: left; width: 70%; color: #97afe6; padding-left: 20px; box-sizing: border-box; line-height: 30px; margin-top: 15px; }
.service-three .ystu { float: left; width: 35.3333%; margin-right: 2%; }
.service-three .three-r { float: right; width: 30.3333%; margin-top: 20px }
.service-four ul { overflow: hidden; margin-left: -2.5%; }
.service-four li { float: left; width: 30.5%; margin-left: 2.5%; overflow: hidden; }
.service-four li img { width: 100%; transition: all 0.6s ease; }
.service-four li:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; }
.service-five { background: #f0f3fa; margin-top: 70px; padding: 70px 0 80px; }
.service-five .pic { text-align: center; display: block; margin: 0 auto; }
.service-five h2 { font-size: 38px; color: #686d71; text-align: center; font-weight: bold; margin-top: -50px; }
.service-five h2 img { display: inline-block; margin-left: -35px; width: 30px; height: 30px; margin-top: -10px; }
.service-five .tit { text-align: center; line-height: 28px; font-size: 16px; color: #555f7d; width: 73%; margin: 20px auto 40px; }
.service-five .box { background: url(../images/ul_bg.png) no-repeat; width: 1082px; height: 340px; background-size: cover; }
.service-five .u-top { overflow: hidden; }
.service-five ul li { background: #fff; padding: 25px 45px; box-sizing: border-box; border-radius: 15px; box-shadow: 2px 5px 20px #adbce9 }
.service-five .u-top { margin-left: -12%; padding: 20px 0; box-sizing: border-box; }
.service-five .u-top li { position: relative; float: left; text-align: center; width: 13%; margin-left: 12% }
.service-five .u-top .one::after { position: absolute; background: url(../images/s_one.png) no-repeat; content: ""; display: block; width: 182px; height: 50px; right: -182px; top: 50%; margin-top: -25px; }
.service-five .u-top .two::after { position: absolute; background: url(../images/s_two.png) no-repeat; content: ""; display: block; width: 182px; height: 50px; right: -182px; top: 50%; margin-top: -25px; }
.service-five .u-top .three::after { position: absolute; background: url(../images/s_three.png) no-repeat; content: ""; display: block; width: 182px; height: 50px; right: -182px; top: 50%; margin-top: -25px; }
.service-five .u-top li.zuihou::after { background: none }
.service-five .u-bottom li.last::after { background: url(../images/s_four.png) no-repeat; content: ""; display: block; width: 126px; height: 190px; position: absolute; right: -126px; top: -100px; }
.service-five .u-bottom .five::after { position: absolute; background: url(../images/s_five.png) no-repeat; content: ""; display: block; width: 182px; height: 50px; right: -182px; top: 50%; margin-top: -25px; }
.service-five .u-bottom .six::after { position: absolute; background: url(../images/s_five.png) no-repeat; content: ""; display: block; width: 182px; height: 50px; right: -182px; top: 50%; margin-top: -25px; }
.service-five li img { width: 80px; }
.service-five li p { font-size: 16px; color: #788291; margin-top: 30px; }
.service-five .u-bottom { margin-top: 80px }
.service-five .u-bottom li { position: relative; float: left; text-align: center; width: 15%; margin-left: 13.5%; }
/* 服务支持end*/


/* 右侧固定 */

.fixed-right { height: 377px; position: fixed; right: 20px; bottom: 200px; z-index: 9999; }
.fixed-right .up { text-align: center; background: #e60012; box-sizing: border-box; padding: 15px; margin-top: 10px; cursor: pointer; }
.fixed-right .up p { font-size: 14px; color: #fff; margin-top: 5px }



/* 右侧固定end*/

@media screen and (max-width: 1600px) {
.head .logo { margin-top: 20px }
.head .head-r .top { padding: 10px 0 0 4%; }
.head .ul-bot { margin-top: 10px; padding: 10px 0; }
/*.head .head-r .top li a { padding: 10px 54px; }*/
.index-material .neb { padding: 75px 2%; }
/*.index-material form ul { width: 88%; }*/
.index-pro ul li p { font-size: 14px; }
.index-pro-list h1,  .index-solution h2,  .index-new h2 { font-size: 34px; }
.index-pro-list .tit,  .index-solution .tit,  .index-new .tit,  .index-pro-list .tit a { font-size: 16px; }
.index-pro-list li h3 a { padding: 30px 0 10px; font-size: 18px; }
.index-solution .box-bot h3 a { font-size: 24px; }
.index-material .neb .neb-l strong,  .index-material .neb .neb-l strong span,  .index-sl h2,  .banner .box strong { font-size: 34px }
.index-material .neb .neb-l p,  .index-solution .box-bot p span,  .index-solution .box-bot p,  .banner .box p { font-size: 16px; }
.index-new-list .tab li { font-size: 24px; }
.index-new-list .list { padding: 25px; }
.index-sl { padding: 40px 0; }
.index-solution .box-bot p img { font-size: 18px; margin-top: -3px; }
.banner .box { top: 60px; left: 9%; }
.about-one .fl p { font-size: 26px; }
.banner .contact-ul { margin: 15px auto; }
.pro-head-r .bottom .swt { width: 43%; }
.pro-head-r .bottom .b-r { width: 55%; }
.content_video p { padding: 5px 60px; }
.xg-al li .al-r img { width: 16px; }
.xg-al li .al-r p { font-size: 14px; }
.pro-head-r h1 { font-size: 32px; }
.more-new .fixed { margin-left: 22.4%; }
.pro-cont .pro-head { padding-bottom: 30px; }
.pro-head .pro-head-r { padding: 30px 10% 30px 7%; }
.pro-head-r .tit { margin-bottom: 15px; }
.pro-sc-dt { margin-bottom: 0 }
}
 @media screen and (max-width: 1440px) {
.head .logo { width: 20%; margin-top: 25px; }
.index-sl { padding: 60px 0; }
.banner .contact-ul li { padding: 10px 45px 10px 30px; }
.banner .box form { margin-top: 20px; }
.pro-head-r .bottom .b-r { padding-left: 5%; margin-top: 15px; }
.pro-head-r .bottom .swt { width: 35%; }
.pro-head-r .bottom .b-r .ewm { max-width: 50px; }
.pro-head-r .bottom .b-r .ewm-dh,  .pro-head-r .bottom .b-r .ewm-dh p { margin-top: 0; }
.pro-sc-dt .fl img { width: 28px; }
.pro-sc-dt .fl p { padding: 15px 0 15px 10px; }
.pro-sc-dt .fl .one,  .pro-sc-dt .fl .two { font-size: 14px; }
.more-new .fixed { margin-left: 25%; }
}
 @media screen and (max-width: 1366px) {
.index-pro ul li p { font-size: 12px; }
.banner .box { top: 35px; }
}
 @media screen and (max-width: 1280px) {
.new-r { width: 25%; }
.head { max-width: 1024px; }
.head .head-r { margin-left: 13%; }
.head .ul-bot{width:76%;}
.index-material .neb .neb-l strong,  .index-material .neb .neb-l strong span,  .index-sl h2,  .banner .box strong { font-size: 26px; }
.index-material .neb .neb-l p,  .index-solution .box-bot p span,  .index-solution .box-bot p,  .banner .box p { font-size: 14px; line-height: 28px; }

.wrap,  .new-cont h1,  .new-cont .date { max-width: 1024px; }
.about-one ul li { padding: 30px 35px; }
.answer-tw .text img,  .answer-jd .text img { width: 85px; }
.ques-r .r-head p { font-size: 12px; line-height: 22px; }
.ques-r .r-head .dh img { width: 60px; }
.ques-r .r-head .dh .ewm p { font-size: 12px; }
.ques-r .r-head .dh .ewm span { font-size: 16px; }
.ques-r .r-head-kf { bottom: -60px }
.ques-r strong,  .xg-cp h4 { background-size: 175px 40px; }
.service-one li .box strong { font-size: 18px; margin: 5px auto; }
.service-one li .box p { font-size: 12px; }
.service-one { padding-top: 45px; }
.service-one li img { width: 75%; }
.service-three .three-l li,  .service-three .three-r li { margin-bottom: 20px; }
.service-three .three-l,  .service-three .three-r { margin-top: 0 }
.service-five ul li { padding: 25px 0; }
.service-five li p { margin-top: 15px; }
.banner .contact-ul { margin: 5px auto; }
.message .pos { width: 67%; left: 33%; }
.message .submit::after { left: 63%; bottom: -14px; }
.pro-list .list-l h2 a { font-size: 24px; }
.pro-list .list-l .tedian { margin-left: 0 }
.pro-list .list-l { height: 488px; }
.pro-list .list-l p { font-size: 14px; line-height: 28px; }
.pro-list .list-l .more a { padding: 10px 25px; }
.pro-list .list-l .more { margin-top: 20px; }
.pro-list .list-l h2 { margin-bottom: 20px }
.pro-head-r .bottom .b-r { width: 65%; }
.message { background-size: 100%; height: 480px; }
.message .pos p { font-size: 14px; margin: 5px auto 15px; }
.message .pos .ul li { font-size: 16px; }
.message form ul { margin: 15px 0 15px -3%; }
.message input { padding: 10px 0 10px 40px; }
.message textarea { height: 85px; padding: 5px 40px; background: url(../images/pic_three.png) no-repeat 2% 10px #fff; background-size: 25px 25px; }
.xg-al li .al-r h5 { margin-bottom: 10px; }
.xg-al li .al-r p { font-size: 12px; }
.list-pro li .name { font-size: 16px; }
.list-pro li .name:before,  .list-pro li .name:after { width: 40px; }
.banner .box form ul { width: 75%; }
.list-pro-cl .pro-name h3 { width: 70%; }
.casepage_lc .r,  .casepage_ys .r { width: 46%; }
.case_six li.six-list { padding: 24px 40px; }
.case_six li.six-list strong { margin-bottom: 0 }
.pro-head .pro-head-r { padding: 15px 4% 20px 6%; box-sizing: border-box }
.case-head-r .last p { padding: 8px 0 8px 12px; font-size: 14px; }
.case-head-r .last p span { font-size: 20px; }
.news-list .news-items .item-l .time .t { font-size: 36px; }
.news-list .item:hover .item-l:after { right: 69px; }
.news-list .pages { margin-left: 17% }
.case-head-r { padding: 20px 30px 25px 30px; }
.video-head .right .r-head .dh .ewm p { font-size: 12px }
.video-head .right .r-head .dh .ewm span { font-size: 18px; }
.video-head .right .r-head .head { padding: 30px 20px 20px; }
.banner .box .pic { width: 40%; }
}
 @media screen and (max-width: 1024px) {
.index-sl .wrap { max-width: 1024px; transform: none; }
.index-sl .gsjj { background-size: cover; }
.index-material form li input,  .banner .box form li input { width: 75%; }
.index-material form .btn { width: 18%; }
.index-material .neb .neb-head li a { font-size: 14px; }
.index-material .neb .neb-head li h3 { margin-top: -35px; }
.ques-r .r-head .dh img { width: 55px; }
.banner .box { top: 25px; }
.banner .box .pic { width: 35%; }
.banner .box strong { margin-bottom: 10px; }
.banner .contact-ul li img { width: 85px; margin-right: 15px; }
.banner .contact-ul li .right .fw { font-size: 20px; margin-bottom: 0; }
.index-material select,  .banner .box select,  .index-material form li input,  .banner .box form li input { padding: 10px 20px; }
.index-material form .btn,  .banner .box form .btn { padding: 10px 60px; }
.banner .box .bot img { width: 20px }
.service-one li .box { padding: 88px 20px 44px; }
.pro-list-zero::before,  .pro-list .list-two::after,  .pro-list .list-four::after,  .pro-list .list-six::after { left: 0; z-index: 9 }
.pro-list .list-one::before,  .pro-list .list-two::before,  .pro-list .list-three::before,  .pro-list .list-four::before,  .pro-list .list-five::before,  .pro-list .list-six::before { left: 75px; }
.banner .box form ul { width: 65%; }
.pro-head-r h1 { font-size: 28px; }
.pro-head .pro-head-r { padding: 55px 1% 50px 5%; }
}


/* animate */

@-webkit-keyframes bounce {  from,  20%,  53%,  80%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {  from,  20%,  53%,  80%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
 @-webkit-keyframes flash {  from,  50%,  to {
 opacity: 1;
}
 25%,  75% {
 opacity: 0;
}
}
 @keyframes flash {  from,  50%,  to {
 opacity: 1;
}
 25%,  75% {
 opacity: 0;
}
}
.flash { -webkit-animation-name: flash; animation-name: flash; }


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes pulse {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
 @-webkit-keyframes rubberBand {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes rubberBand {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
 @-webkit-keyframes shake {  from,  to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%,  30%,  50%,  70%,  90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%,  40%,  60%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {  from,  to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%,  30%,  50%,  70%,  90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%,  40%,  60%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake { -webkit-animation-name: shake; animation-name: shake; }
 @-webkit-keyframes headShake {  0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes headShake {  0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }
 @-webkit-keyframes swing {  20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
 @keyframes swing {  20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
 @-webkit-keyframes tada {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes tada {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.tada { -webkit-animation-name: tada; animation-name: tada; }


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes wobble {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
 @-webkit-keyframes jello {  from,  11.1%,  to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
 @keyframes jello {  from,  11.1%,  to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }
 @-webkit-keyframes heartBeat {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 14% {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 28% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 42% {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes heartBeat {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 14% {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 28% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 42% {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 70% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
 @-webkit-keyframes bounceIn {  from,  20%,  40%,  60%,  80%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes bounceIn {  from,  20%,  40%,  60%,  80%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
 @-webkit-keyframes bounceInDown {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes bounceInDown {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
 @-webkit-keyframes bounceInLeft {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes bounceInLeft {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
 @-webkit-keyframes bounceInRight {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes bounceInRight {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
 @-webkit-keyframes bounceInUp {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes bounceInUp {  from,  60%,  75%,  90%,  to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
 @-webkit-keyframes bounceOut {  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%,  55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
}
 @keyframes bounceOut {  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%,  55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
}
.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }
 @-webkit-keyframes bounceOutDown {  20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}
 @keyframes bounceOutDown {  20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
 @-webkit-keyframes bounceOutLeft {  20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}
 @keyframes bounceOutLeft {  20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
 @-webkit-keyframes bounceOutRight {  20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}
 @keyframes bounceOutRight {  20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
 @-webkit-keyframes bounceOutUp {  20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}
 @keyframes bounceOutUp {  20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
 @-webkit-keyframes fadeIn {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn {  from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 @-webkit-keyframes fadeInDown {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInDown {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
 @-webkit-keyframes fadeInDownBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInDownBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
 @-webkit-keyframes fadeInLeft {  from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInLeft {  from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
 @-webkit-keyframes fadeInLeftBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInLeftBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
 @-webkit-keyframes fadeInRight {  from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInRight {  from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
 @-webkit-keyframes fadeInRightBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInRightBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
 @-webkit-keyframes fadeInUp {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInUp {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
 @-webkit-keyframes fadeInUpBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInUpBig {  from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
 @-webkit-keyframes fadeOut {  from {
 opacity: 1;
}
to { opacity: 0; }
}
 @keyframes fadeOut {  from {
 opacity: 1;
}
to { opacity: 0; }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 @-webkit-keyframes fadeOutDown {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
 @keyframes fadeOutDown {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
 @-webkit-keyframes fadeOutDownBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}
 @keyframes fadeOutDownBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
 @-webkit-keyframes fadeOutLeft {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
 @keyframes fadeOutLeft {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
 @-webkit-keyframes fadeOutLeftBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}
 @keyframes fadeOutLeftBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
 @-webkit-keyframes fadeOutRight {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
 @keyframes fadeOutRight {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
 @-webkit-keyframes fadeOutRightBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}
 @keyframes fadeOutRightBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
 @-webkit-keyframes fadeOutUp {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
 @keyframes fadeOutUp {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
 @-webkit-keyframes fadeOutUpBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}
 @keyframes fadeOutUpBig {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
 @-webkit-keyframes flip {  from {
 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}
 @keyframes flip {  from {
 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
 @-webkit-keyframes flipInX {  from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
 @keyframes flipInX {  from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
 @-webkit-keyframes flipInY {  from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
 @keyframes flipInY {  from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
 @-webkit-keyframes flipOutX {  from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
 @keyframes flipOutX {  from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
 @-webkit-keyframes flipOutY {  from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
 @keyframes flipOutY {  from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }
 @-webkit-keyframes lightSpeedIn {  from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes lightSpeedIn {  from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
 @-webkit-keyframes lightSpeedOut {  from {
 opacity: 1;
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}
 @keyframes lightSpeedOut {  from {
 opacity: 1;
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
 @-webkit-keyframes rotateIn {  from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
 @keyframes rotateIn {  from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
 @-webkit-keyframes rotateInDownLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
 @keyframes rotateInDownLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
 @-webkit-keyframes rotateInDownRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
 @keyframes rotateInDownRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
 @-webkit-keyframes rotateInUpLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
 @keyframes rotateInUpLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
 @-webkit-keyframes rotateInUpRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
 @keyframes rotateInUpRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
 @-webkit-keyframes rotateOut {  from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
 @keyframes rotateOut {  from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
 @-webkit-keyframes rotateOutDownLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
 @keyframes rotateOutDownLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
 @-webkit-keyframes rotateOutDownRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
 @keyframes rotateOutDownRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
 @-webkit-keyframes rotateOutUpLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
 @keyframes rotateOutUpLeft {  from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
 @-webkit-keyframes rotateOutUpRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
 @keyframes rotateOutUpRight {  from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
 @-webkit-keyframes hinge {  0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%,  60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%,  80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}
 @keyframes hinge {  0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%,  60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%,  80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }
}
.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }
 @-webkit-keyframes jackInTheBox {  from {
 opacity: 0;
 -webkit-transform: scale(0.1) rotate(30deg);
 transform: scale(0.1) rotate(30deg);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
}
 50% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg);
}
 70% {
 -webkit-transform: rotate(3deg);
 transform: rotate(3deg);
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
 @keyframes jackInTheBox {  from {
 opacity: 0;
 -webkit-transform: scale(0.1) rotate(30deg);
 transform: scale(0.1) rotate(30deg);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
}
 50% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg);
}
 70% {
 -webkit-transform: rotate(3deg);
 transform: rotate(3deg);
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {  from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes rollIn {  from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}
 @keyframes rollOut {  from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
 @-webkit-keyframes zoomIn {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
 @-webkit-keyframes zoomInDown {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInDown {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
 @-webkit-keyframes zoomInLeft {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInLeft {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
 @-webkit-keyframes zoomInRight {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInRight {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
 @-webkit-keyframes zoomInUp {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInUp {  from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
 @-webkit-keyframes zoomOut {  from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
to { opacity: 0; }
}
 @keyframes zoomOut {  from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
to { opacity: 0; }
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
 @-webkit-keyframes zoomOutDown {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
 @keyframes zoomOutDown {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
 @-webkit-keyframes zoomOutLeft {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
}
 @keyframes zoomOutLeft {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
 @-webkit-keyframes zoomOutRight {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
}
 @keyframes zoomOutRight {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
 @-webkit-keyframes zoomOutUp {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
 @keyframes zoomOutUp {  40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
 @-webkit-keyframes slideInDown {  from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes slideInDown {  from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
 @-webkit-keyframes slideInLeft {  from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes slideInLeft {  from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
 @-webkit-keyframes slideInRight {  from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes slideInRight {  from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
 @-webkit-keyframes slideInUp {  from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes slideInUp {  from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
 @-webkit-keyframes slideOutDown {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
 @keyframes slideOutDown {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }
 @-webkit-keyframes slideOutLeft {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
 @keyframes slideOutLeft {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
 @-webkit-keyframes slideOutRight {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
 @keyframes slideOutRight {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
 @-webkit-keyframes slideOutUp {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
 @keyframes slideOutUp {  from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }
.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }
.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }
.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }
.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }
.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }
.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }
 @media (print), (prefers-reduced-motion) {
.animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; }
}
.cpsp{margin:0 auto;}