/*@charset "utf-8";
html{font-size:62.5%;font-family:"微软雅黑";}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
body{line-height:1.333;font-size:12px;font-size:1.2rem}
h1,h2,h3,h4,h5,h6{font-size:100%}
input,textarea,select,button{font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}*/
li{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img,a img,iframe{border-width:0;border-style:none}
.clear{clear:both;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.cl { zoom: 1; }
.t2{ margin-top:20px;}
.t4{ margin-top:40px;}
.t5{ margin-top:50px;}
/*--- 公共样式 ----*/
.posa{position: absolute;}
.posr{position: relative;}
html{ background:url(../images/bg.png) center; background-size:100% 100%; overflow: hidden;}

/*横向*/
body { width: 100%;  *cursor: default;
overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10 ,.page11,.page12,.page13,.page14,.page15,.page16,.page17,.page18,.page19,.page20,.page21,.page22,.page23 
{ background:url(../images/bg.png) center; background-size:100% 100%;}


.navWraps{overflow: hidden;  z-index: 98; position: absolute; bottom:0; left:0; width:100%; background-color: rgba(255,255,255,.6); cursor: move; height:73px; box-shadow: 0 -2px 2px rgba(0,0,0,.3);}
.navWraps li{position: absolute; width:140px; height:52px; line-height: 23px; background-color: #d6d6d6; text-indent: 7px; cursor: pointer; font-family: "Helvetica Neue"; font-size: 16px; font-weight: bold; color:#7d7e7e;}
.navWraps li:before{content: " "; position: absolute; top:-99px; left:0; width:1px; background-color: #d6d6d6; height:300px;}
.navWraps li:hover,.navWraps li.on{z-index: 9; background-color: #3f3f3f; color:#fff;}
.navWraps li:hover:before{background-color: #3f3f3f;}
.navWraps li.on:before{background-color: #0088cc;}
.timeAxis{position: absolute; top:0; left:50%; width:3px; margin-left: -2px; height:73px; background-color: #0088cc; z-index: 99; box-shadow: 0 0 1px rgba(0,0,0,.2)}
.timeAxis:before{content:" "; position: absolute; width:21px; left:-9px; top:0; height:10px; background: url(../images/line_arrow.png) no-repeat;}
#navBar{position: relative; left:50%;  transition-duration: 500ms!important; -webkit-transition-duration: 500ms!important;}
.hide{display: none;}
.handleWrap a{position: absolute; top:0; height:100%; z-index: 90; width:60px; background: url(../images/prev.png) no-repeat 50% 50%; opacity: .6;}
.handleWrap a.h_prev{left:0;}
.handleWrap a.h_next{right:0; background-image: url(../images/next.png);}
.handleWrap a:hover{opacity: .9;}


.navdian { z-index: 3; position: absolute; top: 6.2%; left: 50%; width:1244px; margin-left:-622px; opacity:0.7;}
.navdian li { width: 54px; text-align: center; float:left; cursor: pointer;}
.navdian li span { display:inline-block; width: 8px; height: 8px; line-height:8px; background:#fff; border-radius:50%;}
.xian { position: absolute; top: 9.3%; left: 0; width:100%; border-bottom:1px #fff dashed; z-index: 2; opacity:0.3;}

/*#navBar li @font-face { 
  font-family:  SketchRockwell; 
  src: url(‘constanb_0.ttfF’); 
} 
*/
.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}
/*横向end*/

.p1{ width: 1458px; height: 700px; left: 50%;top: 52%; margin-left: -734px; margin-top: -380px;}
.p1-0{ width:770px; height:75px; position: absolute; left: -118px;top: 295px; text-align: center; color:#fff; font-size:14px;}
.p1-0 strong { font-size:20px !important; margin-right:20px;}
.p11{ margin:15px auto 0; width:500px; height:86px; background:url(../images/page1-2.png) no-repeat; background-size:100% 100%;}
.p12 { margin:10px auto 0; width:700px; height:465px; background:url(../images/page1.png) no-repeat;}
.p13 { margin:0 auto; width:700px; height:120px; background:url(../images/page1-1.png) no-repeat;}

.p3{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p31 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p32{ right: -175px;}
.p1866{ margin:0 30px 70px 0; text-align:right;}

.p4{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p41 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p42{ right: -175px;}
.p1873{ margin:0 30px 100px 0; text-align:right;}

.p5{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p51 { width:800px; height:875px; position: absolute; left: -157px; top: -125px;}
.p52{ right: -175px;}
.p1876{ margin:0 30px 70px 0; text-align:right;}

.p6{ width: 1458px; height: 672px; left: 50%; top: 50%; margin-left: -734px; margin-top: -336px;}
.p61 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p62{ right: -175px;}
.p1892{ margin:0 30px 70px 0; text-align:right;}
.bz6 { position: absolute; right: 20px; bottom: 20px;}

.p7{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p71 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p72{ right: -175px;}
.p1895{ margin:0 30px 70px 0; text-align:right;}
.bz7 { position: absolute; right: 20px; bottom: 20px;}

.p8{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p81 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p82{ right: -175px;}
.p1920{ margin:0 30px 5px 0; text-align:right;}

.p9{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p91 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p92{ right: -175px;}
.p1939{ margin:0 30px 70px 0; text-align:right;}

.p10{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p101 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p102{ right: -175px;}
.p1945{ margin:0 30px 70px 0; text-align:right;}

.p110{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p111 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p112{ right: -175px;}
.p1954{ margin:0 30px 15px 0; text-align:right;}

.p120{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p121 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p122{ right: -175px;}
.p1965{ margin:0 30px 110px 0; text-align:right;}

.p130{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p131 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p132{ right: -175px;}
.p1978{ margin:0 30px 110px 0; text-align:right;}

.p140{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p141 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p142{ right: -175px;}
.p1986{ margin:0 30px 70px 0; text-align:right;}
.bz14 { position: absolute; right: 0; bottom: 0px;}

.p150{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p151 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p152{ right: -175px;}
.p1996{ margin:0 30px 110px 0; text-align:right;}

.p160{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p161 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p162{ right: -175px;}
.p2000{ margin:0 30px 110px 0; text-align:right;}

.p170{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p171 { width:800px; height:875px; position: absolute; left: -157px; top: -106.5px;}
.p172{ right: -175px;}
.p2005{ margin:0 30px 130px 0; text-align:right;}
.bz17 { position: absolute; right: 20px; bottom: 20px;}

.p180{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p181 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p182{ right: -175px;}
.p2009{ margin:0 30px 110px 0; text-align:right;}

.p190{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p191 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p192{ right: -175px;}
.p2011{ margin:0 30px 70px 0; text-align:right;}
.bz19 { position: absolute; right: 75px; bottom: 120px;}

.p20{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p201 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p202{ right: -175px;}
.p2013{ margin:0 30px 110px 0; text-align:right;}

.p21{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p211 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p212{ right: -175px;}
.p2013{ margin:0 30px 110px 0; text-align:right;}

.p22{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p221 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p222{ right: -175px;}
.p2014{ margin:0 30px 110px 0; text-align:right;}

.p23{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p231 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p232{ right: -175px;}
.p2015{ margin:0 30px 110px 0; text-align:right;}
.bz23 { width:32%; position: absolute; right: 20px; bottom: 100px;}

.p24{ width: 1458px; height: 672px; left: 50%;top: 50%; margin-left: -734px; margin-top: -336px;}
.p241 { width:800px; height:875px; position: absolute; left: -157px; top: -115px;}
.p242{ right: -175px;}
.p2015{ margin:0 30px 110px 0; text-align:right;}

.arrow{width: 94px; height: 55px; bottom: 20px; left: 50%; margin-left: -47px;}

@media screen and (min-width:980px) and (max-width:1366px){
	
.p3{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p31 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p31 img { width:100%; margin-top:100px;}
.p32{ width:520px; height:672px; right: -45px;}
.p32 div:first-child img { width:50%;}
.p32 div:last-child img { width:100%;}
.p1866{ margin:0 30px 70px 0;}

.p4{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p41 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p41 img { width:100%; margin-top:100px;}
.p42{ width:520px; height:672px; right: -45px;}
.p42 div:first-child img { width:50%;}
.p42 div:last-child img { width:100%;}
.p1873{ margin:0 30px 100px 0; text-align:right;}

.p5{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p51 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p51 img { width:100%; margin-top:100px;}
.p52{ width:520px; height:672px; right: -45px;}
.p52 div:first-child img { width:50%;}
.p52 div:last-child img { width:100%;}
.p1876{ margin:0 30px 70px 0; text-align:right;}

.p6{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p61 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p61 img { width:100%; margin-top:100px;}
.p62{ width:520px; height:672px; right: -45px;}
.p62 div:first-child img { width:50%;}
.p62 div:last-child img { width:100%;}
.p1892{ margin:0 30px 70px 0; text-align:right;}
.bz6 { position: absolute; right: 20px; bottom: 20px; width:30% !important;}

.p7{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p71 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p71 img { width:100%; margin-top:100px;}
.p72{ width:520px; height:672px; right: -45px;}
.p72 div:first-child img { width:50%;}
.p72 div:last-child img { width:100%;}
.p1895{ margin:0 30px 70px 0; text-align:right;}
.bz7 { position: absolute; right: 20px; bottom: 20px; width:30% !important;}

.p8{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p81 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p81 img { width:100%; margin-top:100px;}
.p82{ width:520px; height:672px; right: -45px;}
.p82 div:first-child img { width:50%;}
.p82 div:last-child img { width:100%;}
.p1920{ margin:0 30px 5px 0; text-align:right;}

.p9{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p91 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p91 img { width:95%; margin-top:100px;}
.p92{ width:520px; height:672px; right: -45px;}
.p92 div:first-child img { width:50%;}
.p92 div:last-child img { width:100%;}
.p1939{ margin:0 30px 70px 0; text-align:right;}

.p10{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p101 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p101 img { width:100%; margin-top:100px;}
.p102{ width:520px; height:672px; right: -45px;}
.p102 div:first-child img { width:50%;}
.p102 div:last-child img { width:100%;}
.p1945{ margin:0 30px 70px 0; text-align:right;}

.p110{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p111 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p111 img { width:100%; margin-top:100px;}
.p112{ width:520px; height:672px; right: -45px;}
.p112 div:first-child img { width:50%;}
.p112 div:last-child img { width:100%;}
.p1954{ margin:0 30px 15px 0; text-align:right;}

.p120{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p121 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p121 img { width:100%; margin-top:100px;}
.p122{ width:520px; height:672px; right: -45px;}
.p122 div:first-child img { width:50%;}
.p122 div:last-child img { width:100%;}
.p1965{ margin:0 30px 110px 0; text-align:right;}

.p130{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p131 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p131 img{ width:100%; margin-top:100px;}
.p131 img:last-child { width:100%;}
.p132{ width:520px; height:672px; right: -45px;}
.p132 div:last-child img:first-child  { width:50%;}
.p132 div:last-child img:last-child  { width:100%;}
.p1978{ margin:0 30px 110px 0; text-align:right;}

.p140{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p141 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p141 img { width:100%; margin-top:100px;}
.p142{ width:520px; height:672px; right: -45px;}
.p142 div:first-child img { width:50%;}
.p142 div:last-child img { width:100%;}
.p1986{ margin:0 30px 70px 0; text-align:right;}
.bz14 { position: absolute; right: 0; bottom: 4px; width:100% !important;}

.p150{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p151 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p151 img { width:100%; margin-top:100px;}
.p152{ width:520px; height:672px; right: -45px;}
.p152 div:first-child img { width:50%;}
.p152 div:last-child img { width:100%;}
.p1996{ margin:0 30px 110px 0; text-align:right;}

.p160{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p161 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p161 img { width:100%; margin-top:100px;}
.p162{ width:520px; height:672px; right: -45px;}
.p162 div:first-child img { width:50%;}
.p162 div:last-child img { width:100%;}
.p2000{ margin:0 30px 110px 0; text-align:right;}

.p170{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p171 { width:520px; height:672px; position: absolute; left: -100px; top: -106.5px;}
.p171 img { width:100%; margin-top:104px;}
.p172{ width:520px; height:672px; right: -45px;}
.p172 div:first-child img { width:50%;}
.p172 div:last-child img { width:100%;}
.p2005{ margin:0 30px 130px 0; text-align:right;}
.bz17 { position: absolute; right: 20px; bottom: 20px; width:100% !important;}

.p180{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p181 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p181 img { width:100%; margin-top:100px;}
.p182{ width:520px; height:672px; right: -45px;}
.p182 div:first-child img { width:50%;}
.p182 div:last-child img { width:100%;}
.p2009{ margin:0 30px 110px 0; text-align:right;}

.p190{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p191 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p191 img { width:100%; margin-top:100px;}
.p192{ width:520px; height:672px; right: -45px;}
.p192 div:first-child img { width:50%;}
.p192 div:last-child img { width:100%;}
.p2011{ margin:0 30px 70px 0; text-align:right;}
.bz19 { position: absolute; right: 75px; bottom: 120px; width:30% !important;}

.p20{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p201 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p201 img { width:100%; margin-top:100px;}
.p202{ width:520px; height:672px; right: -45px;}
.p202 div:first-child img { width:50%;}
.p202 div:last-child img { width:100%;}
.p2013{ margin:0 30px 110px 0; text-align:right;}

.p21{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p211 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p211 img { width:100%; margin-top:100px;}
.p212{ width:520px; height:672px; right: -45px;}
.p212 div:first-child img { width:50%;}
.p212 div:last-child img { width:100%;}
.p2013{ margin:0 30px 110px 0; text-align:right;}

.p22{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p221 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p221 img { width:100%; margin-top:100px;}
.p222{ width:520px; height:672px; right: -45px;}
.p222 div:first-child img { width:50%;}
.p222 div:last-child img { width:100%;}
.p2014{ margin:0 30px 110px 0; text-align:right;}

.p23{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p231 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p231 img { width:100%; margin-top:100px;}
.p232{ width:520px; height:672px; right: -45px;}
.p232 div:first-child img { width:50%;}
.p232 div:last-child img { width:100%;}
.p2015{ margin:0 30px 110px 0; text-align:right;}
.bz23 { width:32%; position: absolute; right: 20px; bottom: 100px; width:30% !important;}

.p24{ width: 1095px; height: 672px; left: 50%;top: 50%; margin-left: -520px; margin-top: -260px;}
.p241 { width:520px; height:672px; position: absolute; left: -100px; top: -115px;}
.p241 img { width:100%; margin-top:100px;}
.p242{ width:520px; height:672px; right: -45px;}
.p242 div:first-child img { width:50%;}
.p242 div:last-child img { width:100%;}
.p2015{ margin:0 30px 110px 0; text-align:right;}
}
/*animate*/
/*animate*/
.fadeInRight3{
	-webkit-animation:fadeInRight3 1s infinite ease both;
    -moz-animation:fadeInRight3 1s infinite ease both;
    -ms-animation:fadeInRight3 1s infinite ease both;
    -o-animation:fadeInRight3 1s infinite ease both;
    animation:fadeInRight3 1s infinite ease both;
}
.fadeInRotate1{
    -webkit-animation:fadeInRotate1 1s .7s ease-in-out;
    -moz-animation:fadeInRotate1 1s .7s ease-in-out;
    -ms-animation:fadeInRotate1 1s .7s ease-in-out;
    -o-animation:fadeInRotate1 1s .7s ease-in-out;
    animation:fadeInRotate1 1s .7s ease-in-out;
}
.fadeInRotate2{
    -webkit-animation:fadeInRotate2 1s .5s ease-in-out;
    -moz-animation:fadeInRotate2 1s .5s ease-in-out;
    -ms-animation:fadeInRotate2 1s .5s ease-in-out;
    -o-animation:fadeInRotate2 1s .5s ease-in-out;
    animation:fadeInRotate2 1s .5s ease-in-out;
}

.fadeOutUp{
    -webkit-animation:2s fadeOutUp ease-in-out infinite;
    animation:2s fadeOutUp ease-in-out infinite;
    -ms-animation:2s fadeOutUp ease-in-out infinite;
    -moz-animation:2s fadeOutUp ease-in-out infinite;
    -o-animation:2s fadeOutUp ease-in-out infinite;
}
.fadeInDown{
    -webkit-animation:fadeInDown 1s .5s ease both;
    -moz-animation:fadeInDown 1s .5s ease both;
    -ms-animation:fadeInDown 1s .5s ease both;
    -o-animation:fadeInDown 1s .5s ease both;
    animation:fadeInDown 1s .5s ease both;
}
.fadeInDown2{
    -webkit-animation:fadeInDown2 2s .1s ease both;
    -moz-animation:fadeInDown2 2s .1s ease both;
}
.fadeInUp{
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;
    -o-animation:fadeInUp 1s .2s ease both;
    -ms-animation:fadeInUp 1s .2s ease both;
    animation:fadeInUp 1s .2s ease both;
}
.fadeInRight{
    -webkit-animation:fadeInRight 1s 1s ease both;
    -moz-animation:fadeInRight 1s 1s ease both;
    -ms-animation:fadeInRight 1s 1s ease both;
    -o-animation:fadeInRight 1s 1s ease both;
    animation:fadeInRight 1s 1s ease both;
    /*-ms-transform:translateX(100px);*/
}
.fadeInRightCar{
    -webkit-animation:fadeInRight 2s .2s ease both;
    -moz-animation:fadeInRight 2s .2s ease both;
    -ms-animation:fadeInRight 2s .2s ease both;
    -o-animation:fadeInRight 2s .2s ease both;
    animation:fadeInRight 2s .2s ease both;
}
.fadeInLeft{
    -webkit-animation:fadeInLeft 1s .2s ease both;
    -moz-animation:fadeInLeft 1s .2s ease both;
    animation:fadeInLeft 1s .2s ease both;
    -ms-animation:fadeInLeft 1s .2s ease both;
    -o-animation:fadeInLeft 1s .2s ease both;
    /*-ms-transform:translateX(-50px);*/
}
.fadeInLeft2{
    -webkit-animation:fadeInLeft2 1.5s .2s ease both;
    -moz-animation:fadeInLeft2 1.5s .2s ease both;
    -ms-animation:fadeInLeft2 1.5s .2s ease both;
    -o-animation:fadeInLeft2 1.5s .2s ease both;
    animation:fadeInLeft2 1.5s .2s ease both;
}
.bounceInLeft{
    -webkit-animation:bounceInLeft 1s .2s ease both;
    -moz-animation:bounceInLeft 1s .2s ease both;
    -o-animation:bounceInLeft 1s .2s ease both;
    -ms-animation:bounceInLeft 1s .2s ease both;
    animation:bounceInLeft 1s .2s ease both;
}
.bounceIn{
    -webkit-animation:bounceIn 1s .2s ease forwards ;
    -moz-animation:bounceIn 1s .2s ease forwards;
    -ms-animation:bounceIn 1s .2s ease forwards;
    -o-animation:bounceIn 1s .2s ease forwards;
    animation:bounceIn 1s .2s ease forwards;
}
.bounceIn2{
    -webkit-animation:bounceIn2 1s .2s ease both;
    -moz-animation:bounceIn2 1s .2s ease both;
    -o-animation:bounceIn2 1s .2s ease both;
    -ms-animation:bounceIn2 1s .2s ease both;
    animation:bounceIn2 1s .2s ease both;
}
.fadeIn{
    -webkit-animation:fadeIn 1.5s .2s ease both;
    -moz-animation:fadeIn 1.5s .2s ease both;
    -o-animation:fadeIn 1.5s .2s ease both;
    -ms-animation:fadeIn 1.5s .2s ease both;
    animation:fadeIn 1.5s .2s ease both;
}
@-webkit-keyframes fadeInRotate1 {
    0% {-webkit-transform:rotate(-12deg);}
    50% {-webkit-transform:rotate(10deg);}
}
@-ms-keyframes fadeInRotate1 {
    0% {-webkit-transform:rotate(-12deg);}
    50% {-webkit-transform:rotate(10deg);}
}
@-moz-keyframes fadeInRotate1 {
    0% {-webkit-transform:rotate(-12deg);}
    50% {-webkit-transform:rotate(10deg);}
}
@-o-keyframes fadeInRotate1 {
    0% {-webkit-transform:rotate(-12deg);}
    50% {-webkit-transform:rotate(10deg);}
}
@keyframes fadeInRotate1 {
    0% {-webkit-transform:rotate(-12deg);}
    50% {-webkit-transform:rotate(10deg);}
}
@-webkit-keyframes fadeInRotate2 {
    0% {-webkit-transform:translateY(0px);}
	30% {-webkit-transform:translateY(-50px);}
	70% {-webkit-transform:translateY(50px);}
    100% {-webkit-transform:translateY(0);}
}
@-ms-keyframes fadeInRotate2 {
    0% {-webkit-transform:translateY(0px);}
	30% {-webkit-transform:translateY(-50px);}
	70% {-webkit-transform:translateY(50px);}
    100% {-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInRotate2 {
    0% {-webkit-transform:translateY(0px);}
	30% {-webkit-transform:translateY(-50px);}
	70% {-webkit-transform:translateY(50px);}
    100% {-webkit-transform:translateY(0);}
}
@-o-keyframes fadeInRotate2 {
    0% {-webkit-transform:translateY(0px);}
	30% {-webkit-transform:translateY(-50px);}
	70% {-webkit-transform:translateY(50px);}
    100% {-webkit-transform:translateY(0);}
}
@keyframes fadeInRotate2 {
    0% {-webkit-transform:translateY(0px);}
	30% {-webkit-transform:translateY(-50px);}
	70% {-webkit-transform:translateY(50px);}
    100% {-webkit-transform:translateY(0);}
}
@-webkit-keyframes fadeOutUp {
    0% {opacity: 1;-webkit-transform: translateY(0px);
        transform: translateY(0px);}
    50% {opacity: 0.3;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);}
}
@-ms-keyframes fadeOutUp {
    0% {opacity: 1;-ms-transform: translateY(0px);transform: translateY(20);}
    50% {opacity: 0.2;-ms-transform: translateY(-20px);transform: translateY(-20px);}
}
@-moz-keyframes fadeOutUp {
    0% {opacity: 1;-moz-transform: translateY(0px);transform: translateY(20);}
    50% {opacity: 0.2;-moz-transform: translateY(-20px);transform: translateY(-20px);}
}
@-o-keyframes fadeOutUp {
    0% {opacity: 1;-o-transform: translateY(0px);transform: translateY(20);}
    50% {opacity: 0.2;-o-transform: translateY(-20px);transform: translateY(-20px);}
}
@keyframes fadeOutUp {
    0% {opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(20);}
    50% {opacity: 0.2;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
    }
    100%{opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;
        -moz-transform:translateY(-50px);
        transform:translateY(-50px);
    }
    100%{opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0);
    }
}
@-ms-keyframes fadeInDown{
     0%{opacity:0;
         -ms-transform:translateY(-50px);
         transform:translateY(-50px);
     }
     100%{opacity:1;
         -ms-transform:translateY(0);
         transform:translateY(0);
     }
 }
@-o-keyframes fadeInDown{
    0%{opacity:0; -o-transform:translateY(-50px);transform:translateY(-50px);}
    100%{opacity:1;-o-transform:translateY(0px);transform:translateY(0); }
}
@keyframes fadeInDown{
    0%{opacity:0; transform:translateY(-50px);}
    100%{opacity:1;transform:translateY(0); }
}
@-webkit-keyframes fadeInDown2{
    0%{opacity:0;-webkit-transform:translateY(200px); transform:translateY(200px); }
    100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@-moz-keyframes fadeInDown2{
    0%{opacity:0; -moz-transform:translateY(200px); transform:translateY(200px);}
    100%{opacity:1; -moz-transform:translateY(0);transform:translateY(0);}
}
@-o-keyframes fadeInDown2{
    0%{opacity:0; -o-transform:translateY(200px); transform:translateY(200px);}
    100%{opacity:1; -o-transform:translateY(0);transform:translateY(0);}
}
@-ms-keyframes fadeInDown2{
    0%{opacity:0; -ms-transform:translateY(200px); transform:translateY(200px);}
    100%{opacity:1; -ms-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown2{
    0%{opacity:0; transform:translateY(200px);}
    100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0; -webkit-transform:translateY(50px);transform:translateY(50px);}
    100%{opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0; -moz-transform:translateY(50px);transform:translateY(50px); }
    100%{opacity:1;-moz-transform:translateY(0); transform:translateY(0);}
}
@-ms-keyframes fadeInUp{
    0%{opacity:0; -ms-transform:translateY(50px);transform:translateY(50px); }
    100%{opacity:1;-ms-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0; -webkit-transform:translateX(50px);transform:translateX(50px); }
    100%{opacity:1; -webkit-transform:translateX(0);transform:translateX(0);}
}
@-moz-keyframes fadeInRight{
    0%{opacity:0; -moz-transform:translateX(50px);transform:translateX(50px);}
    100%{opacity:1; -moz-transform:translateX(0);transform:translateX(0);}
}
@-ms-keyframes fadeInRight{
    0%{opacity:0; -ms-transform:translateX(50px);transform:translateX(50px);}
    100%{opacity:1; -ms-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes fadeInRight2{
    0%{opacity:0; -webkit-transform:translateX(300px);transform:translateX(300px);}
    100%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
}
@-moz-keyframes fadeInRight2{
    0%{opacity:0; -moz-transform:translateX(300px);transform:translateX(300px); }
    100%{opacity:1; -moz-transform:translateX(0);transform:translateX(0);}
}
@-ms-keyframes fadeInRight2{
    0%{opacity:0; -ms-transform:translateX(300px);transform:translateX(300px); }
    100%{opacity:1; -ms-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0; -webkit-transform:translateX(-50px);transform:translateX(-50px); }
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-moz-keyframes fadeInRight2{
    0%{opacity:0; -moz-transform:translateX(300px);transform:translateX(300px);}
    100%{opacity:1;-moz-transform:translateX(0); transform:translateX(0);}
}
@-ms-keyframes fadeInRight2{
    0%{opacity:0; -ms-transform:translateX(300px);transform:translateX(300px);}
    100%{opacity:1;-ms-transform:translateX(0); transform:translateX(0);}
}
@-webkit-keyframes fadeInRight3{
    0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100%{ -webkit-transform:rotate(5deg); transform:rotate(5deg);}
}
@-moz-keyframes fadeInRight3{
    0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100%{ -webkit-transform:rotate(5deg); transform:rotate(5deg);}
}
@-ms-keyframes fadeInRight3{
    0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100%{ -webkit-transform:rotate(5deg); transform:rotate(5deg);}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-50px); transform:translateX(-50px);}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-ms-keyframes fadeInLeft{
    0%{opacity:0;-ms-transform:translateX(-50px); transform:translateX(-50px);}
    100%{opacity:1;-ms-transform:translateX(0);transform:translateX(0);}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;-moz-transform:translateX(-50px);transform:translateX(-50px);}
    100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes fadeInLeft2{
    0%{opacity:0; -webkit-transform:translateX(-200px);transform:translateX(-200px);}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-moz-keyframes fadeInLeft2{
    0%{opacity:0; -moz-transform:translateX(-200px);transform:translateX(-200px);
    }
    100%{opacity:1; -moz-transform:translateX(0);transform:translateX(0);
    }
}
@-ms-keyframes fadeInLeft2{
    0%{opacity:0; -ms-transform:translateX(-200px);transform:translateX(-200px);
    }
    100%{opacity:1; -ms-transform:translateX(0);transform:translateX(0);
    }
}
@-webkit-keyframes bounceIn{
    0%{opacity:0; -webkit-transform:scale(.3);transform:scale(.3);
    }
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);
    }
    70%{ -webkit-transform:scale(.9);transform:scale(.9);
    }
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);
    }
}
@-moz-keyframes bounceIn{
    0%{opacity:0;-moz-transform:scale(.3);transform:scale(.3);
    }
    50%{opacity:1;-moz-transform:scale(1.05); transform:scale(1.05);
    }
    70%{-moz-transform:scale(.9);transform:scale(.9);
    }
    100%{opacity:1; -moz-transform:scale(1);transform:scale(1);
    }
}
@-ms-keyframes bounceIn{
    0%{opacity:0;-ms-transform:scale(.3);transform:scale(.3);
    }
    50%{opacity:1;-ms-transform:scale(1.05); transform:scale(1.05);
    }
    70%{-ms-transform:scale(.9);transform:scale(.9);
    }
    100%{opacity:1; -ms-transform:scale(1);transform:scale(1);
    }
}
@-webkit-keyframes bounceIn2{
    0%{-webkit-transform:scale(2.5);transform:scale(2.5);
    }
    50%{ -webkit-transform:scale(1.5); transform:scale(1.5);
    }
    70%{-webkit-transform:scale(.9); transform:scale(.9);
    }
    100%{ -webkit-transform:scale(1);transform:scale(1);
    }
}
@-moz-keyframes bounceIn2{
    0%{
        -moz-transform:scale(2.5);
        transform:scale(2.5);
    }
    25%{
        -moz-transform:scale(2.0);
        transform:scale(2.0);
    }
    50%{
        -moz-transform:scale(1.5);
        transform:scale(1.5);
    }
    70%{
        -moz-transform:scale(.9);
        transform:scale(.9);
    }
    100%{
        -moz-transform:scale(1);
        transform:scale(1);
    }
}
@-ms-keyframes bounceIn2{
    0%{
        -ms-transform:scale(2.5);
        transform:scale(2.5);
    }
    25%{
        -ms-transform:scale(2.0);
        transform:scale(2.0);
    }
    50%{
        -ms-transform:scale(1.5);
        transform:scale(1.5);
    }
    70%{
        -ms-transform:scale(.9);
        transform:scale(.9);
    }
    100%{
        -ms-transform:scale(1);
        transform:scale(1);
    }
}
@-webkit-keyframes bounceInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
    60%{opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px);
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px);
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
}
@-moz-keyframes bounceInLeft{
    0%{opacity:0;
        -moz-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
    60%{opacity:1;
        -moz-transform:translateX(30px);
        transform:translateX(30px);
    }
    80%{
        -moz-transform:translateX(-10px);
        transform:translateX(-10px);
    }
    100%{
        -moz-transform:translateX(0);
        transform:translateX(0);
    }
}
@-ms-keyframes bounceInLeft{
    0%{opacity:0;
        -ms-transform:translateX(-2000px);
        transform:translateX(-2000px);
    }
    60%{opacity:1;
        -ms-transform:translateX(30px);
        transform:translateX(30px);
    }
    80%{
        -ms-transform:translateX(-10px);
        transform:translateX(-10px);
    }
    100%{
        -ms-transform:translateX(0);
        transform:translateX(0);
    }
}
@-webkit-keyframes fadeIn{
    0%{opacity:0}
    50%{opacity:0.5}
    100%{opacity:1}
}
@keyframes fadeIn{
    0%{opacity:0}
    50%{opacity:0.5}
    100%{opacity:1}
}