@charset "utf-8";
/* CSS Document */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,button{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; }
ol, ul { list-style:none; }
table { border-collapse: collapse;border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
iframe{border:0;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{display: table;content:"";}
.clearfix:after{clear:both;}
body{font-family:"Microsoft YaHei", Arial,sans-serif;background-color: #000;}
.rotate_bg{ width: 217px; height: 221px;position: absolute;top: 641px;right: 625px;}
.rotate_bg img.rotateImages{-webkit-animation:myRotate 10s linear infinite;animation:myRotate 10s linear infinite;}
@-webkit-keyframes myRotate{
    0%{ -webkit-transform: rotate(0deg);}
    50%{ -webkit-transform: rotate(180deg);}
    100%{ -webkit-transform: rotate(360deg);}
}
@keyframes myRotate{
    0%{ -webkit-transform: rotate(0deg);}
    50%{ -webkit-transform: rotate(180deg);}
    100%{ -webkit-transform: rotate(360deg);}
}
.wrap{max-width: 1900px;margin:0 auto;min-width: 1200px;}
.wrap-ia{max-width: 1920px;margin:0 auto;min-width: 1200px;background: url(../images/bg_ia.jpg);padding: 255px 0 0;}
.content-ia{width: 960px;margin:0 auto;background: #1e3f57;border:1px solid #3d7ea7;font-family: "Teko",sans-serif;padding-bottom: 10px;}
.content-ia h2{font-size: 38px;color: #ffcb67;font-weight: 700;text-transform: uppercase;text-align: center;padding:10px 0 5px;}
.col-ia{width: 850px;margin:0 auto;border-left: 1px solid #3d7ea7;border-right: 1px solid #3d7ea7;border-bottom: 1px solid #3d7ea7;padding: 30px 45px;background: #0b191b;}
.col-ia p{font-size: 24px;color: #fff;line-height: 1.3;margin-bottom: 40px;}
.col-ia .blue{color: #2db4e1;}
.col-ia .red{color: #e83636;}
.col-ia .green{color: #68b445;}
.col-ia .brown{color: #ffcb67;}
.col-ia .bblue{color: #3886fb;}
.btn-ia{display: block;width: 457px;margin:60px auto 0;}
.col-ia .howto{color: #affb38;text-decoration: underline;}
.exa-ios .title{margin-bottom: 20px;}
.exa-ios .num{float: left;width: 45px;height: 45px;background: #ffcb67;text-align: center;color: #530000;font-size: 30px;line-height: 45px;margin-right: 10px;font-weight: 700;}
.exa-ios .info{zoom: 1;overflow:hidden;font-size: 24px;line-height: 1;color: #ffeb67;}
.exa-ios img{margin-bottom: 40px;}
.apps-ia{width: 582px;margin:120px auto 0;}
#page4 .apps-ia{margin-top: 208px;}
.apps-ia span{display: inline-block;width: 272px;margin:0 10px 0 0;text-align: center;}
.apps-ia span a{font-size: 12px;color: #ffd375;text-decoration: underline;}
#page1{width: 1900px;height: 1200px;background: url(../images/page_1_n.jpg) center top no-repeat;overflow: hidden;}
.page-1-b{width: 1900px;height: 530px;background: url(../images/page_1_b.png) center top no-repeat;}
.page-1-b{position: absolute;left: 0;bottom: 0;z-index: 10;}
.page-1-nb{width: 1900px;height: 470px;background: url(../images/page_1_nb.png) center top no-repeat;}
.page-1-nb{position: absolute;left: 0;bottom: 0;z-index: 10;}
.person{animation: move 1s ease-in-out infinite alternate}
.p-left{background: url(../images/p_left.png) no-repeat;width: 1023px;height: 996px;position: absolute;left: 0;z-index: 8;animation-delay:0;
  -webkit-animation-delay:0;top:149px;}
.p-right{background: url(../images/p_right.png) no-repeat;width: 923px;height: 1200px;position: absolute;right: 0;top: 0;z-index: 8;animation-delay:0.5s;
  -webkit-animation-delay:0.5s;}
.p-text{position: absolute;background: url(../images/text.png) no-repeat;width: 154px;height: 526px;left:0;top:0;z-index: 9;
  /*animation-delay:1.5s;
  -webkit-animation-delay:1.5s;*//*-webkit-animation: glow 800ms ease-out infinite alternate;
          animation: glow 800ms ease-out infinite alternate;*//*filter:grayscale(1);*/transform-origin:center;}
.text-shadow{position: absolute;width: 753px;height: 317px;left:50%;top:50%;margin:-108px 0 0 -376px;z-index: 9;overflow: hidden;}
.shadow-n{
  width: 100%;height: 100%;
  position: absolute;
      top: 0;
      left:0;
      transform: translate(-50% -50%);
      color: #fff;
      background-image:url(../images/light.png);
      background-position: 0;
      -webkit-background-clip:unset;
      background-clip: unset;
      animation: shine 3s linear infinite;
}
@keyframes shine{
      0%{
        background-position: 0;
      }
      50%{
        background-position: 0 -526px;
      }
      100%{
        background-position: 0;
      }
    }
@keyframes clip1{
  0%{clip-path: polygon(0% -50%, 50% -50%, -50% 50%, -100% 50% );}
  100%{clip-path: polygon(150% 50%, 200% 50%, 100% 150%, 50% 150%);}
}
@keyframes clipa{
  0%{clip-path: polygon(-5% -55%, 55% -45%, -45% 55%, -95% 55% );}
  100%{clip-path: polygon(150% 50%, 200% 50%, 100% 150%, 50% 150%);}
}
@keyframes clip2{
  0%{clip-path: polygon(50% -50%, 100% -50%, 200% 50%, 150% 50%);}
  100%{clip-path: polygon(-100% 50%, -50% 50%, 50% 150%, 0% 150%);}
}
@keyframes clipb{
  0%{clip-path: polygon(40% -60%, 100% -50%, 190% 40%, 150% 50%);}
  100%{clip-path: polygon(-100% 50%, -50% 50%, 50% 150%, 0% 150%);}
}
@keyframes clip3{
  0%{clip-path: polygon(-100% -150%, -50% -150%, -150% -50%, -200% -50%);}
  100%{clip-path: polygon(150% 50%, 200% 50%, 100% 150%, 50% 150%);}
}
@keyframes clip4{
  0%{clip-path: polygon(150% -150%, 200% -150%, 300% -50%, 250% -50%);}
  100%{clip-path: polygon(-100% 50%, -50% 50%, 50% 150%, 0% 150%);}
}
#clip1 { animation:clip1 4s linear infinite; }
#clipa {
    transform: scale(1.1,1.1);
    animation:clipa 9s linear infinite;  
}
#clip2 {
    transform: scale(1.12,1.12); 
    animation:clip2 5s linear infinite;  
}
#clipb {
    transform: scale(1.14,1.14);
    animation:clipb 4s linear infinite;  
}
#clip3 {
    transform: scale(1.15,1.15);
    animation:clip3 7s linear infinite;  
}
#clip4 {
    transform: scale(1.13,1.13);
    animation:clip4 6s linear infinite;  
}
.tpos{position: absolute;left:0;z-index: 20}
.t1{top: 0;animation-delay:.5s;
  -webkit-animation-delay:.5s;}
.t2{top: 128px;animation-delay:.75s;
  -webkit-animation-delay:.75s;}
.t3{top: 258px;animation-delay:1s;
  -webkit-animation-delay:1s;}
.t4{top: 382px;left:10px;animation-delay:1.25s;
  -webkit-animation-delay:1.25s;}
@-moz-keyframes move {
  0% {transform: translateX(-10px);}
  100% {transform: translateX(5px);}
}
@-webkit-keyframes move {
  0% {transform: translateX(-10px);}
  100% {transform: translateX(5px);}
}
@-o-keyframes move {
  0% {transform: translateX(-10px);}
  100% {transform: translateX(5px);}
}
@keyframes move {
  0% {transform: translateX(-10px)}
  100% {transform: translateX(5px)}
}
#page-c{width: 1900px;height: 1144px;background: url(../images/page_1_na.jpg) center -4px no-repeat;position: relative;overflow: hidden;}
#page1.page_ia{background-image: url(../images/page_1_ia.jpg);}
#page1.page_ib{background-image: url(../images/page_1_ib.jpg);}
#page2{width: 1900px;height: 753px;background: url(../images/page_2.jpg) center top no-repeat;}
#page2a{width: 1900px;height: 750px;background: url(../images/page_2a8efe.jpg?version=202012291556) center top no-repeat;}
#page2b{width: 1900px;height: 819px;background: url(../images/page_2b.jpg) center top no-repeat;}
#page5{width: 1900px;height: 866px;background: url(../images/page_3.jpg) center top no-repeat;}
#page3{width: 1900px;height: 1260px;position: relative;background: url(../images/page_5.jpg) center top no-repeat;}
#page4{width: 1900px;height: 879px;background: url(../images/page_4_n8efe.jpg?version=202012291556) center top no-repeat;}
#page4.page_ia{background-image: url(../images/page_4_ia.jpg);}
#page4.page_ib{background-image: url(../images/page_4_ib.jpg);}
#pagec-1{background: url(../images/page_ca.jpg) center top no-repeat;width: 1900px;height: 553px;}
#pagec-2{background: url(../images/page_cb.jpg) center top no-repeat;width: 1900px;height: 559px;}
#pagec-3{background: url(../images/page_cc8efe.jpg?version=202012291556) center top no-repeat;width: 1900px;height: 555px;}
#pagec-4{background: url(../images/page_cd8efe.jpg?version=202012291556) center top no-repeat;width: 1900px;height: 555px;}
#pagec-5{background: url(../images/page_ce.jpg) center top no-repeat;width: 1900px;height: 859px;}
#paged-1{background: url(../images/page_dac220.jpg?version=202012291719) center top no-repeat;width: 1900px;height: 555px;}
#paged-2{background: url(../images/page_db8efe.jpg?version=202012291556) center top no-repeat;width: 1900px;height: 553px;}
#paged-3{background: url(../images/page_dc8efe.jpg?version=202012291556) center top no-repeat;width: 1900px;height: 559px;}
#paged-4{background: url(../images/page_dd6a49.jpg?version=202012301525) center top no-repeat;width: 1900px;height: 857px;}
#pagee-1{background: url(../images/page_ea.jpg) center top no-repeat;width: 1900px;height: 556px;}
#pagee-2{background: url(../images/page_eb8efe.jpg?version=202012291556) center top no-repeat;width: 1900px;height: 554px;}
#pagee-3{background: url(../images/page_ec8efe.jpg?version=202012291556) center top no-repeat;width: 1900px;height: 858px;}
#pagef-1{background: url(../images/page_fa.jpg) center top no-repeat;width: 1900px;height: 596px;}
#pagef-2{background: url(../images/page_fb.jpg) center top no-repeat;width: 1900px;height: 600px;}
#pagef-3{background: url(../images/page_fc.jpg) center top no-repeat;width: 1900px;height: 895px;}
.page-story{width: 700px; height: 70px; display: block; position: absolute; top: 530px; left: 448px;}
.page-character{width: 700px; height: 70px; display: block; position: absolute; top: 592px; left: 214px;}
.page-media{width: 700px; height: 70px; display: block; position: absolute; top: 597px; left: 448px;}
.container{width: 1360px;margin:0 auto;}
.c-wrap{width: 1200px;min-height:300px;margin:0 auto;position: relative;}
.c-wrap .c-play{width: 41px;height: 48px;position: absolute;bottom: 13px;left: 320px;}
.c-wrap .c-play1{left: 115px;}
.c-wrap .c-play2{left: 538px;}
.f-wrap{width: 1200px;height: 470px;position: absolute;top: 49px;left: 0px;}
#pagef-2 .f-wrap{top: 52px;}
#pagef-3 .f-wrap{top: 54px;}
.f-content{width: 860px;padding:66px 0 0 45px;}
.f-content img{margin-bottom: 30px;}
.f-content p{color: #5e2a15;font-size: 16px;margin-bottom: 30px;line-height: 1.5}
.f-wrap .fx-r{position: absolute;width: 222px;right: 45px;top: 66px;}
.f-wrap .fx-r a{display: block;margin-bottom: 30px;}
#pagec-4 .c-wrap .c-play,#paged-2 .c-wrap .c-play{left: auto;right: 320px;}
#page1{position: relative;}
.navbar{position:absolute;width: 1900px;height:180px;left: 0;top: 0;z-index: 999;background: url(../images/bg_nav.png) center top no-repeat;}
.wrap-ia .navbar{top: 0;}
.topnav{min-width: 1466px;}
.topnav li{display:inline-block;margin:15px 30px 0 0;vertical-align: top;}
.topnav li ul li{margin: 0;}
.topnav li.logo{margin-left: 35px;margin-top: 12px;margin-right:20px;}
.topnav li a{display: block;text-indent: -999em;}
.topnav li ul li a{text-indent: 0;}
.topnav li.home a{width: 158px;height: 61px;background: url(../images/home_hover.png) center no-repeat;}
.topnav li.home a:hover,.topnav li.home a.active{background: url(../images/home.png) no-repeat;}
.topnav li.story a{width: 158px;height: 61px;background: url(../images/story.png) center no-repeat;margin-left:0}
.topnav li.story a:hover,.topnav li.story a.active{background: url(../images/story_hover.png) no-repeat;}
.topnav li.character a{width: 158px;height: 61px;background: url(../images/character.png) center no-repeat;margin-left:0}
.topnav li.character a:hover,.topnav li.character a.active{background: url(../images/character_hover.png) no-repeat;}
.topnav li.logo a{width: 335px;height: 132px;background: url(../images/logobc82.png?version=202012290910) no-repeat;}
.topnav li.media a{width: 198px;height: 61px;background: url(../images/media.png) center no-repeat;}
.topnav li.media a:hover,.topnav li.media a.active{background: url(../images/media_hover.png) no-repeat;}
.topnav li.fb a{width: 158px;height: 61px;background: url(../images/facebook.png) center no-repeat;}
.topnav li.fb a:hover{background: url(../images/facebook_hover.png) 0 -3px no-repeat;}
.topnav li.forum a{width: 158px;height: 61px;background: url(../images/community.png) center no-repeat;}
.topnav li.forum a:hover,.topnav li.forum a.active{background: url(../images/community_hover.png) no-repeat;}
.topnav li.open,.topnav li.show{}
.topnav li.forum ul li a{background: none;text-decoration: none;text-align: center;font-size: 18px;color: #fff;font-weight: bold;text-transform: uppercase;height: 30px;line-height: 30px;}
.topnav li.forum ul li a:hover{background: none;text-decoration: underline;color: #ffd97f}
.topnav li.fans a{width: 115px;height: 30px;background: url(../images/forum.png) no-repeat;}
.topnav li.guide{margin-top: 22px;}
.topnav li.guide a{text-indent: 2em;width: 168px;height: 46px;background: url(../images/language.png) no-repeat;color: #fff;line-height: 46px;text-decoration: none;font-size: 16px;font-weight: bold}
.topnav li.guide .dropdown-menu a{background: url(../images/language.png) 0 -46px no-repeat;color: #000;}
.video-col{width: 600px;height: 338px;padding:10px;background-color: #000;margin:20px auto 0;}
.vide-play{width: 114px;height: 111px;position: absolute;top: 50%;left:50%;margin:140px 0 0 -57px;z-index: 12;animation-delay:2.5s;
  -webkit-animation-delay:1.5s;}
#page-c .vide-play{margin-top: 152px;}
.role-play{width: 114px;height: 111px;position: absolute;}
.reel{background: url(../images/juanzhou.png) no-repeat;width: 1112px;height: 236px;position: absolute;bottom: 5px;left: 380px;z-index: 12}
.t-link{width: 82px;height: 50px;display: block;position: absolute;top: 116px;left:605px;}
.appdownload{width: 382px;height: 150px;margin:750px auto 0;background: url(../images/bg_download.png) no-repeat;}
.page_ib .appdownload{width: 435px;}
.appdownload .applink{float: left;margin: 12px 12px 0 12px;}
.appdownload .applink img{max-width: 126px;}
.appdownload .apps{overflow: hidden;zoom:1;padding-top: 12px;}
.appdownload .apps a{display: block;width: 221px;height: 59px;}
.appdownload .apps a.gplay.apple{background: url(../images/coming.png);}
.appdownload .apps a.gplay{margin-bottom: 9px;background: url(../images/gpaly.png);}
.appdownload a.siteindex{background: url(../images/dgamesamba.png) no-repeat;margin-right: 10px}
.appdownload a.apple{background: url(../images/coming.png) no-repeat;}
.appdownload .apps_ib a{width: 181px;height: 54px;}
.appdownload .apps_ib a.gplay{background:url(../images/gpaly.png);background-size: 181px}
.appdownload .apps_ib a.apple{background:url(../images/apple.png);background-size: 181px;margin-bottom: 9px;}
.appdownload .apps_ib a.apk{background:url(../images/btn_ib.png);background-size: 181px}
.dl-tip{font-size: 12px;color: #f9df07;text-align: center;width: 544px;margin:15px auto 0;}
#page2 .container,#page2a .container,#page2b .container{position: relative;}
#page2 .container .gameinfo{position: absolute;top: 160px;width: 1360px;}
#page2 .container .gameinfo .l-video{float: left;width: 500px;height: 400px;background: url(../images/v_box.png) no-repeat;}
.r-news{float: right;width: 839px;height: 421px;background: url(../images/bg_new_l.png) no-repeat;}
.r-news .nav-tabs {width: 773px;margin:0 auto;padding:16px 0;}
.r-news .nav-tabs li{width: 115px;}
.r-news .nav-tabs li a{width: 115px;height: 48px;text-indent: -999em}
.r-news .nav-tabs > li {float: left;}
.r-news .nav-tabs > li > a {
  display: inline-block;
  text-decoration: none;
  background: url(../images/nav_tab.png) no-repeat;
}
.r-news .nav-tabs > li > a.nav1{background-position: 0 0;}
.r-news .nav-tabs > li > a.nav2{background-position: -129px 0;}
.r-news .nav-tabs > li > a.nav3{background-position: -264px 0;}
.r-news .nav-tabs > li > a.nav4{background-position: -399px 0;}
.r-news .nav-tabs > li > a.nav5{background-position: -534px 0;}
.r-news .nav-tabs > li.active > a.nav1{background-position: 0 -57px;}
.r-news .nav-tabs > li.active > a.nav2{background-position: -129px -57px;}
.r-news .nav-tabs > li.active > a.nav3{background-position: -264px -57px;}
.r-news .nav-tabs > li.active > a.nav4{background-position: -399px -57px;}
.r-news .nav-tabs > li.active > a.nav5{background-position: -534px -57px;}
.news-list{width: 650px;margin:10px 0 0;}
.news-list .news-item{padding: 13px 0;}
.news-list .news-item a{color: #fff;text-decoration: none;}
.news-list .news-item a:hover{color: #f9b878;}
.news-list .news-item a span{margin-right: 10px;}
.time{color: #bfbfbf;}
.pull-right{float: right}
.pager{padding: 32px 0 0;text-align: center;}
.pager li{display: inline;}
.pager li a{display: inline-block;color: #e4dccc;text-decoration: none;padding:0 5px;}
.pager li.active a,.pager li a:hover{color: #f9b878;}
.pager li a.prev,.pager li a.next{padding:0;width: 36px;height: 22px;background: url(../images/news_arrow.png) no-repeat;text-indent: -999em;}
.pager li a.prev:hover,.pager li a.next:hover{}
.pager li a.prev{background-position: 0 0;margin-right: 10px;}
.pager li a.prev:hover{background-position: 0 -22px;}
.pager li a.next{background-position: -36px 0;margin-left: 10px;}
.pager li a.next:hover{background-position: -36px -22px;}
.nav-tabs > li > a:hover {

}
.r-news .nav-tabs > li.active > a,
.r-news .nav-tabs > li.active > a:hover,
.r-news .nav-tabs > li.active > a:focus {
  cursor: default;
}

.r-news .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.r-news .nav-tabs.nav-justified > li {
  float: none;
}
.r-news .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.r-news .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.r-news .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.r-news .nav-tabs.nav-justified > .active > a,
.r-news .nav-tabs.nav-justified > .active > a:hover,
.r-news .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
.r-news .tab-content{padding: 0 30px;width: 680px;}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
#page3 .container{position: relative;height: 100%;}
#page3 .container .nav-slider{position: absolute;left: 50%;bottom: 110px;z-index: 50;margin-left: -364px;}
.nav-tabs li{float: left;position: relative;margin: 0 10px;width: 162px;}
.nav-tabs li a{display: inline-block;width: 162px;height: 162px;}
.nav-tabs li .cover{width: 162px;height: 162px;background: url(../images/bg_character_hover.png);position: absolute;top: 0;left: 0;display: none;}
.nav-tabs li.active .cover{display: block;}
.nav-tabs li a.c1{background: url(../images/name_1.png) no-repeat;}
.nav-tabs li a.c2{background: url(../images/name_2.png) no-repeat;}
.nav-tabs li a.c3{background: url(../images/name_3.png) no-repeat;}
.nav-tabs li a.c4{background: url(../images/name_4.png) no-repeat;}
.nav-tabs li a.c5{background: url(../images/name_5.png) no-repeat;}
#page3 .tab-content{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.tab-content>.tab-pane{display: none;}
.tab-content>.active{display: block;}
.cpane4{width:100%;height:100%;background: url(../images/character_1.jpg) center top no-repeat;}
.cpane1{width:100%;height:100%;background: url(../images/character_2.jpg) center top no-repeat;}
.cpane2{width:100%;height:100%;background: url(../images/character_3.jpg) center top no-repeat;}
.cpane3{width:100%;height:100%;background: url(../images/character_4.jpg) center top no-repeat;}
.c-name{position: absolute;right: 210px;top: 216px;width: 375px;height:596px;}
.c-name .name-tit{background: url(../images/parter_name.png) no-repeat;width: 341px;height: 88px;margin-bottom: 30px;}
.c-name .name-tit.name-2{background: url(../images/parter_name_2.png);width: 319px;}
.c-name .name-tit.name-3{background: url(../images/parter_name_3.png);width: 296px;}
.c-name .name-tit.name-4{background: url(../images/parter_name_4.png);}
#page4 .slider{padding-top: 194px;width: 790px;margin:0 auto;}
#page4 .appdownload{margin-top: 95px;}
#page4 .appdownload .applink{margin-left: 14px;}
.masthead{width: 100%;height: 644px;}
.carousel-info{padding-top: 140px;}
.footer{margin:50px 0 25px;text-align: center;color: #ccc;}
.footer img{margin-bottom: 30px;}
.footer a{font-size: 14px;color: #ccc;text-decoration: none;}
.footer a:hover{color: #f9343b;text-decoration: underline;}
.footer p{font-size: 12px;color: #7a7a7a;}
.f-link{margin-bottom: 12px;}
#page5{position: relative;}
.part-nav-tabs{position: absolute;left: 339px;top: 209px;}
.part-nav-tabs.nav-tabs li{float: none;width: 290px;display: block;margin:0;}
.part-nav-tabs.nav-tabs li a{width: 290px;height: 138px;margin-bottom:2px;text-indent: -999em;background: url(../images/left-nav.png) no-repeat;}
.part-nav-tabs.nav-tabs li a.partnav1{background-position: 0 0;}
.part-nav-tabs.nav-tabs li a.partnav2{background-position: 0 -141px;}
.part-nav-tabs.nav-tabs li a.partnav3{background-position: 0 -282px;}
.part-nav-tabs.nav-tabs li a.partnav4{background-position: 0 -421px;}
.part-nav-tabs.nav-tabs li a:hover,.part-nav-tabs.nav-tabs li.active a{background: url(../images/left-nav-hover.png) no-repeat;}
.part-nav-tabs.nav-tabs li a.partnav1:hover,
.part-nav-tabs.nav-tabs li.active a.partnav1{background-position: 0 0;}
.part-nav-tabs.nav-tabs li a.partnav2:hover,
.part-nav-tabs.nav-tabs li.active a.partnav2{background-position: 0 -141px;}
.part-nav-tabs.nav-tabs li a.partnav3:hover,
.part-nav-tabs.nav-tabs li.active a.partnav3{background-position: 0 -282px;}
.part-nav-tabs.nav-tabs li a.partnav4:hover,
.part-nav-tabs.nav-tabs li.active a.partnav4{background-position: 0 -421px;}
.role-box{position: absolute;top: -3px;left: 640px;z-index: 2}
.role-box-2{position: absolute;top: 19px;left: 640px;z-index: 2}
.role-box-3{position: absolute;top: 105px;left: 640px;z-index: 2}
.role-box-4{position: absolute;top: 12px;left: 640px;z-index: 2}
.role-box .role-1{}
.role-item{background: url(../images/partc2.png) no-repeat;width: 1261px;height: 979px;}
.role-2 .role-item{background: url(../images/partc3.png) no-repeat;width: 1260px;height: 1032px;}
.role-3 .role-item{background: url(../images/partc4.png) no-repeat;width: 1130px;height: 1031px;}
.role-4 .role-item{background: url(../images/partc1.png) no-repeat;width: 1124px;height: 987px;}
.role-play{width: 114px;height: 111px;position: absolute;background: url(../images/video_play.png) no-repeat;left:350px;top: 424px;}
.role-2 .role-play{top:402px;}
.role-3 .role-play{top:316px;}
.role-4 .role-play{top:409px;}
.skill-box{background: url(../images/bg_skill.png) no-repeat;width: 689px;height: 188px;position: absolute;left: 83px;bottom: 68px;}
.skill-box p{position: absolute;top: 88px;left: 30px;color: #fff;-webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.5px #000;}
.name-info{position: absolute;top: 87px;left: 35px}
.name-info p{color: #9a7a60;font-size: 16px;line-height: 30px;font-weight: bold;}
.name-info p .i-1{color: #0762b0;}
.name-info p .i-2{color: #deaa05;}
.name-info p .i-3{color: #47c92b;}
.name-info p .i-4{color: #f71b0d;}
.info-l{width: 460px;}
.info-r{float: right;}
.name-skill{background: url(../images/parter_skill.png) no-repeat;width: 608px;height: 279px;margin-left: -15px;position: relative;}
.s-text{width: 280px;font-size: 16px;line-height: 30px;-webkit-text-fill-color: #fff;
    -webkit-text-stroke: 0.45px #000;font-weight: bold;position: absolute;top: 90px;left: 30px;}
.g-text{color:#4ff542;-webkit-text-fill-color: #4ff542;}
.name-video{width: 196px;height: 120px;margin-top: 40px;}
.name-fz{width: 199px;height: 210px;position: absolute;}
.name-fz.fz-1{background: url(../images/fz.png) no-repeat;top: 445px;left:530px;}
.name-fz.fz-3{background: url(../images/fz-2.png) no-repeat;top: 375px;left:515px;}
.name-fz.fz-4{background: url(../images/fz-3.png) no-repeat;top: 580px;left:580px;}
.fx-wrap{width: 1262px;margin: 0 auto;padding: 250px 30px 0;box-sizing: border-box;position: relative;}
.fx-box{width: 386px;float: left;padding:0 10px 0 18px;box-sizing: border-box;}
.fx-box .fx-l{float: left;width: 200px;padding-top: 32px;}
.fx-box .fx-l img{margin-bottom: 20px;display: block;}
.fx-box .fx-l p{font-size: 16px;line-height: 25px;}
.fx-box .fx-r{width: 143px;float: right;padding-right: 10px;padding-top: 20px;}
.fx-box .fx-r img{margin-bottom: 10px;display: block;}
.fx-box-c{width: 143px;position: absolute;top: 548px;left: 660px;}
.fx-box1{width: 143px;position: absolute;top: 435px;left: 72px;}
.fx-box2{width: 143px;position: absolute;top: 280px;right: 53px;}
.fx-wrap a{margin-bottom: 5px;display: inline-block;}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width: 168px;
  padding:0;
  list-style: none;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu ,.dropdown:hover>.dropdown-menu{
  display: block;
  -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}
@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}
@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/*fancybox*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  
     
          
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background: url("../images/fancybox_sprite.png") 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: 0;
    right: -30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 8040;
    background:url("../images/pop_close.png") no-repeat;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/blank.gif"); 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
    position: fixed;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-prev span {
    left: 20px;
    background:url("../images/left.png") no-repeat;
}

.fancybox-next span {
    right: 20px;
    background:url("../images/right.png") no-repeat;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}



.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}



.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; 
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 180px;
  bottom: 0;
  left: 0;
  width: 57px;
  height: 86px;
  text-align: center;
  filter: alpha(opacity=50);
  opacity: .5;
  background: url(../images/arrow.png) no-repeat;
}
.carousel-control.left {
  background-position: 0 -88px;
  left: -90px;
}
.carousel-control.right {
  right: -90px;
  left: auto;
  background-position: 0 0;
  
}
.carousel-control:hover,
.carousel-control:focus {
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.nav-slider .carousel-control{width: 34px;height: 52px;background: url(../images/arrow_s.png) no-repeat;top: 48px;}
.nav-slider .carousel-control.left{background-position: 0 0;left: -40px;}
.nav-slider .carousel-control.right{background-position: 0 -52px;right: -40px;}
.jcarousel-wrapper {
    position: relative;
    width: 728px;
}

/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -21px;

}
.jcarousel-control-prev {
    left: -70px;
}
.jcarousel-control-next {
    right: -70px;
}

#NewsPage{background:#e1c496 url(../images/news_bg.jpg) no-repeat;min-height: 1000px;}
.new-col,.new-col .time{color: #513434;font-family: "Microsoft YaHei"}
.new-title{text-align: center;padding-bottom: 30px;border-bottom: 2px solid #513434;margin-bottom: 30px;}
.new-title h2{font-size: 38px;}
.new-col .time{font-size: 14px;margin-top:8px;}
.new-banner{height: 535px;}
.new-content{padding-bottom: 50px;}
.new-content p{margin-bottom: 20px;line-height: 25px;font-size: 16px;}
.new-content p a{color: #92350d;text-decoration: none;}
.new-content a.back{display: block;margin: 50px auto;width: 150px;height: 51px;}
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes lightSpeedInRight {
  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)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInRight {
  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)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

@-webkit-keyframes lightSpeedInLeft {
  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)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInLeft {
  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)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0) scaleY(5);
    transform: translate3d(0,3000px,0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
    transform: translate3d(0,-20px,0) scaleY(.9)
  }

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {
  0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0) scaleY(5);
    transform: translate3d(0,3000px,0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
    transform: translate3d(0,-20px,0) scaleY(.9)
  }

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

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

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}