@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
.clear {clear: both;}
a {text-decoration: none;color: #333
}
a:hover {color: #090
}
.fl {float: left;}
.fr {float: right;}
i {font-style: normal;}
.w1200 {width: 1200px;margin: auto;}
.hide {display: none;}
.elps {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
body {background: #f5f5f5;font-family: 微软雅黑, 黑体;font-size: 12px;}
.who {border-bottom: 1px solid #ebebeb;width: 100%;height: 32px;font-size: 12px;color: #413d3e;background: #fff;font-family: "宋体";}
.h_top {height: 37px;line-height: 37px;overflow: hidden;}
.h_top i {float: left;}
.h_top p {float: left;}
.h_top a {padding: 0 3px;}
#top-out {background: #FFF;padding-top: 20px;padding-bottom: 20px;}
#top {width: 1200px;margin: 0 auto;padding: 2px 0 3px 0;}
#logo {width: 480px;float: left;height: 80px;line-height: 80px;vertical-align: top;background-position: right;font-size: 16px;}
#logo img {padding-right: 25px;}
#logo a {color: #666;vertical-align: top;}
#logo a:hover {color: #019faa
}
#tel {width: 242px;float: right;padding-top:7px; margin-top:-12px;}
#serh a {padding: 2px 5px;}
#serh {width: 420px;padding-top: 20px;float: left;}
#serh .input_text {height: 34px;width: 312px;background: url(../images/selc.jpg) no-repeat;border: none;padding-left:30px;float: left;line-height: 34px;}
#serh .input_btn {background: url(../images/sfeyt.jpg) no-repeat;border: 0 none;width: 62px;float: left;text-indent: -999em;display: block;cursor: pointer;height: 34px;color: #FFF;}
.hrigh {width: 420px;color: #403c3c;overflow: hidden;line-height: 32px;text-align: right;}
.hrigh a {color: #403c3c;}
#nav ul, ol {list-style: none;font-size: 0px;letter-spacing: normal;word-spacing: normal;}
#nav li {list-style: none;display: inline-block;float: left;_display: inline;font-size: 12px;}
#nav {height: 45px;line-height: 45px;background: #4b9a03;z-index: 999;min-width: 1200px;}
#nav li {text-align: center;height: 45px;position: relative;z-index: 10;width: 148px;}
.sub-nav {position: absolute;top: 45px;left: 0px;width: 160px;background: #4b9a03;display: none;}
#nav li .sub-nav a {font-size: 13px;display: block;line-height: 38px;}
#nav li .sub-nav p {border-bottom: 1px solid #4b9a03;border-top: 1px solid #7fb22f;}
#nav li.dotnav {padding: 0 22px;}
#nav li a:hover,  #nav li.on,  #nav li.cur {background: #095817;line-height: 45px;}
#nav li a {color: #fff;font-family: "Microsoft YaHei";font-size: 17px;display: block; font-weight:600;}
#nav li.li-bg {width: 2px;background: url(../images/20150206140615021502.jpg) no-repeat center;height: 45px;padding: 0px;}
#nav li .sub-nav p a:hover {background: #7fb22f;font-size: 13px;color: #FFF;line-height: 38px;}
.banner {height: 500px;overflow: hidden;border-bottom: #dbdbdb solid 1px;}
.banner a {display: block;}
.fullSlide {width: 100%;position: relative;height: 500px;}
.fullSlide .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.fullSlide .bd ul {width: 100% !important;}
.fullSlide .bd li {width: 100% !important;height: 500px;overflow: hidden;text-align: center;background-position: center top;}
.fullSlide .bd li a {display: block;height: 500px;}
.fullSlide .hd {width: 100%;position: absolute;z-index: 1;bottom: 0px;left: 0;height: 30px;line-height: 30px;}
.fullSlide .hd ul {text-align: center;}
.fullSlide .hd ul li {cursor: pointer;display: inline-block;
*display:inline;zoom: 1;width: 100px;height: 8px;margin: 1px;overflow: hidden;background: #fff;line-height: 999px;}
.fullSlide .hd ul .on {background: #4b9a03;}
.fullSlide .prev, .fullSlide .next {display: block;position: absolute;z-index: 1;top: 50%;margin-top: -30px;left: 5%;z-index: 1;width: 40px;height: 60px;cursor: pointer;filter: alpha(opacity=50);opacity: 0.5;display: none;width: 73px;height: 73px;}
.fullSlide .prev {background: url(../images/left1s.png) no-repeat;}
.fullSlide .next {left: auto;right: 5%;background: url(../images/right1s.png) no-repeat;}
#fl {width: 192px;float: left;background: #fff url(../images/class.jpg);background-position: top;background-repeat: no-repeat;height: 442px;border: 1px #dbdbdb solid
}
#fl ul li {padding-left: 55px;line-height: 38.5px;font-size: 14px;}
#fl ul li a {color: #333
}
#fl ul li a:hover {color: #1caa7c
}
#banner {width: 794px;float: left;margin-left: 11px;border: 1px #dbdbdb solid;height: 442px;background: #FFF
}
.banner {background: url(../images/2990688262_495203270.jpg);height: 500px;background-position: center
}
.pp {width: 225px;text-align: center;float: left
}
.pp h6 {font-size: 14px;line-height: 30px;font-weight: normal
}
.pp h6 a {color: #666
}
.pp h6 a:hover {color: #41a988;font-weight: bold
}
.pp h5 {font-size: 14px;line-height: 30px;color: #F30;font-weight: bold;}
#m02 {width: 1200px;margin: 0 auto;margin-top: 16px;margin-bottom: 16px;}
#xp {width: 1000px;float: left;background: #fff;height: 395px;border: 1px #dbdbdb solid
}
#xp-t {height: 60px;line-height: 69px;}
#xp-t p {font-size: 17px;padding-left: 20px;color: #333;}
#xp-t p b {font-size: 16px;}
#xp-t p span {float: right;padding-right: 30px;font-size: 12px;}
#xp-c {
}
#zx {width: 184px;float: right;background: #fff;height: 395px;border: 1px #dbdbdb solid
}
#zx-t {height: 60px;line-height: 60px;}
#zx-t p {font-size: 17px;padding-left: 15px;}
#zx-t p span {padding-left: 10px;}
#zx-t p b {font-weight: normal;color: #41a988
}
#zx-c {
}
#zx-c h6 {text-align: center;padding: 12px inherit
}
#zx-c ul li {font-size: 12px;background: url(../images/dot.jpg);background-position: 14px 18px;background-repeat: no-repeat;line-height: 38px;text-indent: 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 10px;}
#zx-c ul li span {padding-left: 10px;}
#zxx {width: 100%;float: right;background: #fff;}
#zxx-t {height: 60px;line-height: 60px;}
#zxx-t p {font-size: 15px;padding-left: 15px;}
#zxx-t p span {padding-left: 10px;}
#zxx-t p b {font-weight: normal;color: #41a988
}
#zxx-c {
}
#zxx-c h6 {text-align: center;padding: 12px inherit
}
#zxx-c ul li {font-size: 12px;background: url(../images/dot.jpg);background-position: 14px 20px;background-repeat: no-repeat;height: 24px;line-height: 24px;padding: 0px auto;}
#zxx-c ul li span {padding-left: 10px;}
.ppp {width: 215px;margin: 15px 7px 15px 24px;float: left
}
.ppp h6 {text-align: center;line-height: 30px;color: #4a4a4a;font-size: 14px;font-weight: normal;line-height: 46px;}
#m03 {width: 1200px;margin: 0 auto;background: #ffffff;margin-top: 16px;height: 424px;border: 1px #dbdbdb solid
}
#m03-t {height: 50px;background: #f8f8f8;line-height: 50px;border-bottom: 1px #dbdbdb solid
}
#m03-t p {font-size: 16px;color: #333;}
#m03-t p a {display: block;float: left;width: 280px;text-align: center;border-left: 1px #dbdbdb solid
}
#m03-t p a.oo {background: #FFF;color: #F30
}
#m03-c {
}
#m03-c-l {width: 36px;float: left;text-align: center;padding-top: 150px;}
#m03-c-r {width: 36px;float: right;text-align: center;padding-top: 150px;}
#m03-c-c {
}
.pppp {text-align: center;width: 294px;float: left;margin-top: 20px;margin-left: 5px;}
.pppp h6 {font-size: 15px;color: #4e4e4e;font-weight: normal;line-height: 40px;}
.pppp h5 b {font-size: 17px;}
.pppp h4 {margin-top: 10px;}
.pppp img:hover {transform: scale(1.1);transition: all 1s;}
.pppp h4 a {font-size: 14px;font-weight: normal;padding: 5px 15px;border: 1px #CCC solid;margin: 0 5px;}
.pppp h4 a:hover {color: #61bd8e;font-weight: bold;}
.cp {width: 1200px;margin: 0 auto;background: #ffffff;margin-top: 16px;height: 400px;border: 1px #dbdbdb solid;height: 600px;}
.cp-t {height: 60px;line-height: 60px;background-position: right bottom;background-repeat: no-repeat;border-bottom: 3px #4b9a03 solid
}
.cp-t-l {width: 300px;float: left;}
.cp-t-l p {font-size: 28px;color: #656565;padding-left: 20px;}
.cp-t-r {width: 900px;float: right
}
.cp-t-r a {width: 130px;font-size: 15px;display: block;float: left;text-align: center;background: #f2f2f2;height: 36px;line-height: 36px;margin-top: 24px;margin-left: 5px;margin-right: 5px;}
.cp-t-r a.oo {background: #1cb66e;color: #FFF
}
.cp-c {
}
.cp-c-l {width: 300px;float: left
}
.cp-c-l img {padding: 20px 20px 0 20px;}
.cp-c-r {width: 220px;float: right;margin-right: 20px;}
.rm {
}
.rm-t p {font-size: 17px;padding-top: 20px;padding-bottom: 10px;}
.rm-t p b {color: #F30;font-weight: normal
}
.rm-c {
}
.rm-c ul li {font-size: 13px;line-height: 30px;background: #e9e9e9;border: 1px #FFF solid;}
.rm-c ul li a {color: #494949;display: block;}
.rm-c ul li.oo {background: #6bb697;color: #FFF;}
.rm-c ul li.oo a {color: #FFF
}
.xl {width: 218px;background: #494949;height: 100px;}
.xl-l {width: 100px;float: left
}
.xl-l img {padding: 15px;}
.xl-r {width: 116px;float: right
}
.ys_bj{ height:1010px; overflow:hidden;} 
.ys h2{ margin:40px auto 50px; overflow:hidden; text-align:center; font: bold 37px/40px "Microsoft Yahei"; color:#1ea50c;}
.ys h2 i{ color:#222; font:bold 22px/31px "Microsoft Yahei"; display:block;}
.ys h2 b{ color:#4b9a03; font:bold 42px/55px "Microsoft Yahei"; display:block;}

.ys_c{ position:relative; height:815px; width:1000px; overflow:hidden;}
.ys_c p{ position:absolute; left:127px; top:0px; width:745px; height:744px; overflow:hidden;}
.ys_c p img{ width:745px; height:744px; }
.ys_c dl{ float:left; width:325px; overflow:hidden;}
.ys_c dt{ position:relative; float:left; width:67px; height:101px; overflow:hidden; }
.ys_c dt em{ position:absolute; left:0px; top:50px; width:67px; overflow:hidden; display:block;text-align:center; font: bold 20px/24px "Microsoft Yahei"; color:#fff;}
.ys_c dt img{ width:67px; height:101px;}
.ys_c dd { float:right; width:235px; overflow:hidden;}
.ys_c dd h3{ margin-bottom:8px; color:#222; font:bold 22px/23px "Microsoft Yahei";}
.ys_c dd span{ margin-bottom:12px; color:#666; display:block; font:16px/29px "Microsoft Yahei";}
.ys_c .ys_dl2 dt{ float:right;}
.ys_c .ys_dl2 dd{ float:left;}
.ys_c dd span b{color:#ff9012; font-size:17px;}

.ys_c .ys_dl1{ position:absolute; left:0px; top:36px;}
.ys_c .ys_dl2{ position:absolute; right:0px; top:36px; width:360px;}
.ys_c .ys_dl2 dd{ width:290px;}

.ys_c .ys_dl3{ position:absolute; left:0px; top:536px;}
.ys_c .ys_dl4{ position:absolute; right:0px; top:537px; width:320px;}
.ys_c .ys_dl4 dd{ width:235px;}
.xl-r h6 {font-size: 12px;padding-top: 12px;font-weight: normal;line-height: 20px;}
.xl-r h5 {font-size: 12px;color: #a6a6a6;font-weight: normal;line-height: 20px;}
.xl-r h5 span {color: #fd5e00;font-size: 14px;}
.xl-r h4 {padding-top: 3px;}
.xl-r h4 a {padding: 0px;margin: 0px;display: none;padding-left: 0px;background: none
}
.tj {
}
.tj-t p {font-size: 17px;padding-top: 20px;padding-bottom: 10px;}
.tj-t p b {color: #F30;font-weight: normal
}
.tj-c {
}
.tj-c ul li {font-size: 12px;height: 30px;line-height: 30px;border-bottom: 1px #e0e0e0 solid
}
.tj-c ul li a {padding-left: 10px;}
.tj-c ul li.oo {background: url(../images/tjbj.jpg);height: 30px;background-repeat: no-repeat;background-position: center;border-bottom: 0px;line-height: 30px;color: #FFF
}
.tj-c ul li.oo a {color: #FFF
}
.cp-c-c {width: 900px;float: left
}
.cp-t h2 a {position: relative;display: block;float: right;margin-top: 18px;margin-right: 16px;width: 95px;height: 29px;font: 14px/29px '微软雅黑';text-indent: 13px;border-radius: 16px;background: #f5f5f5;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;color: #666
}
.cp-t h2 a:hover {background: #ededed;text-decoration: none
}
.cp-t h2 a i {position: absolute;top: 8px;left: 73px;width: 8px;height: 14px;background: url(../images/jtrx.png) no-repeat
}
.clearfix {
*zoom:1
}
.clearfix:after {display: block;clear: both;content: "\0020";visibility: hidden;height: 0
}
input:focus,  select:focus {outline: none
}
.tp {width: 214px;text-align: center;padding: 20px 5px 10px 5px;border-left: 1px #CCC dotted;border-bottom: 1px #CCC dotted;float: left
}
.tp h6 {font-size: 13px;line-height: 38px;font-weight: normal
}
.tp h5 {color: #F30;line-height: 24px;font-weight: normal
}
.tp h5 b {font-size: 15px;}
#m04 {width: 1150px;margin: 0 auto;margin-bottom: 16px;background: #ffffff;margin-top: 16px;padding: 25px;height: 455px;border: 1px #dbdbdb solid
}
/* 问答  */

.wen {width: 330px;float: left;}
.wen dl {height:91px;border-bottom: dashed 1px #ccc;}
.wen dd {background: url(../images/da.jpg) no-repeat;height: 55px;line-height:25px;padding-left: 30px;}
.wen dt {background: url(../images/wen.jpg) no-repeat;height: 22px;line-height:25px;padding-left: 30px;margin-top: 12px;margin-bottom: 12px;}
.news_dt {float: left;width: 432px;margin-left: 30px;}
.news_dt li {height:43px;line-height: 40px;border-bottom: dashed 1px #ccc;overflow: hidden;}
.news_dt li a {font-family:"微软雅黑";font-size: 14px;}
.news_dt li span {float: right;font-size: 12px;color: #848484;}
.news_dt span a {display: block;margin-top: 10px;}
.baike {float: right;width: 330px;}
.baike ul {margin-top: 8px;}
.baike li {height: 40px;line-height: 40px;border-bottom: dashed 1px #ccc;overflow: hidden;}
.baike li a {
font-family"微软雅黑";font-size: 14px;}
.abt_t {background: url(../images/plc.jpg) no-repeat;height: 30px;padding-left: 20px;}
.abt_t a {font: 16px "Microsoft YaHei";color: #212121;}
.abt_t a.more {
font-family"Microsoft YaHei";font-size: 12px;color: #666;float: right;height: 26px;line-height: 26px;}
.sd {padding-top: 12px;padding-bottom: 12px;border-bottom: 1px #CCC dotted;height: 36px;}
.sd-l {width: 50px;float: left
}
.sd-r {width: 370px;float: right
}
.sd-r h6 {font-size: 12px;color: #F60;font-weight: normal;line-height: 22px;}
.sd-r h6 a {color: #F60;}
.sd-r h6 a:hover {color: #333
}
.sd-r p {line-height: 22px;color: #666;font-size: 12px;}
#footer {width: 100%;height: auto;margin: 0 auto;}
.foot1 {width: 100%;height: 70px;margin: 0 auto;background: #6fb600;}
.foot1 ul {width: 949px;height: 70px;margin: 0 auto;}
.foot1 ul li {width: 130px;height: 45px;float: left;padding-top: 12px;margin-left: 40px;}
.foot2 {width: 1200px;margin: 0 auto;padding-top: 30px;line-height: 26px;color: #565656;padding-bottom: 20px;font-family: "微软雅黑";}
.foot2 li {float: left;}
.foot2 li a {color: #565656;}
.foot2 li a:hover {color: #6fb600;text-decoration: none;}
.foot2_1 {padding-right: 100px;}
.foot2_1 b {font-size: 24px;}
.foot2_2 {line-height: 26px;padding-right: 60px;}
.foot2_2 p span {line-height: 26px;font-size: 14px;font-weight: bold;}
.foot2_3 {padding-left: 29px;padding-top: 5px;}
.foot2_3 p {font-size: 12px;text-align: center;line-height: 30px;}
.foot3 {width: 1200px;height: 50px;line-height: 50px;background: #e9e9e9;margin: 0 auto;text-align: center;font-family: "微软雅黑";}
.foot3 a {padding: 0 10px;color: #383838;}
.foot3 a:hover {color: #2d6b00;}
.foot4 {width: 1200px;line-height: 26px;margin: 0 auto;text-align: left;color: #666666;padding: 10px 0;border-top: 1px solid #dedede;}
.foot4 a {color: #666666;}
.foot5 {width: 630px;height: 70px;margin: 0 auto;padding-bottom: 50px;}
.foot5 li {float: left;padding-right: 6px;}
/* side */

.side {position: fixed;width: 80px;height: 275px;right: 0;top:435px;z-index: 100;}
.side ul li {width: 80px;height: 80px;float: left;position: relative;border-bottom: 1px solid #ffffff;}
.side ul li .sidebox {position: absolute;width: 80px;height: 80px;top: 0;right: 0;transition: all 0.3s;background: #64a400;opacity: 0.8;filter: Alpha(opacity=80);color: #fff;font: 14px/80px "微软雅黑";overflow: hidden;}
.side ul li .sidebox a {color: #ffffff;text-decoration: none;font-size: 14px;}
.side ul li .sidetop {width: 80px;height: 80px;line-height: 80px;display: inline-block;background: #64a400;opacity: 0.8;filter: Alpha(opacity=80);transition: all 0.3s;}
.side ul li .sidetop:hover {background: #64a400;opacity: 1;filter: Alpha(opacity=100);}
.side ul li img {float: left;}
.main9_r {float: right;margin-left: 11px;width: 672px;}
.main9_r img {width: 672px;height: 335px;display: block;}
.main9_l {float: left;width: 475px;background: #e2e2e2;border: 1px solid #dedede;}
.main9_l_tit {font-size: 14px;width: 475px;color: #292929;height: 40px;line-height: 40px;font-weight: bold;text-indent: 20px;}
.main9_l_tit a {font-size: 12px;color: #666;width: 80px;display: block;float: right;font-weight: normal;}
.main9_l_con {width: 440px;height: 260px;background: #ffffff;padding: 20px 15px 0px 20px;margin: 0 auto;}
.main9_l_con li {width: 475px;height: 75px;padding-bottom: 16px;}
.showPic {overflow: hidden;position: relative
}
.showPic li {float: left;width: 443px;height: 262px;border: 1px solid #ddd;border-top: 0;border-right: 0px;overflow: hidden;font: 14px/29px '微软雅黑';padding-left: 6px;padding-top: 6px;}
.showPic li:hover {background: #fafafa
}
.showPic li .pic {float: left;width: 260px;overflow: hidden;margin: 15px;display: inline;transition: all .3s ease-in-out
}
.showPic li .pic:hover {opacity: .8
}
.showPic li .con {float: left;width: 140px;height: 150px;margin: 15px 0 15px 5px;}
.showPic li .con span {display: inline-block;width: 160px;height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 24px;font-size: 14px
}
.showPic li .con h3 {width: 160px;height: 35px;line-height: 35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 18px;color: #333;font-weight: normal
}
.showPic li .con h3 a {color: #333
}
.showPic li .con h3 a:hover {color: #ff5384
}
.showPic li .con .jg {height: 35px;line-height: 35px;font-size: 24px;color: #ff5384;font-weight: normal;white-space: nowrap
}
.showPic li .con .jg i {height: 35px;line-height: 35px;font-size: 14px;color: #ff889e;font-weight: normal
}
.showPic li .con p {width: 160px;height: 40px;overflow: hidden;font-family: "宋体";padding-top: 5px;font-size: 12px;line-height: 20px;color: #999
}
.showPic li .con a.chak {width: 123px;height: 35px;display: block;background: url(../images/chak.jpg);margin-top: 15px;}
.ppp img:hover {transform: scale(1.1);transition: all 1s;}
.tp img:hover {transform: scale(1.1);transition: all 1s;}
.weiz {height: 63px;font: 14px "Microsoft Yahei";line-height: 63px;color: #666;overflow: hidden;width: 1200px;margin: auto;}
.weiz a {color: #666;padding: 0 5px;}
/*公共内页您现在的位置*/

.weiz {height: 63px;font: 14px "Microsoft Yahei";line-height: 63px;color: #666;overflow: hidden;}
.weiz a {color: #666;padding: 0 5px;}
/*newslist新闻列表页2-----------------------------------------------------*/

.case dl {height: 186px;}
.case dt {width: 225px;height: 141px;float: left;overflow: hidden;margin-top: 22px;}
.case dt img {width: 225px;height: 141px;}
.case dd p {height: 104px;}
/*newscase新闻案例2-------------------------------------------------*/

.qs {padding-top: 25px;}
.ne {background: #fff;height: 656px;margin-bottom: 10px;overflow: hidden;padding: 0 35px;}
.qs .tit01, .ne1 .tit01, .ne2 .tit01 {background: url(../images/qs_line.gif) no-repeat left bottom;}
.qs1 {height: 565px;width: 780px;overflow: hidden;position: relative;}
.qs1 dl {margin-top: 22px;}
.qs1 dt {width: 780px;height: 369px;overflow: hidden;}
.qs1 dt img {width: 780px;height: 369px;}
.qs1 dd {width: 600px;height: 125px;overflow: hidden;}
.qs1 dd h4 a {display: block;font: 32px "Microsoft Yahei";height: 52px;line-height: 52px;overflow: hidden;color: #4b9a03;font-weight: bold;}
.qs1 dd p {font: 14px "Microsoft Yahei";line-height: 24px;height: 46px;overflow: hidden;color: #666;}
.qs1 .page {width: 74px;height: 95px;text-align: right;overflow: hidden;position: absolute;top: 28px;right: 0;font-size: 16px;}
.qs1 .page p {font-size: 16px;font-family: "宋体";}
.qs1 .page p b {font-size: 30px;color: #c3c3c3;font-weight: normal;}
.qs1 .page p span {color: #4b9a03;font-size: 32px;}
.qs1 .page .prev, .qs1 .page .next {display: inline;width: 36px;height: 36px;margin-left: 1px;margin-top: 10px;float: left;cursor: pointer;}
.qs1 .page .prev {background: url(../images/qs_l.gif);}
.qs1 .page .next {background: url(../images/qs_r.gif);}
.qs2 {width: 306px;overflow: hidden;margin-top: 23px;}
.qs2 h3 {height: 58px;font: 24px "Microsoft Yahei";line-height: 58px;overflow: hidden;}
.qs2 h3 a {color: #000;}
.qs2 h3 span {display: inline-block;width: 81px;height: 23px;margin-top: 18px;overflow: hidden;}
.qs2 ul {height: 130px;overflow: hidden;}
.qs2 li {width: 151px;overflow: hidden;}
.qs2 li img {width: 151px;height: 95px;}
.qs2 li span {display: block;font: 12px "Microsoft Yahei";height: 35px;line-height: 35px;overflow: hidden;text-align: center;color: #666;}
.qs2 p {font: 12px "Microsoft Yahei";color: #666;line-height: 30px;padding: 10px 0;border-bottom: 1px dotted #666;}
.qs2 p a {display: block;font: 16px "Microsoft Yahei";height: 30px;line-height: 30px;color: #333;overflow: hidden;}
.qs2 .nones {border-bottom: 0;padding-right: 0;}
.ne1 {background: #fff;padding: 25px 35px 23px 35px;border-bottom: 8px solid #f2f2f2;}
.dl03 {height: 226px;border: 1px solid #d7d7d7;overflow: hidden;margin-top: 30px;padding: 30px 28px 0 28px;}
.dl03 dt {width: 356px;height: 189px;overflow: hidden;float: left;}
.dl03 dt img {width: 356px;height: 189px;}
.dl03 dd {width: 680px;overflow: hidden;float: right;}
.dl03 dd h4 {height: 40px;overflow: hidden;font: 20px "Microsoft Yahei";line-height: 40px;}
.dl03 dd h4 span {display: inline-block;float: left;width: 78px;height: 40px;background: #4b9a03;text-align: center;font: 24px "Microsoft Yahei";line-height: 40px;overflow: hidden;color: #fff;margin-right: 8px;}
.dl03 dd h4 a {color: #1c1c1c;}
.dl03 dd p {font: 14px "Microsoft Yahei";line-height: 30px;height: 90px;color: #737373;overflow: hidden;margin-top: 8px;}
.dl03 dd em a {display: block;width: 148px;height: 34px;border: 1px solid #c3c8cd;font: 14px "Microsoft Yahei";text-align: center;line-height: 34px;color: #333;overflow: hidden;margin-top: 13px;}
.dl02 {margin-top: 22px;padding-top: 20px;width: 257px;background: url(../images/line.gif) no-repeat right top;overflow: hidden;float: left;height: 173px;padding-right: 25px;}
.dl02 dt {height: 30px;overflow: hidden;font: 14px "Microsoft Yahei";color: #958e95;line-height: 35px;}
.dl02 dt span {display: inline-block;float: left;width: 28px;height: 28px;border: 1px solid #d0d0d0;text-align: center;font: 18px "Microsoft Yahei";line-height: 28px;color: #4b9a03;overflow: hidden;margin-right: 8px;}
.dl02 dd h4 a {display: block;font: 16px "Microsoft Yahei";line-height: 30px;height: 30px;overflow: hidden;color: #333;}
.dl02 dd p {font: 14px "Microsoft Yahei";line-height: 24px;height: 72px;overflow: hidden;color: #666;margin-top: 5px;}
.dl02 dd p a {color: #333;}
.nb {background: none;width: 270px;padding-right: 0;}
.dl04 {padding: 0 25px;width: 280px;}
.more2 {width: 162px;height: 46px;font: 16px "Microsoft Yahei";line-height: 46px;background: url(../images/more_bg.gif) no-repeat center top;overflow: hidden;position: relative;margin-left: -35px;}
.more2 a {color: #fff;padding-left: 35px;}
.ne2 {background: #fff;padding: 25px 35px 20px 35px;margin-bottom: 20px;}
.ne2 .tit01 a {margin-bottom: 47px;}
.ne2 dl {height: 126px;border: 3px solid #f2f2f2;background: #f2f2f2;overflow: hidden;margin-bottom: 21px;padding: 0 30px 0 8px;}
.ne2 dt {width: 227px;height: 112px;float: left;overflow: hidden;margin-top: 7px;}
.ne2 dt img {width: 227px;height: 112px;}
.ne2 dd {width: 835px;float: right;overflow: hidden;margin-top: 14px;}
.ne2 dd h4 a {display: block;font: 16px "Microsoft Yahei";height: 32px;line-height: 32px;overflow: hidden;color: #333;}
.ne2 dd p {font: 14px "Microsoft Yahei";line-height: 26px;height: 78px;overflow: hidden;color: #666;}
.ne2 dd p a {color: #333;}
.tit01 {font: 30px "Microsoft Yahei";height: 53px;line-height: 53px;overflow: hidden;color: #333;background: url(../images/line.gif) no-repeat left bottom;}
.tit01 a {color: #333;}
/*newslist新闻列表页1-----------------------------------------------------*/

.jd_news {overflow: hidden;margin-bottom: 20px;}
.tout {height: 145px;overflow: hidden;padding-top: 36px;}
.tout dl {height: 143px;border: 1px solid #d7d7d7;padding: 0 20px;}
.tout dt {height: 36px;font: 20px "Microsoft Yahei";line-height: 36px;overflow: hidden;margin-top: 16px;}
.tout dt span {display: block;font: 24px "Microsoft Yahei";text-align: center;width: 74px;height: 34px;border: 1px solid #4b9a03;color: #4b9a03;line-height: 34px;float: left;overflow: hidden;margin-right: 16px;}
.tout dt a {color: #4b9a03;}
.tout dd {font: 14px "Microsoft Yahei";line-height: 28px;height: 56px;overflow: hidden;color: #666;padding-left: 94px;margin-top: 5px;}
.tout dd a {color: #333;}
.news {width: 868px;overflow: hidden;margin-top: 22px;}
.news .tit01 {font: 24px "Microsoft Yahei";height: 53px;line-height: 53px;overflow: hidden;color: #333;background: url(../images/line.gif) no-repeat left bottom;}
.news dl {height: 142px;border: 3px solid #f2f2f2;background: #f2f2f2;overflow: hidden;margin-top: 24px;padding: 0 17px;}
.news dt {width: 227px;height: 112px;float: left;overflow: hidden;margin-top: 14px;}
.news dt img {width: 227px;height: 112px;}
.news dd {width: 583px;float: right;overflow: hidden;margin-top: 14px;}
.news dd h4 a {display: block;font: 16px "Microsoft Yahei";height: 32px;line-height: 32px;overflow: hidden;color: #333;}
.news dd p {font: 14px "Microsoft Yahei";line-height: 26px;height: 78px;overflow: hidden;color: #666;}
.news dd p a {color: #333;}
.news .cur {border: 3px solid #4b9a03;}
.kh2 {margin-top: 18px;}
.ban1 {margin-top: 0;}
/*newslist新闻列表页2-----------------------------------------------------*/

.case dl {height: 186px;}
.case dt {width: 225px;height: 141px;float: left;overflow: hidden;margin-top: 22px;}
.case dt img {width: 225px;height: 141px;}
.case dd p {height: 104px;}
.jd {background: #fff;padding: 0 35px 35px;}
.fen {background: #fff;overflow: hidden;padding-left: 20px;padding-bottom: 46px;}
.fen1 {width: 235px;overflow: hidden;padding-top: 24px;}
.fen1 h2 {height: 80px;background: url(../images/fen_h.gif) no-repeat left top;font: 24px "Microsoft Yahei";font-weight: bold;text-align: center;line-height: 70px;overflow: hidden;margin-bottom: 3px;color: #fff;}
.fen1 h2 i {font: 16px Arial, Helvetica, sans-serif;color: #fff;font-weight: normal;text-transform: uppercase;padding-left: 8px;}
.fen1 h3 {font: 16px "Microsoft Yahei";height: 41px;line-height: 41px;overflow: hidden;margin-bottom: 2px;}
.fen1 h3 a {display: block;background: url(../images/fen_bg1.gif) no-repeat left top;color: #fff;padding-left: 21px;}
.fen1 h3 a:hover, .fen1 h3.cur a {background: url(../images/fen_bg2.gif) no-repeat left top;}
.fen1 ul {width: 215px;margin: 5px auto;}
.fen1 li {font: 14px "Microsoft Yahei";height: 39px;line-height: 39px;border-bottom: 1px dashed #ccc;overflow: hidden;background: url(../images/fen_jt.gif) no-repeat 8px 15px;padding-left: 22px;text-transform: uppercase;}
.fen1 li a {color: #666;}
.fen1 li a:hover, .fen1 li.cur a {color: #4b9a03;}
.fen1 .nb {border-bottom: 0;}
.pro .tit01 {font: 20px "Microsoft Yahei";height: 53px;line-height: 53px;overflow: hidden;color: #333;background: url(../images/line.gif) no-repeat left bottom;}
.hot {height: 428px;background: #f2f2f2;overflow: hidden;margin-top: 15px;position: relative;}
.hot dl {margin: 24px 24px 0 24px;height: 388px;overflow: hidden;}
.hot dt {width: 379px;height: 388px;overflow: hidden;float: left;}
.hot dt img {width: 369px;height: 369px;border: 5px solid #fff;}
.hot dd {width: 395px;float: right;overflow: hidden;}
.hot dd h4 a {display: block;height: 40px;border-bottom: 1px dashed #a6a6a6;font: 20px "Microsoft Yahei";line-height: 35px;overflow: hidden;}
.hot dd p {font: 14px "Microsoft Yahei";line-height: 26px;overflow: hidden;color: #666;margin-top: 12px;}
.hot dd em a {display: block;font: 14px "Microsoft Yahei";color: #333;line-height: 26px;height: 26px;overflow: hidden;}
.hot .page {width: 38px;height: 38px;overflow: hidden;position: absolute;bottom: 0;right: 0;}
.hot .page .next {display: block;background: url(../images/hot_r.gif);width: 38px;height: 38px;overflow: hidden;cursor: pointer;}
.pro2 {margin-top: 20px;}
.pro2 ul {margin-top: 22px;}
.pro2 li {width: 260px;padding: 0 10px;height: 305px;overflow: hidden;float: left;}
.pro2 li img {width: 247px;height: 247px;padding: 8px;border: 1px solid #d6d6d6;display: block;}
.pro2 li span {display: block;font: 14px "Microsoft Yahei";text-align: center;height: 38px;line-height: 38px;overflow: hidden;color: #333;cursor: pointer;}
.pro2 .pages {margin-top: 10px;}
.ban {width: 235px;overflow: hidden;margin-top: 85px;}
.ban p {width: 235px;height: 100px;overflow: hidden;position: relative;margin-bottom: 10px;}
.ban p img {width: 235px;height: 100px;}
.ban p span {display: block;font: 18px "Microsoft Yahei";width: 200px;height: 60px;overflow: hidden;position: absolute;top: 20px;left: 18px;}
.ban p span i {display: block;font: 14px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666;}
.ban p span a {color: #232323;}
.ban1 {margin-top: 0;}
.kh2 {margin-top: 18px;}
.kh {background: #f2f2f2;height: 530px;overflow: hidden;}
.kh dl {width: 197px;height: 71px;overflow: hidden;padding: 16px 0;border-bottom: 1px dashed #999;margin: 0 auto;}
.kh dt {width: 113px;height: 71px;float: left;overflow: hidden;}
.kh dt img {width: 113px;height: 71px;}
.kh dd {width: 70px;float: right;overflow: hidden;font: 14px "Microsoft Yahei";line-height: 24px;height: 48px;margin-top: 10px;}
.kh .nb {border-bottom: 0;}
.kh ul {width: 197px;margin: 5px auto 0;}
.kh li {font: 14px "Microsoft Yahei";height: 32px;line-height: 32px;overflow: hidden;background: url(../images/kh_jt2.png) no-repeat left 10px;padding-left: 25px;}
.kh li a {color: #66;}
.kh .li01 {background: url(../images/kh_jt1.png) no-repeat left 10px;}
.kh1 {width: 235px;overflow: hidden;margin-top: 38px;}
.ban3 {width: 235px;height: 100px;overflow: hidden;position: relative;}
.ban3 img {width: 235px;height: 100px;}
.ban3 p {font: 14px "Microsoft Yahei";color: #333;width: 200px;height: 80px;overflow: hidden;position: absolute;top: 17px;left: 14px;}
.ban3 p span {display: block;font: 20px Arial, Helvetica, sans-serif;color: #000;}
/* -- 翻页效果 -- */



.apage {text-align: center;font-family: "Microsoft Yahei";margin-bottom: 25px;line-height: 35px;margin-top: 25px;}
.apage a {display: inline-block;vertical-align: top;}
.apage .num_btns {float: right;font-family: Tahoma;}
.apage a {width: 45px;height: 30px;background: #d0d0d0;border: 1px solid #d0d0d0;text-align: center;line-height: 30px;color: #fff;font-size: 24px;font-family: "宋体";margin: 0 3px;text-decoration: none;}
.apage a:hover, .apage a.cur {background: #459100;border: 1px solid #459100;color: #fff;}
.apage .cust_txt {display: none;float: left;}
.apage .oran_pg_fp {
}
.apage .oran_pg_pp {
}
.apage .oran_pg_np {
}
.apage .oran_pg_lp {
}
.apage select {font-size: 8px;margin-top: 5px;}
.apage .oran_pg_txt {height: 15px;border: solid 1px #d4e3e9;width: 20px;margin-left: 5px;}
.apage .oran_pg_btn {height: 15px;border: solid 1px #d4e3e9;margin-left: 5px;font-size: 9px;background: #5984ac;color: #fff;}
.jd {background: #fff;padding: 0 35px 35px;overflow: hidden;margin-bottom: 20px;}
.jd1 {width: 857px;overflow: hidden;font: 14px "Microsoft Yahei";color: #666;line-height: 36px;margin-top: 32px;}
.jd1 h3 {font: 20px "Microsoft Yahei";text-align: center;height: 63px;line-height: 63px;overflow: hidden;color: #333;margin-top: 16px;}
.jd1 h3 a {color: #333;}
.jd1 h4 {font: 14px "Microsoft Yahei";height: 43px;border-bottom: 1px dashed #999;line-height: 43px;overflow: hidden;}
.jd1 h4 span {display: inline-block;width: 108px;height: 32px;overflow: hidden;margin-top: 10px;}
.jd1 h4 em {padding: 0 14px;}
.jd1 p {font: 14px "Microsoft Yahei";color: #666;line-height: 36px;text-indent: 2em;margin-top: 32px;}
.jd1 p a {color: #333;}
.jd1 p.p01 {margin-top: 0;}
.jd1 h5 img {width: 623px;height: 155px;margin-top: 25px;}
.jd1 .ym {font: 14px "Microsoft Yahei";color: #666;line-height: 30px;height: 60px;overflow: hidden;margin-top: 32px;}
.jd1 .ym a {color: #4b9a03;}
.tuij {height: 269px;border: 1px solid #d6d6d6;overflow: hidden;margin-top: 20px;padding: 0 16px;}
.tuij h3 {height: 38px;font: 20px "Microsoft Yahei";line-height: 38px;overflow: hidden;background: url(../images/page_line.gif) repeat-x center center;margin-top: 17px;text-align: left;}
.tuij h3 a, .tuij h3 span {color: #333;background: #fff;height: 38px;line-height: 38px;text-align: left;margin: 0;width: 90px;}
.tuij li {font: 14px "Microsoft Yahei";height: 39px;line-height: 39px;border-bottom: 1px dashed #ccc;overflow: hidden;background: url(../images/kh_jt2.png) no-repeat left 12px;padding-left: 22px;}
.tuij li a {color: #666;}
.tuij li span {float: right;}
.tuij .nones {border-bottom: 0;}
.tuij p {font: 14px "Microsoft Yahei";color: #666;line-height: 30px;height: 60px;overflow: hidden;margin-top: 10px;text-indent: 0;}
.tuij p em {padding: 0 12px;}
.kh1 {width: 235px;overflow: hidden;margin-top: 38px;}
.kh {background: #f2f2f2;height: 530px;overflow: hidden;}
.kh dl {width: 197px;height: 71px;overflow: hidden;padding: 16px 0;border-bottom: 1px dashed #999;margin: 0 auto;}
.kh dt {width: 113px;height: 71px;float: left;overflow: hidden;}
.kh dt img {width: 113px;height: 71px;}
.kh dd {width: 70px;float: right;overflow: hidden;font: 14px "Microsoft Yahei";line-height: 24px;height: 48px;margin-top: 10px;}
.kh .nb {border-bottom: 0;}
.kh ul {width: 197px;margin: 5px auto 0;}
.kh li {font: 14px "Microsoft Yahei";height: 32px;line-height: 32px;overflow: hidden;background: url(../images/kh_jt2.png) no-repeat left 10px;padding-left: 25px;}
.kh li a {color: #66;}
.kh .li01 {background: url(../images/kh_jt1.png) no-repeat left 10px;}
.tit02 {font: 20px "Microsoft Yahei";text-align: center;height: 42px;line-height: 42px;background: #4b9a03;color: #fff;overflow: hidden;}
.tit02 a {color: #fff;}
.bq {height: 456px;background: #f2f2f2;margin: 16px 0;overflow: hidden;}
.bq ul {margin: 23px 0 0 15px;}
.bq li {background: #fff;width: 98px;height: 85px;overflow: hidden;float: left;margin-right: 8px;font: 14px "Microsoft Yahei";text-align: center;margin-bottom: 11px;}
.bq li a {display: block;width: 94px;height: 81px;padding: 1px;border: 1px solid #d6d6d6;}
.bq li a:hover {padding: 0;border: 2px solid #4b9a03;}
.bq li p {display: block;width: 46px;height: 40px;margin: 11px auto 0;}
.bq li p img {width: 46px;height: 40px;}
.ban3 {width: 235px;height: 100px;overflow: hidden;position: relative;}
.ban3 img {width: 235px;height: 100px;}
.ban3 p {font: 14px "Microsoft Yahei";color: #333;width: 200px;height: 80px;overflow: hidden;position: absolute;top: 17px;left: 14px;}
.ban3 p span {display: block;font: 20px Arial, Helvetica, sans-serif;color: #000;}
.pro {width: 845px;background: #fff;padding: 25px 30px 40px 30px;}
/*proxx产品详细页3-------------------------------------------*/

.ys {background: #fff;padding:45px 45px 45px 45px;overflow: hidden;}
/*.pic { width:623px; height:310px; overflow:hidden; position:relative; }

.pic ul { width:623px; height:310px; overflow:hidden; }

.pic li img { width:605px; height:292px; padding:8px; border:1px solid #e9e9e9; display:block; }

.pic .prev { background:url(../images/ys_l.png) no-repeat; width:37px; height:91px; overflow:hidden; position:absolute; top:109px; left:9px; }

.pic .next { background:url(../images/ys_r.png) no-repeat; width:37px; height:91px; overflow:hidden; position:absolute; top:109px; right:9px; }

.pic2 { width:225px; overflow:hidden; }

.pic2 h3 a { display:block; height:48px; border-bottom:1px dashed #a6a6a6; font:24px "Microsoft Yahei"; color:#4b9a03; overflow:hidden; }

.pic2 p { font:14px "Microsoft Yahei"; line-height:30px; overflow:hidden; margin-top:8px; text-transform:uppercase; }

.pic2 em a { display:block; width:180px; height:47px; overflow:hidden; margin-top:20px; }*/

.ms {margin-top: 43px;}
.ms h5 {padding-bottom: 18px;overflow: hidden;margin-top: 7px;}
.ms h5 span {display: block;width: 74px;height: 66px;background: url(../images/ys_h.gif) no-repeat left top;font: 20px "Microsoft Yahei";color: #333;line-height: 26px;padding: 10px 0 0 15px;float: left;}
.ms h5 p {border-bottom: 1px dashed #b1b1b1;width: 800px;float: right;font: 16px "Microsoft Yahei";line-height: 28px;padding: 6px 0 10px;}
.ms .hh5 p {line-height: 28px;padding-top: 6px;}
.ms .hh4 p {border-bottom: 1px solid #fff;}
.lc {padding: 25px 40px 26px 40px;background: #fff;margin-top: 10px;}
.lc .tit01, .choose .tit01, .ch .tit01 {background: url(../images/qs_line.gif) no-repeat left bottom;display: block;font: 30px "Microsoft Yahei";height: 53px;line-height: 53px;overflow: hidden;color: #333;}
.lc .tit01 a, .choose .tit01 a, .ch .tit01 a {color: #333;}
/*.lc ul {height: 204px;margin-top: 25px;overflow: hidden;background: url(../images/lc_bg.gif) no-repeat center top;}
.lc li {width: 153px;height: 106px;float: left;overflow: hidden;}
.lc li p {width: 56px;height: 57px;margin-left: 20px;margin-bottom: 5px;overflow: hidden;}
.lc li p img {width: 56px;height: 57px;}
.lc li span {display: block;font: 14px "Microsoft Yahei";height: 30px;line-height: 30px;color: #333;}*/
.lc .li01 span, .lc .li07 span {padding-left: 20px;}
.lc .li07 {padding-left: 153px;}
.choose {padding: 25px 40px 38px 40px;background: #fff;margin-top: 10px;height: 475px;}
.choose dl {width: 259px;float: left;margin: 34px 28px 0 0;background: url(../images/choose_line.gif) repeat-x center top;height: 388px;overflow: hidden;}
.choose dt {width: 194px;height: 146px;margin: 21px auto 0;overflow: hidden;}
.choose dt img {width: 194px;height: 146px;}
.choose dd {padding: 0 15px;}
.choose dd h4 {font: 18px "Microsoft Yahei";color: #333;height: 35px;line-height: 35px;overflow: hidden;text-align: center;margin: 16px 0 5px 0;}
.choose dd h4 a {color: #333;}
.choose dd p {font: 15px "Microsoft Yahei";line-height: 29px;color: #666;overflow: hidden;}
.choose .nb {margin-right: 0;}
.ch {padding: 25px 35px 38px 35px;background: #fff;margin-top: 10px;height:320px; margin-bottom:20px;}
.ch ul {margin-top: 30px;height: 242px;border-bottom: 1px solid #d4d4d4;}
.ch li {width: 161px;height: 122px;float: left;overflow: hidden;}
.ch li img {border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;width: 159px;height:119px;}
.ch .li01 {border-right: 1px solid #d4d4d4;}
.rmcpfl {float: left;width:475px;}
.rmcpfl img {width:460px;height:460px;}
.rmcpfr {float: left;padding-left: 30px;}
.rmcpfr h3 {width: 472px;height: 40px;font-size: 22px;}
.rmcpfr h3 a {color: #282828;font-size: 22px;line-height: 40px;}
.rmcpfr p {color: #4F4F4F;font-size: 14px;line-height: 38px;}
.rmcpfrtop {height:310px;overflow: hidden;}
.rmcpfrbot {height: 150px;overflow: hidden;}
.rmcpfrbot img {height: 123px;width: 123px;float: left;margin: 0 11px 0px 0px;border: 1px solid #dddddd;padding: 3px;overflow: hidden;}
.rmcpfrbot .cur img {border: 2px solid #337a10; padding: 2px;}
.about {width: 830px;height: 350px;overflow: hidden;margin-top: 16px;}
.about h3 {height: 50px;background: url(../images/h.gif) no-repeat left bottom;font: 24px "Microsoft Yahei";line-height: 48px;overflow: hidden;}
.about h3 a {color: #4b9a03;display: block;}
.about dl {width: 410px;height: 134px;border-bottom: 1px dashed #c5c5c5;overflow: hidden;margin-top: 16px;}
.about dt {height: 33px;font: 18px "Microsoft Yahei";line-height: 33px;overflow: hidden;color: #333;}
.about dt span {display: inline-block;width: 33px;height: 33px;font: 20px Arial, Helvetica, sans-serif;color: #4b9a03;text-align: center;line-height: 33px;overflow: hidden;background: url(../images/about_y.gif) no-repeat;float: left;margin-right: 15px;}
.about dt a {color: #333;}
.about dd {font: 14px "Microsoft Yahei";line-height: 26px;height: 78px;overflow: hidden;margin-top: 5px;}
.about .nb {border-bottom: 0;}
.fw {width: 290px;height: 321px;border: 1px solid #4b9a03;margin-top: 20px;}
.fw h3 {font: 20px "Microsoft Yahei";height: 45px;line-height: 45px;overflow: hidden;color: #fff;padding-left: 18px;background: #4b9a03;}
.fw p {width: 205px;margin: 19px auto 0;}
.fw p input {height: 35px;border: 1px solid #cdcfd4;width: 193px;font: 14px "Microsoft Yahei";padding-left: 10px;line-height: 35px;overflow: hidden;color: #999;}
.fw p span {display: block;background: #eef1f5;font: 14px "Microsoft Yahei";line-height: 20px;color: #999;padding: 15px;height: 93px;margin-top: 15px;overflow: hidden;}
.fw .btt {height: 40px;overflow: hidden;width: 205px;margin: 16px auto 0;}
.fw .btt input {width: 96px;height: 40px;border: 0;background: url(../images/fw_btn1.gif) no-repeat;font: 14px "Microsoft Yahei";text-align: center;line-height: 40px;overflow: hidden;color: #fff;}
.fw .btt .ip01 {background: url(../images/fw_btn2.gif) no-repeat;}
.ryzz li {height: 474px;}
.ryzz li img {height: 418px;}
.scsl li {height: 286px;}
.scsl li img {height: 230px;}
/**/

.xj {height: 316px;overflow: hidden;}
.xj dl {width:380px;overflow: hidden;}
.xj dt {width:380px;height: 242px;overflow: hidden;}
.xj dt img {width:380px;height: 242px;}
.xj dd {height: 46px;background: #eef1f5;font: 13px "Microsoft Yahei";line-height: 46px;overflow: hidden;color: #333;}
.xj dd span {display: inline-block;float: left;font: 20px "Microsoft Yahei";text-align: center;width: 110px;line-height: 46px;background: #4b9a03;overflow: hidden;color: #fff;margin-right:10px;}
.xj dd span a {color: #fff;}
.xj dd span a:hover {text-decoration: none;}
/*add css*/

.jd1 a, .jd1 p a {color: #FF9012;}
.jd1 .tuij p a {color: #333;}
.pro3 {margin-top: 20px;}
.pro3 ul {margin-top: 22px;}
.pro3 li {width: 309px;height: 205px;overflow: hidden;}
.pro3 li img {width: 291px;height: 136px;padding: 8px;border: 1px solid #d6d6d6;display: block;}
.pro3 li span {display: block;font: 14px "Microsoft Yahei";text-align: center;height: 38px;line-height: 38px;overflow: hidden;color: #333;cursor: pointer;}
.pro3 .pages {margin-top: 10px;}
.adu12 {background: #ffffff;margin-top: 16px;padding: 0 25px;border: 1px #dbdbdb solid;}
#MR_nrPic {padding-left: 21px;padding-right: 21px;text-align: center;padding-top: 8px;}
#MR_nrPic img {border: 2px #eee solid;padding: 2px;max-width: 840px;}
/*lnk*/

.lnk {height: 145px;overflow: hidden;background: url(../images/link_bg.gif) center 15px no-repeat;}
.lnk h3 {font-family: "Microsoft YaHei";line-height: 32px;height: 50px;text-align: center;}
.lnk h3 span {text-transform: uppercase;font-size: 20px;color: #4b9a03;margin: 0 0 0 12px;font-weight: 100;}
.lnk h3 a {font-size: 20px;color: #000;}
.lk_c {font-family: "Microsoft YaHei";line-height: 20px;height: 44px;overflow: hidden;word-spacing: -11px;}
.lk_c a {display: inline-block;padding: 0 15px;color: #666;}
.lnk span a {margin: 0 0 0 531px;display: inline-block;padding: 0 0 0 13px;width: 134px;background: url(../images/link_bt.gif) left top no-repeat;font-size: 14px;color: #fff;font-family: "Microsoft YaHei";line-height: 27px;}
.temp_on_inp {background: url(../images/on_bj.jpg) no-repeat center top;overflow: hidden;margin-top: 23px;}
.temp_on_inp h3 {width: 197px;height: 78px;font: 24px "Microsoft YaHei";font-weight: bold;color: #CE8F30;line-height: 24px;float: right;}
.temp_on_inp h3 span {display: block;font: 14px Arial;color: #CE8F30;line-height: 36px;text-transform: uppercase;}
.temp_on_inp h3 a {color: #ec6900;}
.temp_on_con {width: 655px;}
.temp_on_con li {height: 38px;width: 300px;border: 1px solid #d1d1d1;float: left;margin-right: 22px;margin-bottom: 16px;color: #ec6900;line-height: 38px;overflow: hidden;}
.temp_on_con li span {font: 14px "Microsoft YaHei";color: #999;line-height: 38px;float: left;padding-left: 10px;display: inline-block;}
.temp_on_con li input {width: 228px;height: 38px;border: 0;ont: 14px "Microsoft YaHei";color: #999;line-height: 38px;float: left;}
.temp_on_con .inp1 input {width: 199px;outline: none;}
.temp_on_con .inp3 {width: 624px;height: 72px;padding-top: 10px;}
.temp_on_con .inp3 span {line-height: 14px;}
.temp_on_con .inp3 textarea {width: 546px;height: 56px;resize: none;overflow: auto;outline: none;padding-left: 10px;border: 0;
:14px "Microsoft YaHei";color: #999;line-height: 24px;}
.temp_on_con .inp4 {width: 380px;margin-bottom: 0;float: left;}
.temp_on_con .inp4 input {width: 120px;}
.temp_on_con .inp4 img {border-left: 1px solid #d1d1d1;float: right;margin-right: 0px;}
.temp_on_con .inp2 {width: 562px;height: 70px;border: 0;}
.temp_on_con .inp2 span {display: block;}
.temp_on_con .inp2 em {font: 12px "Microsoft YaHei";color: #999;line-height: 36px;float: left;}
.temp_on_con .minp5 {border: 0;}
.temp_on_con .minp5 input {width: 82px;height: 24px;margin-right: 16px;cursor: pointer;cursor: pointer;}
.temp_on_con .minp5 .onb1 {background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YzAxYjQ5MWMtYTJkOC0xODQ2LTgzYWEtMjg5ZDY3ZTlhOTUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1MkVGRjQyODJBMTExRTVCNkMyOEQzRkNDNzcxQUZGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1MkVGRjQxODJBMTExRTVCNkMyOEQzRkNDNzcxQUZGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMxODA5OC04MWU4LWI5NDQtYWFlMi04MzYyM2VjNjZjZWQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YzAxYjQ5MWMtYTJkOC0xODQ2LTgzYWEtMjg5ZDY3ZTlhOTUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGABSAwERAAIRAQMRAf/EAIwAAAMBAQEBAAAAAAAAAAAAAAAFBgQCAwcBAAMBAQEBAQAAAAAAAAAAAAADBAIFAQYHEAACAgEDAwIEBwEAAAAAAAABAgMEBQAREiETBjFBYSIUVFEyUiNzNBdiEQABAwIDBQUIAwAAAAAAAAABABECEgMhMQRBYXGRIvBRgVIFobHB0eFCFBYykhP/2gAMAwEAAhEDEQA/AFefz+TzuTmyGQmaWWViyqxJVFJ6Ig9lGvlrt2U5OV+u6XSwsQEIBgEu0tUo0IWmtjbtmEzwR84lmirFuSj92wHMS7Eg/MIm6+g2663GBOXZ0qd6MSxOLE+AZ/eEzn8Lz8C2i61WakjyWoortOWWNYzs5aKOZn+U+vTTDp5h8sN4+alj6lZlT/LqyeEwC+WJiyWY3G3cndjo0Y+9am5dqLkqliqliAWIG+w6D1J6DrpcIGRYZqq9ejaiZzLRCzawmo0IRoQu4ZpoJVlhkaKVDukiEqwI9wR1GvQSMlmURIMQ4Vr/ALF5p92f6X0ft+f7j+X46t/Pud+xvquJ+v6by/fV4eXgofUK7qNCEaEL6H4ZmjD4lJSisXpZ5slTrLArN2YjYWyUWKJZ4BJzKfOruqkkbg8evQ09xoNi9Q+O8L531HTVaioiAAtyL7S1DuaZMz4MCc8nwpMvlpbGFuy2Mg0SX/q6liCclWRomAlEcFvMtETufl7SNt+HpqiczSXObjs825Lm6ewI3IiMXopkCN+TmOnfjUQkmAzObz+Nl8f8eyeVbNIsVsW7NqVQ4j+SWFOEhWBE7gK7k8+vLrwATbuSnGiBlVm5PZu25W6rT29PMXr0Lf8AnjFhEYPiDiOo4Y92zCp1Xn/k/wBdyxi5DITz02jq2+5M5qWjAgV5+w5Hak7q+m2xHU7NvyVqrz9LnDDcd7Kv0rRUddMAJORh1Rc4Rq2hvlllEaiXcRoQjQhGhCY5/AZPBZObH5CFopYmKqzAhXUHo6H3U6ZdtShJiptLqoX4CcC4PsS7S1SjQhNsf5Tm8dTFSjMleMMXDpBAJuZR0Dd7h3eSrM4U8t13+XbTY3pRDD4KS7obVyVUwSeJbYcnbYHwx2r3k838jmrRV7U0FxIQVia3Uq2ZACAD+7NFJJ6KBvy9h+GtHUTIY48QClx9NsxJMQYv5ZSiOQICyXPI81bqClLZKUQBvSgVK9clTuGaGERxs/8A0V5fHWZXZEM+HIJ1vR2oSqA6u89UuZctuyRc8izF6oK12ZbSqAFnnjilsBVO4UWXUzhR+nntoldlIMcffzzRb0duEqoCncCRH+r0+LJbpSpRoQu4YZp5VihjaWVzskaAsxJ9gB1OvQCclmUhEOSwVr/jvmn2h/pfWe35/t/5fhqz8C53bH+i4n7BpvN99Ph5uC//2Q==) no-repeat center top;}
.temp_on_con .minp5 .onb2 {background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QN6aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YzAxYjQ5MWMtYTJkOC0xODQ2LTgzYWEtMjg5ZDY3ZTlhOTUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1MjU3OUM4ODJBMTExRTVCNkMyOEQzRkNDNzcxQUZGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1MjU3OUM3ODJBMTExRTVCNkMyOEQzRkNDNzcxQUZGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMxODA5OC04MWU4LWI5NDQtYWFlMi04MzYyM2VjNjZjZWQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YzAxYjQ5MWMtYTJkOC0xODQ2LTgzYWEtMjg5ZDY3ZTlhOTUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGABSAwERAAIRAQMRAf/EAGcAAAIDAQEAAAAAAAAAAAAAAAAHAwUGAQIBAQAAAAAAAAAAAAAAAAAAAAAQAAICAQMCBQMFAQAAAAAAAAECAwQFABESIQYxQRMUBzNUFWEiMjUYcxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AVvdXdWZ7nzVnK5Wy8807syIzEpGhP7Y418FVR0AGgqNAaDS9pdg5vueKxNSV469dghnNTIWUZyNygajWt7Mo2JDbeI0Glt/AvdtVYi9iNzNEJo1hoZuU8W32DcMe3B+nVH2YeY0GdpfGXeduqtpKcMEbCweFu5TqSgU2KWS0ViaKRRCynmSvTz0HjK/HPdmLxs2StwVvaV4obEzwXqVhhDZYJDL6cE0jlJGYcWC7HQZrQGgkr2bFadJ60rwTxnlHLGxR1I8wy7EaBk/6E+RPvj/Xfj/L6v3fh9b9dAstAaA0DH+GqFK3LnVsY035hViFRvYveEUhnUkkrRyyxFo1cbtAd/AbeIBw5zCUm/HG7gzagjw/pcFxL2Cr+lKI1AjwUbJxkKniJ4OPj6Y8GDEfFmblq9n08lJaSjRpZA0xUS9ZriUxpHO8h91m8bU3f1DuqQsPMrtoOfJ/cL2+1MlditJep2bsVV6b357Ij9ys88cgWpnMlX3jNboJIFUnqo6EAEfoDQGgNBb91dq5ntjNWcVlazwTQOyo7KQkiA/tkjbwZWHUEaCo0BoLXE9y5HF12grQ0ZEd+ZNvH0bj7kAdJLMMzgdP4g7aCzs/JXdFr0fdLjJ/bxrBB6uIxT+nEm/GNOVY8VG52UdNBwfJHc4pLR4400lkMy1jiMWYxKwCmTga23IqoG/jtoIp+/u4ZsdYxzJjkp29jPFFisbDuyq6K4aOujK6LK4R1PJdzsRoM7oDQSV61izOkFaJ555DxjijUu7E+QVdydAyf89/In2Lf1v5Dy+r9p/2/TQf/9k=) no-repeat center top;}

.l_nav_panel{position:absolute; width:100%; z-index:1;}
#gudin {min-width: 120px;width: 100%;z-index: 19802;}
.head-nav {background: #fff;opacity: .9;height: 500px;}
.head-nav .nav-group {padding: 15px 15px 10px;border-bottom: 1px solid #e2e2e2;position: relative;overflow: hidden
}
.head-nav .nav-group i {height: 15px;width: 5px;border-radius: 5px;background: #4b9a03;display: inline-block;margin-right: 5px;vertical-align: -2px
}
.head-nav .nav-group p {font-size: 16px;color: #404144;display: inline-block;margin-bottom: 5px
}
.head-nav .nav-com,  .head-nav .nav-second {width: 225px
}
.head-nav .nav-com li,  .head-nav .nav-second li {width: 60px;float: left;margin: 3px 15px 2px 0;font-size: 12px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap
}
.head-nav .nav-com li a,  .head-nav .nav-second li a {display: inline-block;position: relative
}
.head-nav .nav-com li a i,  .head-nav .nav-second li a i {position: absolute;top: -3px;display: inline-block;height: 16px;width: 13px;background: url(http://a.zbjimg.com/static/channel/widget/www/guide-link/img/hot-icon_60764a4.png) no-repeat;right: -21px
}
.head-nav .nav-com .no-margin,  .head-nav .nav-second .no-margin {margin-right: 0
}
.head-nav .nav-second {position: absolute;top: 0;padding: 15px;width: 225px;background: #fff;opacity: .9;right: -255px;display: none
}
.head-nav .last {border-bottom: 0
}
.clearfix {
*zoom:1
}







em{ font-style: normal;}

.g_cho{height:500px; padding-top:30px; background:#ececec;}
.g_cho h2{background:url(/templets/home/images/antit.jpg) no-repeat center bottom;height: 100px;text-align: center; margin-bottom:30px;}
.g_cho h2 a{font-size: 28px;font-weight: bold;color: #000;}
.g_cho h2 b{font-weight: normal;font-size: 38px;text-transform: uppercase;font-family: arial; position: relative; top:4px; display: inline-block;padding-left: 8px;}
.g_cho h2 em{display: block;font-size: 18px;color: #8d8d8d;padding-top: 7px;font-weight: normal;}

.g_cho .u_lst2 li{float: left;width: 148px; margin-left:12px; margin-right:11px; position: relative; }
.g_cho .u_lst2 .lastli{margin-right: 0;}
.g_cho .u_lst2 li a{text-decoration:none;}
.g_cho .u_lst2 li em{display: block;width: 148px;height: 50px;line-height: 50px;text-align: center; color: #767676;font-size: 14px; cursor: pointer; overflow: hidden;}
.g_cho .u_lst2 .bg2{background:url(/templets/home/images/sha1.png) no-repeat;width:148px;height: 84px;display: block; position: absolute;left:0;top:0; display: none; }
.g_cho .u_btn{width: 194px;height: 36px;line-height: 36px;text-align: center; background:#4b9a03;display: block; margin:12px auto 0; }
.g_cho .u_btn a{font-size: 14px;color: #fff;}
.g_cho .u_lst2 li img{ width:148px; height:111px;}


div#floatTips{font-weight:bold;position:absolute;left:expression(document.body.clientWidth-178);width:148px; z-index:9999;}
#qq_top{width:148px; height:30px; line-height:30px; background:#4b9a03; text-align:center; color:#FFF; font-size:20px;}
#qq_top1{width:148px; height:25px; line-height:25px; background:#2a71bf; text-align:center; color:#fff; font-size:12px;}
#qq_bottom{width:148px; text-align:right; line-height:25px; font-size:12px;}
#qq_bottom a{text-decoration: none; color: #484848;}
#qq_bottom a:hover{text-decoration: none; color: #ff6600;}
.r12{background:url(/templets/home/images/r1.jpg); line-height:29px; text-align:center;}



.case_10 {margin-top: 20px;}
.case_10 ul {margin-top: 22px;}
.case_10 li {width:201px;height:190px;overflow: hidden; margin-left:5px; margin-right:5px;}
.case_10 li img {width:170px;height:128px;padding: 8px;border: 1px solid #d6d6d6;display: block;}
.case_10 li span {display: block;font: 14px "Microsoft Yahei";text-align: center;height: 38px;line-height: 38px;overflow: hidden;color: #333;cursor: pointer;}
.case_10 .pages {margin-top: 10px;}


.case_12 {margin-top: 20px;}
.case_12 ul {margin-top: 22px;}
.case_12 li {width:260px;height:243px;overflow: hidden; margin-left:5px; margin-right:5px;}
.case_12 li img {width:230px; height:182px;padding: 8px;border: 1px solid #d6d6d6;display: block;}
.case_12 li span {display: block;font: 14px "Microsoft Yahei";text-align: center;height: 38px;line-height: 38px;overflow: hidden;color: #333;cursor: pointer;}
.case_12 .pages {margin-top: 10px;}

.case_11 {margin-top: 20px;}
.case_11 ul {margin-top: 22px;}
.case_11 li {height:474px;overflow: hidden; margin-left:5px; margin-right:5px;}
.case_11 li img {height:418px; padding: 8px;border: 1px solid #d6d6d6;display: block;}
.case_11 li span {display: block;font: 14px "Microsoft Yahei";text-align: center;height: 38px;line-height: 38px;overflow: hidden;color: #333;cursor: pointer;}
.case_11 .pages {margin-top: 10px;}


.xg{animation-duration: 1.5s;animation-name: fadeInLeft;}
.xg2{animation-duration: 1.5s;animation-name: bounceInUp;}
.g_cho{}


@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -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 {
  0%, 100% {
    -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 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);
  }

  100% {
    -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);
  }

  100% {
    -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 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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);
  }

  100% {
    -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 {
  0% {
    -webkit-transform: none;
    transform: none;
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    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);
  }

  100% {
    -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(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

  100% {
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

  100% {
    -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 {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -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;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -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);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -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);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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;
  }

  100% {
    -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;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.ys15{overflow: hidden; background: url(/templets/home/images/ys_bg15.jpg) repeat;}

.ys15 h2{ height: 273px; background: url(/templets/home/images/ys-hbg.png) no-repeat center center #ececec;}

.ysbox{ margin-top: 45px;}

.ysbox .ys_txt{ float: left; padding-left: 115px; width:425px;}
.ysbox .ys_img{ float: right; padding-right:32px;}

.ys1{ height:255px; overflow: hidden;}
.ys2{ height:356px; overflow: hidden; background: url(/templets/home/images/ys2.jpg) no-repeat center center;}
.ys3{ height:294px; overflow: hidden;}

.ys1 .ys_txt{ background: url(/templets/home/images/ys_n1.gif) no-repeat;}
.ys2 .ys_txt{ float: right; margin-top:90px; background: url(/templets/home/images/ys_n2.gif) no-repeat;}
.ys3 .ys_txt{ margin-top: 40px; background: url(/templets/home/images/ys_n3.gif) no-repeat;}
.ys5 .ys_txt{ margin-top: 40px; background: url(/templets/home/images/ys_n5.gif) no-repeat;}
.ys1 .ys_img{}

strong, b {
    font-weight: bold;
}
.ysbox p{ margin-top: 12px; font-size:17px; color: #666; line-height:35px; background: url(/templets/home/images/ys_ico1.gif) no-repeat 0 8px;}
.ysbox a{ display: block; width: 122px; height: 38px; font-size:16px; color: #fff; text-align: center; line-height: 38px; background:#4b9a03; margin-top:15px;}
.ysbox span{ font-size: 14px; color: #555;}
.ysbox span b{ font-size: 32px; color: #424242; letter-spacing: -2px;}

.ys15 b{display: block;font-size: 32px;color: #343434;margin-bottom: 12px; line-height:64px; border-bottom: 1px dashed #ccc;}

.ys15 b span{font-size: 36px;color:#4b9a03;}

.ys4{ height:370px; overflow: hidden; background: url(/templets/home/images/ys4.png) no-repeat 50px; width:1200px; margin:auto;}
.ys4 .ys_txt{ float: right; margin-top:90px; background: url(/templets/home/images/ys_n4.gif) no-repeat;}


.ys6{ height:390px; overflow: hidden; background: url(/templets/home/images/ys6.png) no-repeat 10px; width:1200px; margin:auto;}
.ys6 .ys_txt{ float: right; margin-top:90px; background: url(/templets/home/images/ys_n6.gif) no-repeat;}

.arr1 { margin-top:163px; width:36px; height:90px; overflow:hidden; }
.sl { width:776px; margin:58px 0 0 136px; height:350px; float:left; display:inline; overflow:hidden; }
.s2 { width:776px; margin:40px 0 0 27px; height:368px; float:left; display:inline; overflow:hidden; }
.s2 ul { height:368px; overflow:hidden; }
.s2 li { float:left; width:232px; display:inline; margin:0 12px 0; overflow:hidden; }
.s2 li img { display:block; width:216px; height:310px; overflow:hidden; padding:7px; border:1px #e1d8ce solid; }
.s2 li span { display:block; text-align:center; line-height:42px; font-size:14px; color:#958e95; }

.roundabout-holder{width:776px;height:352px;margin:0px auto; float:left; display:inline; overflow:hidden;}
.roundabout-moveable-item{ width:381px; height:349px; overflow:hidden; }
.roundabout-moveable-item img{width:100%; cursor:pointer; }
.roundabout-moveable-item span { display:none; }
.roundabout-in-focus { }
.roundabout-in-focus span { display:block; font:14px "Microsoft Yahei"; color:#666; text-align:center; line-height:48px; height:48px; overflow:hidden; }

.sl1 { background:#fff; margin-top:10px; padding:25px 40px 0 40px; height:500px; }

.b_join a { display:block; height:291px; background:url(/templets/home/images/b_join.jpg) no-repeat center top; overflow:hidden; }
.comp { background:#fff; margin-bottom:25px; }
.tit01 { font:30px "Microsoft Yahei"; height:53px; line-height:53px; overflow:hidden; color:#333; background:url(/templets/home/images/qs_line.gif) no-repeat left bottom; }
.tit01 a { color:#333; }
.comp1 dl { margin-top:27px; overflow:hidden; background:#f2f2f2; }
.comp1 dt { width:500px; height:257px; float:right; overflow:hidden; position:relative; }
.comp1 dt img { width:500px; height:257px; }
.comp1 dt em img { width:16px; height:26px; position:absolute; top:82px; left:0; }
.comp1 dd { font:14px "Microsoft Yahei"; line-height:30px;  overflow:hidden; padding:20px 25px 0 20px; }
.comp2 { margin-top:48px; padding-left:18px; padding-right:30px; }
.comp2 h3 { font:30px "Microsoft Yahei"; line-height:48px; height:48px; color:#fff; background:url(/templets/home/images/dsj_h.gif) no-repeat left top; overflow:hidden; padding:0 0 0 15px; }
.comp2 h3 a { color:#fff; }
.comp2 .dl01 { background:url(/templets/home/images/dsj_line.gif) repeat-y 13px top; }
.comp2 dl { background:url(/templets/home/images/dot.gif) no-repeat left center; padding-left:75px; padding-top:25px; }
.comp2 dt { font:20px "Microsoft Yahei"; height:30px; line-height:30px; overflow:hidden; color:#333; }
.comp2 dt a { color:#333; }
.comp2 dt span { color:#ff9012; }
.comp2 dd { font:15px "Microsoft Yahei"; line-height:30px; }
.nri{ font-size:15px;}
.nri a{ font-size:15px;}
.nri a:hover{ font-size:15px;}


.pk h2{ margin:60px auto 17px;  overflow:hidden; text-align:center; font:28px/28px "Microsoft Yahei"; color:#222; background:url(/templets/home/images/pk_t.png) no-repeat left top;}
.pk h2 i{ color:#0063b8; font:bold 36px/50px "Microsoft Yahei"; display:block;}
.pk h2 i b{ color:#1ea50c; font:bold 42px/50px "Microsoft Yahei";}

.pk h3{ margin-bottom:25px; height:100px; overflow:hidden; font:bold 26px/100px "Microsoft Yahei"; color:#fff; text-align:center; background:url(/templets/home/images/pk_t2.jpg) no-repeat center top;}

.pk1{ position:relative; width:1000px; overflow:hidden; margin:auto; background:url(/templets/home/images/nb2.png);}
.pk1 p{ position:absolute; top:51px; left:456px; overflow:hidden; width:92px; height:92px; overflow:hidden; background:url(/templets/home/images/pk_p1.jpg) no-repeat left top; color:#fff; font: bold 24px/92px "Microsoft Yahei"; text-align:center;}
.pk1 dl{ margin-bottom:25px; float:left; width:420px; overflow:hidden;}
.pk1 dt{ margin-bottom:15px; width:420px; height:203px; overflow:hidden;}
.pk1 dt img{ width:420px; height:203px; }
.pk1 dd{ margin-right:21px; padding-left:17px; font:20px/24px "Microsoft Yahei"; color:#666; background:url(/templets/home/images/pk_ic.gif) no-repeat left 8px;}
.pk1 .pk_dl2{ float:right;}
.pk1 .pk_dl2 dd{ margin:0 0 0 21px;}


.wen{line-height:30px;font-size:14px;}


.classify{ width:255px; overflow:visible; margin:0 25px 30px 0;background-color:#e0e0e0;}

.classify h2{ font-weight:normal;color:#fff;font-size:16px;font-family:"Arial"; height:96px; background:url(/assets/Front/images/pro_icon1.jpg) center center no-repeat; line-height:20px; width:255px;text-align:center;}

.classify h2 b a{ font-size:24px; line-height:58px;color:#fff;font-family: "Microsoft YaHei"; display:block; text-decoration:none;}

.classify h3{ /*height:45px;*/ line-height:40px; padding:0 0 0 38px; background:url(/assets/Front/images/pro_icon2.jpg) 0 center no-repeat;border-bottom: solid 1px #fff; overflow:hidden;}

.classify h3 a{font-size:15px;text-decoration:none;color:#353535;}

.classify ul{width:205px; overflow:visible;}

.classify ul li{border-bottom:solid 1px #fff; height:35px; line-height:35px; position:relative; z-index:88;}

.classify ul li.last{border-bottom:none;}

.classify ul li a{ margin:0 6px;height:35px; width:201px; line-height:35px;background: url(/assets/Front/images/pro_icon3.jpg) 18px center no-repeat; background-color:#f2f2f2; padding:0 0 0 42px;font-size:14px; color:#353535; display:block; }

.classify ul.classify_list li a{padding:0 0 0 30px;}

.classify li ul{width:146px;height:auto; background:url(/assets/Front/images/bt01.gif) no-repeat left 12px #efefef;padding:14px 10px 25px 24px; z-index:99; position:absolute; right:-180px; top:0; display:block;}

.classify li ul li{height:34px; line-height:34px;z-index:9; border:0;}

.classify li ul li a{height:34px; line-height:34px;font-size:13px; color:#494848; font-family: "Microsoft YaHei"; background:none; padding:0;}

.classify li ul li a:hover{color:#494848; font-family: "Microsoft YaHei";}

li.fuck ul {display:none;}
li.fuck:hover ul {display:block;}

#floatTips .sub-nav a:hover {color: #fff;}