@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#585858;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#585858;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架*/
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;color:#585858;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.an{ background:url(/images/pro2017/zhongji/dzb/an.png) no-repeat;}
.hui{ background: #f9f9f9;}
.ge{ background:url(/images/pro2017/zhongji/dzb/dzb_47.png);}

/*页头*/
.header{ background:url(/images/pro2017/zhongji/dzb/dzb_01.png) no-repeat center top; height: 415px; overflow: hidden;}
.header .logo{ top:10px; left: 0; -webkit-animation-delay: 1s; animation-delay: 1s;}
.header .txt1{ top:83px; left: 0;}
.header .txt2{ top:151px; left: 0; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.header .txt3{ width: 1000px; height: 64px; top:265px; left: 0; background:url(/images/pro2017/zhongji/dzb/dzb_05.png) no-repeat; text-align: center; line-height: 64px; font-size: 30px; color: #fff; -webkit-animation-delay: 1s; animation-delay: 1s;}
.Change,.Change01{ color: #fff; right: 0; top: 35px; font-size: 16px; position: absolute; display: block;}
.Change01{right:115px;}
/*什么是*/
.sms{ padding: 35px 0;}
.sms .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_06.png) no-repeat; padding:62px 0 0 448px; line-height: 48px; font-size: 36px;}
.sms .lht{ width:491px; height:398px; overflow:hidden; position:relative; z-index:9;}
.sms .lht li{ display:inline; width:491px; height:398px; float:left; position:relative;}
.sms .lht .tp { display: block; width:491px; height:398px; overflow: hidden; position: relative;}
.sms .lht p{ display:block; position:absolute; left:0; bottom:0; width:491px; line-height:58px; text-align:center; font-size:18px; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); z-index: 2;}
:root .sms .lht p{filter:none;}/*for IE9*/
.sms .lht-BtnL,.sms .lht-BtnR{ width:20px; height:62px; cursor:pointer; position:absolute; top:350px; left:0; background-position:0 -67px; z-index: 10;}
.sms .lht-BtnR{ left:auto; right:509px; background-position:-42px -67px;}
.sms .hd{ width: 509px; height: 378px; background: #fff; padding-top: 20px;}
.sms .hd .fd{ width: 32px; height: 38px; top: -20px; left: 20px; background-position:0 0;}
.sms .hd ul{ overflow:hidden; zoom:1;}
.sms .hd ul li{ overflow: hidden; width: 485px; height: 64px; margin:0 auto 10px; background:url(/images/pro2017/zhongji/dzb/dzb_45.png) no-repeat; *vertical-align: top; cursor:pointer; }
.sms .hd ul li .l{ display: inline-block; width: 57px; text-align: center; line-height: 64px; font-size: 24px; color: #fff; margin-left: 24px;}
.sms .hd ul li .r{ display: block; line-height: 64px; font-size: 16px; margin-left: 15px;}
.sms .hd ul li.on{ background:url(/images/pro2017/zhongji/dzb/dzb_46.png) no-repeat;}


/*为什么*/
.wsm{ padding: 35px 0;}
.wsm .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_07.png) no-repeat; padding:62px 0 0 428px; line-height: 48px; font-size: 36px;}
.wsm .subtit{ height: 90px; margin-bottom: 12px; background:url(/images/pro2017/zhongji/dzb/dzb_09.png) no-repeat; padding-top: 26px; color: #fff; line-height: 76px; font-weight: 700; text-shadow: 2px 3px 0 #1563a7; }
.wsm .subtit-l{ padding-left: 30px; font-size: 36px;}
.wsm .subtit-c{ padding-left: 142px; font-size: 24px;}
.wsm .subtit-c i{ font-size: 30px;}
.wsm .subtitb{ background:url(/images/pro2017/zhongji/dzb/dzb_14.png) no-repeat;}
.wsm .subtitc{ height: 97px; padding-top: 19px; background:url(/images/pro2017/zhongji/dzb/dzb_19.png) no-repeat;}
.wsm .subtitd{ height: 88px; padding-top: 28px; background:url(/images/pro2017/zhongji/dzb/dzb_23.png) no-repeat;}
.wsm .question .tp{ float:left;}
.wsm .question .text{ float:right; width:458px; padding:125px 0 0 0;}
.wsm .question .text h3{ font-size:18px; _font-size:16px; line-height:36px; height:60px;  font-weight:bold; overflow:hidden; white-space:nowrap; padding:0 0 30px 0;}
.wsm .question .text b{ font-size:30px;}
.wsm .question .text ul{ background:url(/images/pro2017/zhongji/dzb/xian01.gif) repeat-y 20px;}
.wsm .question .text li{ line-height:24px; font-size:16px; background-position:-99px -429px; padding:10px 0 10px 40px;}
.wsm .question .text strong{ color:#2e3647;}

/*教学团队*/
.jxtd{ padding: 35px 0;}
.jxtd .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_28.png) no-repeat; padding:62px 0 0 214px; line-height: 48px; font-size: 36px;}
.jxtd .lht01{ width:948px; height:368px; overflow:hidden; position:relative; z-index:9; margin-left: 26px;}
.jxtd .lht01 li{ display:inline; width:316px; height:368px; float:left;}
.jxtd .lht01 li .nr{ width: 244px; height: 266px; margin: 50px auto 0; border: 1px solid #d3d3d3; background-color: #fff; font-size: 14px;}
.jxtd .lht01 li .nr .tp{ width: 244px; height: 172px; margin-bottom: 18px;}
.jxtd .lht01 li .nr .t{ height: 26px; line-height: 26px; padding: 0 10px; color: #185ca3; font-size: 16px;}
.jxtd .lht01 li .nr .t a{ color: #185ca3;}
.jxtd .lht01 li .nr .c{ height: 26px; line-height: 26px; padding: 0 10px;}
.jxtd .lht01 li .nr .c-s{ display: block; padding-left: 25px; background-position:0 -440px;}
.jxtd .lht01 li .nr .b{ display: none;}
.jxtd .lht01-BtnL,.jxtd .lht01-BtnR{ width:22px; height:38px; cursor:pointer; position:absolute; top:340px; left:0; background-position:0 -158px;}
.jxtd .lht01-BtnR{ left:auto; right:0; background-position:-40px -158px;}
.jxtd .lht01 li.hover .nr{ width:314px; height:366px; margin: 0;}
.jxtd .lht01 li.hover .nr .tp{ width:314px; height:220px; margin-bottom:10px;}
.jxtd .lht01 li.hover .nr .t{ padding: 0 20px;}
.jxtd .lht01 li.hover .nr .c{ padding: 0 20px;}
.jxtd .lht01 li.hover .nr .b{ display: block; line-height: 24px; color: #999; padding: 0 20px;}

/*课程*/
.kecheng{ padding: 35px 0;}
.kecheng .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_30.png) no-repeat; padding:62px 0 0 354px; line-height: 48px; font-size: 36px;}
.kecheng .cen table{ border-collapse: collapse;}
.kecheng .cen td{ line-height: 18px; padding: 8px 3px; border: 1px solid #b9e7f5; text-align: center;}
.kecheng .cen .test{ background-color: #1973c2; color: #fff;}
.kecheng .cen .f14{ font-size: 14px;}
.kecheng .cen .cy{ color: #fafd18;}
.kecheng .cen .st{ display:inline-block; width: 74px; padding-top: 17px; background-position:30px -444px;}
.kecheng .cen input{ vertical-align: middle; margin-right: 4px;}
.kecheng .btn{ text-align:right; line-height:46px; font-size: 14px; padding:18px 0 26px 0;}
.kecheng .btn .a1{ display:inline-block; width:124px; height:29px; padding-top: 15px; background:#ff9c3e; border-bottom: 2px solid #ed8828; color:#fff; line-height:16px; text-align:center; font-size:16px; margin:0 0 0 30px; }
.kecheng .btn .a1:hover{ text-decoration: none;}
.kecheng .sm{ line-height:26px; font-size:14px;}
.kecheng .sm a{ color:#f6720f;}

/*通栏广告*/
.bannerbg{ background:url(/images/pro2017/zhongji/dzb/dzb_32.png) no-repeat center top;}
.banner{ display: block; height: 154px;}

/*服务*/
.fuwu{ padding: 35px 0;}
.fuwu .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_35.png) no-repeat; padding:62px 0 0 338px; line-height: 48px; font-size: 36px;}
.fuwu .txt{ height: 109px; padding: 15px 0 15px 30px;}
.fuwu .txt-l{ width: 109px; height: 77px; line-height: 22px; padding-top: 32px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; background-position: 0 -297px;}
.fuwu .txt-c{ width: 490px; padding: 29px 0 0 24px; font-size: 16px; line-height: 26px;}
.fuwu .txt-c2{ width: 620px; padding: 42px 0 0 24px; font-size: 16px; line-height: 26px; }
.fuwu .txt-c2 i{ height: 26px; display: inline-block; padding: 0 54px 0 22px; background-position:0 -488px;}
.fuwu .txt-c3{ width: 620px;}
.fuwu .txt-fd{ width: 330px; height: 302px; top: 0; right: 0;}
.fuwu .bot{ background: #f7f7f7;}

.sjt{ background:url(/images/pro2016/zhongji/dzb/ico.png) no-repeat; _background:url(/images/pro2016/zhongji/dzb/ico.png) no-repeat}
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15,.g16,.g17{ background:url(/images/pro2016/zhongji/dzb/tu.png) no-repeat;}
.fw-show .g1, .fw-show .g2, .fw-show .g3, .fw-show .g4, .fw-show .g5, .fw-show .g6, .fw-show .g7, .fw-show .g8, .fw-show .g9, .fw-show .g10, .fw-show .g11, .fw-show .g12, .fw-show .g13, .fw-show .g14, .fw-show .g15,.fw-show .g16,.fw-show .g17{ background:url(/images/pro2016/zhongji/dzb/tuh.png) no-repeat}
.fuwu .gd{ padding-bottom: 10px;}
.fuwu .gd li{ float:left; width:125px; padding:10px 0; left:0; top:0;}
.fuwu .gd .tb{ display:block; width:75px; height:75px; margin:0 auto;}
.fuwu .gd span{ display:block; line-height:24px; text-align:center; font-size:16px; padding:8px 0 0 0;}
.fuwu .gd .g1{ background-position:0 0;}
.fuwu .gd .g2{ background-position:0 -75px;}
.fuwu .gd .g3{ background-position:0 -150px;}
.fuwu .gd .g4{ background-position:0 -225px;}
.fuwu .gd .g5{ background-position:-75px 0;}
.fuwu .gd .g5{ background-position:-75px -75px;}
.fuwu .gd .g7{ background-position:-75px -150px;}
.fuwu .gd .g8{ background-position:-75px -225px;}
.fuwu .gd .g9{ background-position:-150px 0;}
.fuwu .gd .g10{ background-position:-150px -75px;}
.fuwu .gd .g11{ background-position:-150px -150px;}
.fuwu .gd .g12{ background-position:-150px -225px;}
.fuwu .gd .g13{ background-position:-225px 0;}
.fuwu .gd .g14{ background-position:-225px -75px;}
.fuwu .gd .g15{ background-position:-225px -150px;}
.fuwu .gd .g16{ background-position:-225px -225px;}
.fuwu .gd .g17{ background-position:-75px  0px;}

.fuwu .gd .fw-show .g1{ background-position:0 0;}
.fuwu .gd .fw-show .g2{ background-position:0 -75px;}
.fuwu .gd .fw-show .g3{ background-position:0 -150px;}
.fuwu .gd .fw-show .g4{ background-position:0 -225px;}
.fuwu .gd .fw-show .g5{ background-position:-75px 0;}
.fuwu .gd .fw-show .g5{ background-position:-75px -75px;}
.fuwu .gd .fw-show .g7{ background-position:-75px -150px;}
.fuwu .gd .fw-show .g8{ background-position:-75px -225px;}
.fuwu .gd .fw-show .g9{ background-position:-150px 0;}
.fuwu .gd .fw-show .g10{ background-position:-150px -75px;}
.fuwu .gd .fw-show .g11{ background-position:-150px -150px;}
.fuwu .gd .fw-show .g12{ background-position:-150px -225px;}
.fuwu .gd .fw-show .g13{ background-position:-225px 0;}
.fuwu .gd .fw-show .g14{ background-position:-225px -75px;}
.fuwu .gd .fw-show .g15{ background-position:-225px -150px;}
.fuwu .gd .fw-show .g16{ background-position:-225px -225px;}
.fuwu .gd .fw-show .g17{ background-position:-75px  0px;}

.fuwu .gd .show{ display:none; width:355px; border:2px solid #15a0fe; border-top:7px solid #15a0fe; background:#fff; border-radius:5px; position:absolute; left:12px; top:94px; z-index:111;}
.fuwu .gd .show .sjt{ width:18px; height:8px; background-position:0 -192px; position:absolute; left:38px; top:-15px;}
.fuwu .gd .show p{ font-size:16px; padding:10px 20px; line-height:24px;}
.fuwu .gd .fw-show{position:relative;}
.fuwu .gd .fw-show .show{ display:block;}
.fuwu .gd .dw1{ left:-113px;}
.fuwu .gd .show .dw2{ left:166px;}
.fuwu .gd .dw3{ left:-238px;}
.fuwu .gd .show .dw4{ left:291px;}

/*优秀学员*/
.yxxy{ padding: 35px 0;}
.yxxy .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_41.png) no-repeat; padding:62px 0 0 278px; line-height: 48px; font-size: 36px;}
.addAccCon ul{ width:666px; height:433px; position:relative;}
.addAccCon ul li{width:162px;height:214px; overflow:hidden;position:absolute;left:0;top:0;}
.addAccCon ul li .aaHd{width:100%;height:43px; line-height:43px;filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#B2000000, endColorstr=#B2000000);background:rgba(0,0,0,0.7); position:absolute;left:0;bottom:0; font-size:14px; text-align:center; color:#fff;}
.addAccCon ul li .aaHd span{font-size:16px;margin-right:5px;}
.addAccCon ul li .aaBd{width:100%;height:195px;padding-top:19px;filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr=#99000000, endColorstr=#99000000);background:rgba(0,0,0,0.6);font-size:16px;line-height:26px; position:absolute;left:0;top:-214px;}
:root .addAccCon ul li .aaHd,:root .addAccCon ul li .aaBd{filter:none;}/*for IE9*/
.addAccCon ul li .aaBd b{line-height:36px; display:block; color:#ffc103; font-size:30px;padding-left:12px;}
.addAccCon ul li .aaBd span{display:block;color:#ffc103; padding:3px 0 3px 12px; line-height:20px;}
.addAccCon ul li .aaBd p{padding:7px 0 0 12px; color:#fff;}
.addAccCon ul li.aaLi02{left:167px;}
.addAccCon ul li.aaLi03{width:330px;left:336px;}
.addAccCon ul li.aaLi04{top: 219px;}
.addAccCon ul li.aaLi05{top: 219px;left:167px;}
.addAccCon ul li.aaLi06{height:105px;left:336px;top:219px;}
.addAccCon ul li.aaLi07{height:105px;left:336px;top:328px;}
.addAccCon ul li.aaLi08{height:105px;left:503px;top:219px;}
.addAccCon ul li.aaLi09{height:105px;left:503px;top:328px;}
.addAccCon .addAccMore{padding:30px 0;text-align:center;}
.addAccCon .addAccMore a{padding:0 58px; border:1px solid #fff; color:#fff; font-size:18px; display:inline-block;  line-height:34px;}
.addAccCon ul li.aaLi06 .aaBd,.addAccCon ul li.aaLi07 .aaBd,.addAccCon ul li.aaLi08 .aaBd,.addAccCon ul li.aaLi09 .aaBd{height:205px;padding-top:9px;}
.yxxy .tgl{ width: 320px; height: 433px; background: #fff; padding-left: 14px;}
.yxxy .tgl-t{ width: 94px; height:36px; padding-left: 32px; line-height: 36px; font-size: 16px; color: #fff; margin-bottom: 30px; background-position: 0 -229px;}
.yxxy .tgl-c{ margin-bottom: 20px;}
.yxxy .tgl-b{ line-height: 24px; font-size: 13px; text-align: center;}

/*学员心声*/
.xyxs{ padding: 35px 0;}
.xyxs .tit{ height: 51px; margin-bottom: 35px; background:url(/images/pro2017/zhongji/dzb/dzb_43.png) no-repeat; padding:62px 0 0 504px; line-height: 48px; font-size: 36px;}
.xyxsBd{height:653px; overflow:hidden;*position:relative;}
.xyxsBd li{height:147px; background:url(/images/pro2016/zhongji/xyxsBg.png) no-repeat left bottom; margin-bottom:20px;}
.xyxsBd li .xshead{float:left;}
.xyxsBd li .xsbody{padding:14px 54px 0 168px;}
.xyxsBd li .xsbody span{line-height:46px;display:block;color:#2577bf;font-size:20px;}
.xyxsBd li .xsbody p{text-indent:2em;line-height:30px;color:#666; font-size:16px;}
.xyxsBd li .xsbody p a{color:#666;}
.xyxsBd li.rshead .xshead{float:right;}
.xyxsBd li.rshead .xsbody{padding-left:55px;}

/*二维码*/
.ewmbg{ background:url(/images/pro2017/zhongji/dzb/dzb_44.png) no-repeat center top;}
.ewm{ height: 226px;}
.ewm .l{ width: 315px; padding:118px 0 0 102px; line-height: 36px; font-size: 24px; color: #fff; font-weight: 700;}
.ewm .c{ width: 224px; margin-right: 33px; padding-top: 55px; text-align: center;}
.ewm .c p{ line-height: 30px; color: #fff; font-size: 14px;}
.ewm .r{ width: 224px; padding-top: 17px; text-align: center;}
.ewm .r-t{ line-height: 80px; font-size: 18px; color: #31bbfa;}
.ewm .r-b{ line-height: 32px; font-size: 26px; font-weight: 700; color: #fff;}

/*提示弹框*/
.dataHint{display:inline-block; text-indent:0; position:relative;z-index:11;}
.dataHint em{color:#f6720f; font-style:normal; cursor:pointer;}
.hint-cpm{padding-top:10px;background:url(about:blank);position:absolute;top:25px;left:50%;}
.hint-cpm .hCpm-bd{padding:8px;text-align:left;border:solid 1px #ebb16e;background:#fffae5;color:#5d5c5c;font-weight:normal;}
.hCpm-bd p{line-height:20px;font-size:12px;}
.hCpm-bd .ti2{text-indent:2em;}
.hint-cpm i{width:19px;height:11px;line-height:0px; font-size:0px;display:block; position:absolute;left:50%;top:0; margin-left:-9px;background:url(/images/hint-i.gif) no-repeat;}
.hCpm-bd p a:link,.hCpm-bd p a:visited{color:#f6720f;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-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);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-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);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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