@charset "utf-8";
/* Reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
/* Common */
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; font-size:0; line-height:0; height:0; }
.clearfix { *zoom:1; }
.clear { clear:both; }

/*iframe{
	pointer-events: none;
}*/

.tid { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -999em; }
.yahei { font-family: "SimHei", "PingFangSC-Regular", "Microsoft YaHei", "Microsoft JhengHei", STHeiti, MingLiu; }
html, body { height: 100%; font-family: "Microsoft YaHei", "PingFangSC-Regular", "SimHei", "Microsoft JhengHei", STHeiti, MingLiu; }
input { font-family: "Microsoft YaHei", "PingFangSC-Regular", "SimHei", "Microsoft JhengHei", STHeiti, MingLiu; }
body { background: #0f1326 }
.full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.mb_mid { margin-bottom: 40px !important; }
.mb_big { margin-bottom: 80px !important; }

.section { overflow: hidden; }

.p_line { height: 0; border-bottom: 1px solid #868b94; }


/* SHARE */
.mod_share { position: absolute; right: 33px; top: 5%; }
.mod_share .sh { float: left; display: inline; width: 38px; margin-left: 9px; cursor: pointer; }
.mod_share .sh:hover { opacity: .8; }
.mod_share .sh img { width: 100%; }
/*.mod_share .sh1 { background: url(../images/sh1.png) no-repeat; }
.mod_share .sh2 { background: url(../images/sh2.png) no-repeat; }
.mod_share .sh3 { background: url(../images/sh3.png) no-repeat; }
.mod_share .sh4 { background: url(../images/sh4.png) no-repeat; }*/


@media (max-width: 1280px){
	.mod_share .sh { width: 28px; }
}

/* SUB */
.sub { position: absolute; left: 0; top: 0; z-index: 1000; width: 80px; height: 100%; background: url(../images/bg_sub.png) repeat-y #151526; }
.sub .sound { position: absolute; left: 50%; top: 5%; width: 49px; height: 35px; margin-left: -24px; background: url(../images/sound.png) no-repeat; }
.sub .lng { position: absolute; left: 50%; bottom: 5%; width: 22px; margin-left: -11px; }
.sub .lng .icon { width: 22px; height: 22px; margin-bottom: 20px; background: url(../images/lng_icon.png) no-repeat; }
.sub .lng .line { width: 10px; height: 0px; margin: 0 auto 5px; border-bottom: 1px solid #595c68; }
.sub .lng .t { height: 20px; line-height: 20px; margin-bottom: 5px; text-align: center; font-size: 14px; color: #8f8f8f; }
.sub .lng .t a { color: #4f525f; }
.sub .lng .t a:hover { text-decoration: none; color: #8f8f8f; }
.sub .menu_btn { position: absolute; left: 50%; top: 50%; width: 36px; height: 23px; margin: -10px 0 0 -18px; }
.sub .menu_btn span { position: absolute; left: 0%; width: 100%; height: 1px; background: url(../images/menu_btn_l.png) no-repeat;  -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; transition: all .6s; }
.sub .menu_btn span.s3 { margin-bottom: 0; }
.sub .menu_btn .s1 { top: 0; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.sub .menu_btn .s2 { top: 11px; }
.sub .menu_btn .s3 { bottom: 0; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; }
.sub .menu_btn.on .s1 { -webkit-transform: rotate(45deg) translate(0px, -2px); -moz-transform: rotate(45deg) translate(0px, -2px); -ms-transform: rotate(45deg) translate(0px, -2px); transform: rotate(45deg) translate(0px, -2px); left: 2px; }
.sub .menu_btn.on .s2 { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); opacity: 0; }
.sub .menu_btn.on .s3 { -webkit-transform: rotate(-45deg) translate(0px, 2px); -moz-transform: rotate(-45deg) translate(0px, 2px); -ms-transform: rotate(-45deg) translate(0px, 2px); transform: rotate(-45deg) translate(0px, 2px); left: 2px; }

.lng_mob { display: none; }


/* MENU */
.menu { display: none; position: absolute; top: 0; right: 0; z-index: 999; width: 100%; height: 100%; }
.menu .inner { overflow: hidden; }
.menu .boxer { position: relative; height: 100%; }
.menu .bg { background: url(../images/menu/bg.jpg) no-repeat center #0f1326; background-size: cover; }
.menu .main { position: absolute; left: 15%; top: 50%; width: 70%; margin-top: -300px; }
.menu .nav { margin-bottom: 30px; }
.menu .nav li { margin-bottom: 30px; position: relative; height: 38px; overflow: hidden; }
.menu .nav li img { display: block; height: 38px; }
.menu .nav li .hover { position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; overflow: hidden; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; transition: all .6s; }
.menu .nav li .hover img { position: absolute; bottom: 0; left: 0; }
.menu .nav li .tracker { position: relative; display: inline-block; height: 100%; }
.menu .nav li .tracker:hover .hover { display: block; height: 100%; }
.menu .nav li .tracker:hover .hover img { display: block; }
.menu .nav li.on .hover { height: 100%; }
.menu .nav li.item1 .hover { background: url(../images/menu/nav1_hover.png) no-repeat center bottom; background-size: cover; }
.menu .nav li.item2 .hover { background: url(../images/menu/nav2_hover.png) no-repeat center bottom; background-size: cover; }
.menu .nav li.item3 .hover { background: url(../images/menu/nav3_hover.png) no-repeat center bottom; background-size: cover; }
.menu .nav li.item4 .hover { background: url(../images/menu/nav4_hover.png) no-repeat center bottom; background-size: cover; }
.menu .nav li.item5 .hover { background: url(../images/menu/nav5_hover.png) no-repeat center bottom; background-size: cover; }




.menu .p_line { width: 20px; }

.menu .share {  }
.menu .share a { opacity: 0.5; margin-right: 15px; }
.menu .share a:hover { opacity: 1; }

.menu .contact { font-size: 14px; }
.menu .contact dt { margin-bottom: 20px; font-size: 24px; color: #868a91; }
.menu .contact dd { border: 1px solid #1d2532; }
.menu .contact dd li { float: left; width: 33%; padding: 20px 0; text-align: center; border-right: 1px solid #1d2532; white-space: nowrap; }
.menu .contact dd li:last-child { border-right: 0 none; }
.menu .contact dd li .text { display: inline-block; text-align: left; color: #595d63; white-space: normal; max-width: 70%; }
.menu .contact dd li .t {  }
.menu .contact dd li strong { color: #878c94; }
.menu .contact dd li i { display: inline-block; width: 40px; margin-right: 10px; vertical-align: top; }
.menu .contact dd li i img { width: 100%; }


@media (max-width: 1100px), (max-height: 720px) {
	.menu .nav li { height: 30px; margin-bottom: 24px; }
	.menu .nav li img { height: 30px; }
}




.navigation { position: fixed; right: 20px; top: 50%; margin-top: -63px; color: #fff; }
.navigation li { position: relative; margin-bottom: 12px; padding-bottom: 12px; }
.navigation li .num { display: none; opacity: 0.6; }
.navigation li .line { position: absolute; right: 0; bottom: 0; height: 1px; width: 10px; background: #fff; opacity: 0.12; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.navigation li.on .num { display: block; }
.navigation li.on .line { width: 20px; }

.wrap { height: 100%; padding-left: 80px; background: #0f1326; }
/* SECTION 1 */
.section1 .bg { background-repeat: no-repeat; background-position: center; background-size: cover; }
.section1 .text { position: absolute; left: 50%; bottom: 0%; width: 998px; margin-left: -499px; }
.section1 .text img { width: 100%; }


@media (max-width: 1100px) {
	.section1 .text { width: 800px; margin-left: -400px; }
}




/* SECTION 2 */
.section2 .mod_menu { position: absolute; left: 0; top: 0; width: 36%; height: 100%; background: url(../images/sec2/bg_menu.jpg) no-repeat center #0f1326; background-size: cover; }
.section2 .mod_cont { position: absolute; right: 0; top: 0; width: 64%; height: 100%; }
.section2 .mod_cont .item { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section2 .mod_cont .item .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section2 .mod_cont .item1 { }
.section2 .mod_cont .item2 { }
.section2 .mod_cont .item3 { }
.section2 .mod_menu .box { position: absolute; left: 50%; top: 50%; width: 360px; margin-left: -180px; margin-top: -340px; }
.section2 .mod_menu .title { width: 84%; }
.section2 .mod_menu .title .t1 { height: 57px; margin-bottom: 36px; }
.section2 .mod_menu .title .t2 { height: 21px; }
.section2 .mod_menu .title img { vertical-align: top; height: 100%; }
.section2 .mod_menu .p_line { width: 100px; }
.section2 .mod_menu {}
.section2 .mod_menu li { position: relative; margin-bottom: 60px; }
.section2 .mod_menu li i { position: absolute; left: 0; top: 50%; width: 41px; height: 59px; margin-top: -30px; background-size: contain; background-repeat: no-repeat; }
.section2 .mod_menu li h3 { padding-left: 70px; line-height: 30px; font-size: 16px; color: #414453; }
.section2 .mod_menu li p { padding-left: 70px; line-height: 46px; font-size: 30px; color: #d8d8d8; }
.section2 .mod_menu li img { display: block; height: 100%; }

.section2 .mod_menu li .pre { padding: 20px 0; border-bottom: 1px solid #303543; }
.section2 .mod_menu li.item1 .pre i { background-image: url(../images/sec2/num1.png); }
.section2 .mod_menu li.item2 .pre i { background-image: url(../images/sec2/num2.png); }
.section2 .mod_menu li.item3 .pre i { background-image: url(../images/sec2/num3.png); }

.section2 .mod_menu li.item1 .hover i { background-image: url(../images/sec2/num1_hover.png); }
.section2 .mod_menu li.item2 .hover i { background-image: url(../images/sec2/num2_hover.png); }
.section2 .mod_menu li.item3 .hover i { background-image: url(../images/sec2/num3_hover.png); }

.section2 .mod_menu li .hover { position: absolute; top: 0; left: 0; width: 0%; padding: 20px 0; overflow: hidden; border-bottom: 1px solid linear-gradient(to right, #914490, #6153dc, #4875c6);  }
.section2 .mod_menu li .hover h3 { color: #919298; white-space: nowrap; }
.section2 .mod_menu li .hover p { position: relative; white-space: nowrap; }
.section2 .mod_menu li .hover p em { position: absolute; left: 70px; top: 0; color: #101325; font-style: normal; -webkit-transform:translate(-1px, -1px); }
.section2 .mod_menu li .hover p em.em2 {  -webkit-transform:translate(1px, 1px); }
.section2 .mod_menu li .hover p em.em3 {  -webkit-transform:translate(1px, -1px); }
.section2 .mod_menu li .hover p em.em4 {  -webkit-transform:translate(-1px, 1px); }
.section2 .mod_menu li .hover p span { position: relative; background: linear-gradient(to right, #914490, #6153dc, #4875c6);
        -webkit-background-clip: text;
        color: transparent; }



/*.section2 .mod_menu li.item1 .hover { background: url(../images/sec2/m1_on.png) no-repeat; background-size: cover; }
.section2 .mod_menu li.item2 .hover { background: url(../images/sec2/m2_on.png) no-repeat; background-size: cover; }
.section2 .mod_menu li.item3 .hover { background: url(../images/sec2/m3_on.png) no-repeat; background-size: cover; }*/

/*.section2 .mod_menu li.on .hover { width: 100%; }*/


@media (max-width: 1280px), ( max-height: 740px) {
	.section2 .mod_menu .box { width: 264px; margin-left: -132px; margin-top: -250px; }
	.section2 .mod_menu li { margin-bottom: 40px; }

	
	.section2 .mod_menu li i { width: 30px; height: 43px; margin-top: -21px; }
	.section2 .mod_menu li h3 { padding-left: 50px; line-height: 20px; font-size: 12px; color: #414453; }
	.section2 .mod_menu li p { padding-left: 50px; line-height: 28px; font-size: 22px; color: #d8d8d8; }
	.section2 .mod_menu li .pre { padding: 15px 0; }
	.section2 .mod_menu li .hover { padding: 15px 0; }
	.section2 .mod_menu li .hover p em { left: 50px; }

	.section2 .mb_big { margin-bottom: 50px !important; }

	.section2 .mod_menu .title .t1 { height: 40px; margin-bottom: 20px; }
	.section2 .mod_menu .title .t2 { height: 16px; }
	.section2 .mod_menu .p_line { width: 70px; }
}





/* SECTION 3 */
.section3 .bg { background: url(../images/sec3/bg.jpg) no-repeat center; background-size: cover; }
.section3 .main { position: relative; margin: 0 auto; width: 780px; }
.section3 .main .title { width: 278px; margin: 0 auto; text-align: center; }
.section3 .main .title .t1 { height: 57px; margin-bottom: 36px; }
.section3 .main .title .t2 { height: 21px; }
.section3 .main .title img { vertical-align: top; height: 100%; }
.section3 .main .p_line { width: 100px; margin: 0 auto; }
.section3 .main .big { height: 420px; background: #000; }
.section3 .main .big .v { height: 100%; }
.section3 .main .big .item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
.section3 .main .big .item .item_text { display: none; }
.section3 .main .big iframe { width: 100% !important; height: 100% !important; }
.section3 .main .big video { width: 100%; height: 100%; }
.section3 .main .sm { width: 660px; margin: 0 auto; }
.section3 .main .sm li { float: left; width: 210px; margin: 0 5px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.section3 .main .sm li .item_img { position: relative; width: 180px; margin: 0 auto; }
.section3 .main .sm li .item_img .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; }
.section3 .main .sm li .item_img img { width: 100%; display: block; }
.section3 .main .sm li .item_text { text-align: center; font-size: 14px; color: #d8d8d8; }

.section3 .main .sm li.on { margin-top: -20px; }
.section3 .main .sm li.on .item_img .mask { opacity: 1; background: url(../images/sec3/hover.png) no-repeat; background-color: transparent; background-size: cover }


@media (max-width: 1100px), (max-height: 800px) {
	.section3 .main { width: 650px; }
	.section3 .main .big { height: 350px; }
	.section3 .main .sm ul { padding: 0 45px; }
	.section3 .main .sm li { width: 180px; }
	.section3 .main .sm li .item_img { width: 150px; }
	.section3 .main .sm li .item_text { font-size: 12px; }
}

@media (max-width: 1280px), (max-height: 720px) {
	.section3 .main .title .t1 { height: 40px; margin-bottom: 20px; }
	.section3 .main .title .t2 { height: 16px; }
	.section3 .main .p_line { width: 70px; }
	.section3 .mb_mid { margin-bottom: 30px !important; }
}






/* SECTION 4 */
.section4 .bg { background: url(../images/sec4/bg.jpg) no-repeat center; background-size: cover; }
.section4 .list { position: absolute; left: 50%; top: 50%; width: 1480px; margin: -430px 0 0 -740px; }
.section4 .list li { position: relative; float: left; width: 720px; margin: 0 10px 20px; }
.section4 .list li img { display: block; width: 100%; }
.section4 .list li p { position: absolute; background: #141021; }
.section4 .list li span { line-height: 28px; padding: 0 10px; font-size: 20px; background: linear-gradient(to right, #92448d, #6252dc, #4876c6);
        -webkit-background-clip: text;
        color: transparent; }
.section4 .list li.item1 p { left: 10px; top: 10px; }
.section4 .list li.item2 p { right: 10px; top: 10px; }
.section4 .list li.item3 p { left: 10px; bottom: 10px; }
.section4 .list li.item4 p { right: 10px; bottom: 10px; }

.section4 .list .title { position: absolute; z-index: 99; left: 50%; top: 50%; width: 540px; margin: -120px 0 0 -270px; }
.section4 .list .title img { width: 100%; }

@media (min-width: 751px){

.section4 .swiper-wrapper { display: block; }
}

@media (max-width: 1600px), (max-height: 870px) {
	.section4 .list { width: 1028px; margin: -303px 0 0 -514px; }
	.section4 .list ul { width: 100% !important; }
	.section4 .list li { width: 500px; margin: 0 7px 14px; }
	.section4 .list .title { width: 380px; margin: -84px 0 0 -190px; }
	.section4 .list li span { line-height: 20px; padding: 0 6px; font-size: 14px; }
	.section4 .list li.item1 p { left: 6px; top: 6px; }
	.section4 .list li.item2 p { right: 6px; top: 6px; }
	.section4 .list li.item3 p { left: 6px; bottom: 6px; }
	.section4 .list li.item4 p { right: 6px; bottom: 6px; }
}
@media (max-width: 1100px), (max-height: 680px) {
	.section4 .list { width: 820px; margin: -238px 0 0 -410px; }
	.section4 .list ul { width: 100% !important; }
	.section4 .list li { width: 400px; margin: 0 5px 10px; }
	.section4 .list .title { width: 300px; margin: -72px 0 0 -150px; }
	.section4 .list li span { line-height: 18px; padding: 0 4px; font-size: 12px; }
	.section4 .list li.item1 p { left: 4px; top: 4px; }
	.section4 .list li.item2 p { right: 4px; top: 4px; }
	.section4 .list li.item3 p { left: 4px; bottom: 4px; }
	.section4 .list li.item4 p { right: 4px; bottom: 4px; }
}





/* SECTION 5 */
.section5 .bg { background: url(../images/sec5/bg.jpg) no-repeat center; background-size: cover; }
.section5 .cont { position: relative; left: 12%; }
.section5 .title { width: 397px; }
.section5 .title .t1 { height: 57px; margin-bottom: 36px; }
.section5 .title .t2 { height: 21px; }
.section5 .title img { height: 100%; }
.section5 .p_line { width: 100px; }
.section5 .form { margin-bottom: 40px; color: #b0abb6; }
.section5 .form dl { float: left; position: relative; width: 450px; margin-right: 60px; padding: 0 12px; border: 1px solid transparent; border-bottom: 0 none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.section5 .form dl dt { position: relative; height: 80px; line-height: 80px; padding-left: 18px; background: url(../images/sec5/line.png) no-repeat center bottom; font-size: 20px; }
.section5 .form dl dt input { height: 80px; background: none; border: 0 none; width: 100%; font-size: 20px; font-weight: normal; color: #b0abb6 }
.section5 .form dl dt input::-webkit-input-placeholder{ color: #b0abb6 }
.section5 .form dl dt input::-moz-placeholder{ color: #b0abb6 }
.section5 .form dl dt input:-moz-placeholder{ color: #b0abb6 }
.section5 .form dl dt input:-ms-input-placeholder{ color: #b0abb6 }
.section5 .form dl dt i { position: absolute; left: 0; top: 50%; width: 5px; height: 6px; margin-top: -3px; background: url(../images/sec5/dot.png) no-repeat left center; }
.section5 .form dl dt span { display: none; position: absolute; right: 8px; top: 50%; margin-top: -2px; width: 10px; height: 4px; background: url(../images/sec5/arrow.png) no-repeat; }
.section5 .form dl dd { display: none; position: absolute; top: 100%; left: -1px; width: 100%; background: url(../images/sec5/bg_select.png) repeat-y center; border: 1px solid #7a3a79; border-top: 0 none; }
.section5 .form dl dd ul { padding: 0 12px; }
.section5 .form dl dd ul li { height: 60px; line-height: 60px; padding-left: 18px; font-size: 20px; }

.section5 .form dl.on { z-index: 3; background: url(../images/sec5/bg_select.png) repeat-y center; border-color: #7a3a79; }
.section5 .form dl.on span { display: block; }
.section5 .form .label {display: none;}

.section5 .btn { width: 180px; cursor: pointer; }
.section5 .btn img { width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.section5 .btn:hover img { -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); transform: scale(.96); }
.section5 .download { width: 119px; margin-left: 58px; padding-top: 12px; cursor: pointer; }
.section5 .download img { width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.section5 .download:hover img { opacity: .8; }


@media (max-width: 1280px) {
	.section5 .form dl { width: 380px; margin-right: 40px; }
	.section5 .btn { width: 140px }
	.section5 .download { width: 100px; margin-left: 38px; padding-top: 8px; }
}
@media (max-width: 1100px) {
	.section5 .form dl { width: 300px; margin-right: 30px; }
	.section5 .form dl dt { height: 60px; line-height: 60px; font-size: 16px; }
	.section5 .form dl dt input { height: 60px; font-size: 16px; }
	.section5 .btn { width: 120px }
	.section5 .download { width: 80px; margin-left: 26px; padding-top: 5px; }
}

@media (max-width: 1280px), (max-height: 720px) {
	.section5 .title .t1 { height: 40px; margin-bottom: 20px; }
	.section5 .title .t2 { height: 16px; }
	.section5 .p_line { width: 70px; }
	.section5 .mb_mid { margin-bottom: 30px !important; }
}
















@-webkit-keyframes slideToLeft {
	0% { -webkit-transform: translate3d(80px, 0, 0); opacity: 0; }
	100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; }
}
@-moz-keyframes slideToLeft {
	0% { -moz-transform: translate3d(80px, 0, 0); opacity: 0; }
	100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; }
}
@-ms-keyframes slideToLeft {
	0% { -ms-transform: translate3d(80px, 0, 0); opacity: 0; }
	100% { -ms-transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideToLeft {
	0% { transform: translate3d(80px, 0, 0); opacity: 0; }
	100% { transform: translate3d(0, 0, 0); opacity: 1; }
}

@-webkit-keyframes slideToDown {
	0% { -webkit-transform: translate3d(0, -38px, 0); }
	100% { -webkit-transform: translate3d(0, 0px, 0); }
}
@-moz-keyframes slideToDown {
	0% { -moz-transform: translate3d(0, -38px, 0); }
	100% { -moz-transform: translate3d(0, 0px, 0); }
}
@-ms-keyframes slideToDown {
	0% { -ms-transform: translate3d(0, -38px, 0); }
	100% { -ms-transform: translate3d(0, 0px, 0); }
}
@keyframes slideToDown {
	0% { transform: translate3d(0, -38px, 0); }
	100% { transform: translate3d(0, 0px, 0); }
}

@-webkit-keyframes fadeInUp {
	0% { -webkit-transform: translate3d(0, 38px, 0); opacity: 0; }
	100% { -webkit-transform: translate3d(0, 0px, 0); opacity: 1; }
}
@-moz-keyframes fadeInUp {
	0% { -moz-transform: translate3d(0, 38px, 0); opacity: 0; }
	100% { -moz-transform: translate3d(0, 0px, 0); opacity: 1; }
}
@-ms-keyframes fadeInUp {
	0% { -ms-transform: translate3d(0, 38px, 0); opacity: 0; }
	100% { -ms-transform: translate3d(0, 0px, 0); opacity: 1; }
}
@keyframes fadeInUp {
	0% { transform: translate3d(0, 38px, 0); opacity: 0; }
	100% { transform: translate3d(0, 0px, 0); opacity: 1; }
}


@-webkit-keyframes widthOpen {
	0% { width: 0; }
	100% { width: 100%; }
}
@-moz-keyframes widthOpen {
	0% { width: 0; }
	100% { width: 100%; }
}
@-ms-keyframes widthOpen {
	0% { width: 0; }
	100% { width: 100%; }
}
@keyframes widthOpen {
	0% { width: 0; }
	100% { width: 100%; }
}

@-webkit-keyframes widthHide {
	0% { width: 100%; }
	100% { width: 0%; }
}
@-moz-keyframes widthHide {
	0% { width: 100%; }
	100% { width: 0%; }
}
@-ms-keyframes widthHide {
	0% { width: 100%; }
	100% { width: 0%; }
}
@keyframes widthHide {
	0% { width: 100%; }
	100% { width: 0%; }
}

@-webkit-keyframes zoomIn {
	0% { -webkit-transform: scale(.5); opacity: 0; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes zoomIn {
	0% { -moz-transform: scale(.5); opacity: 0; }
	100% { -moz-transform: scale(1); opacity: 1; }
}
@-ms-keyframes zoomIn {
	0% { -ms-transform: scale(.5); opacity: 0; }
	100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes zoomIn {
	0% { transform: scale(.5); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}