blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:14px;line-height:24px;background-color:#151515;position:relative}
body,html{width:100%;height:100%;min-width:1440px;margin:0;padding:0;color:#a58550;overflow-x:auto}
ol,ul{list-style:none}
:focus{outline:0}
img{vertical-align:middle;border:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,footer,header,section{display:block}
a{color:#a58550;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:0}
a:focus,input:focus{outline:0}
a:hover{text-decoration:none}
.warp{width:100%;min-width:1440px;margin:0 auto}
.main{position:relative;width:1440px;margin:0 auto;min-height:100%}
.loading{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#151515;z-index:999}
.loading .loadPress{width:808px;height:808px;background:url(../images/loading.html) no-repeat;position:absolute;left:50%;top:50%;margin:-404px 0 0 -404px}
.loading .loadLogo{width:260px;height:260px;position:absolute;left:50%;top:50%;margin:-130px 0 0 -130px}
.loading .loadSuc{background:url(../images/loading_gary.html) no-repeat left bottom;position:absolute;left:0;bottom:0;width:100%;height:0}
.loading .percent{font-size:18px;color:#e49600;width:100%;text-align:center;position:absolute;top:525px;left:0}
.c_name,.career_tit,.ds,.fs,.i_down,.i_home,.i_music,.mouse,.p_num,.p_share,.p_t,.qq,.qzone,.receive,.s_name,.sm,.sub_list li,.submit,.top_link,.wb,.wx,.zs{background:url(../images/i.png) no-repeat -9999px -9999px;overflow:hidden;text-indent:-9999em}
.top_link{height:34px;width:275px;background-position:0 0;text-indent:inherit;position:absolute;top:40px;right:45px;z-index:9;padding:0 0 0 17px}
.top_link a{display:block;float:left;width:94px;line-height:34px;position:relative;font-size:12px;overflow:hidden}
.top_link a:hover{color:#efe29b}
.top_link a i{float:left;width:20px;height:20px;margin:7px 4px 0 6px}
.top_link .i_home{background-position:-303px -6px}
.top_link .i_down{background-position:-327px -6px}
.top_link .i_music{background-position:-351px -6px}
.top_link a.sound{width:75px}
.top_link a.pause{opacity:.5}
.sub{width:137px;position:absolute;left:70px;top:5%;bottom:5%;z-index:9}
.sub:after{content:"";position:absolute;left:65px;top:115px;border-left:1px dotted #4f3e24;width:0;height:auto;bottom:34px}
.logo{background:url(../images/logo.html) no-repeat;display:block;width:100%;height:115px;overflow:hidden;text-indent:-999px}
.sub_list{width:84px;height:520px;position:absolute;left:24px;top:50%;margin-top:-220px;z-index:99}
.sub_list li{width:84px;height:74px;margin-bottom:30px;cursor:pointer;background-position:-576px -195px;text-indent:0}
.sub_list li span{display:block;padding:21px 23px;text-align:center;line-height:16px}
.sub_list li.cur,.sub_list li:hover{background-position:-576px -111px;color:#efe29b}
.mouse{display:block;width:22px;height:34px;background-position:-638px 0;position:absolute;bottom:0;left:54px}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden}
.home{background:url(../images/c6.jpg) no-repeat center top}
.career{background:url(../images/c2.jpg) no-repeat center}
.career_home{background:url(../images/c1.jpg) no-repeat center}
.career_tit{filter:Alpha(opacity=0);opacity:0;width:601px;height:57px;z-index:99;background-position:0 -43px;position:absolute;left:50%;margin-left:-300px;top:5%;-webkit-transform:translate3d(0,-90%,0);-moz-transform:translate3d(0,-90%,0);-o-transform:translate3d(0,-90%,0);-ms-transform:translate3d(0,-90%,0);transform:translate3d(0,-90%,0)}
.career_tab{filter:Alpha(opacity=0);opacity:0;width:620px;height:189px;position:absolute;bottom:0;left:50%;margin-left:-310px;z-index:999;background:url(../images/career_tab.png) no-repeat center;-webkit-transform:translate3d(0,90%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.swiper-slide-active .swiper-wrapper .career_tit,.swiper-slide-active .career_tab{filter:Alpha(opacity=100);opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;-webkit-transition:all .6s linear;transition:all .6s linear}
.career_tab li{width:86px;position:absolute;font-size:16px;text-align:center;cursor:pointer}
.career_tab li.cur,.career_tab li:hover{color:#efe29b}
.career_tab li:nth-child(1){left:96px;top:9px}
.career_tab li:nth-child(2){left:271px;top:-42px}
.career_tab li:nth-child(3){right:87px;top:16px}
.career_tab li span{display:block;width:86px;height:86px;margin-bottom:7px}
.career_tab li .zs{background-position:0 -111px}
.career_tab li.cur .zs,.career_tab li:hover .zs{background-position:-96px -111px}
.career_tab li .fs{background-position:-192px -112px}
.career_tab li.cur .fs,.career_tab li:hover .fs{background-position:-288px -112px}
.career_tab li .ds{background-position:-384px -111px}
.career_tab li.cur .ds,.career_tab li:hover .ds{background-position:-480px -111px}

.lead_a{filter:Alpha(opacity=0);opacity:0;display:block;width:640px;height:844px;background:url(../images/career_a.png) no-repeat center;position:absolute;left:50%;top:50%;margin:-400px 0 0 -400px;z-index:99}
.swiper-slide-active .swiper-wrapper .lead_a{filter:Alpha(opacity=100);opacity:1;-moz-animation:bgSize .6s ease;-ms-animation:bgSize .6s ease;-o-animation:bgSize .6s ease;-webkit-animation:bgSize .6s ease;animation:bgSize .6s ease}
.lead_b{filter:Alpha(opacity=0);opacity:0;display:block;width:624px;height:643px;background:url(../images/career_b.png) no-repeat center;position:absolute;left:50%;top:50%;margin:-380px 0 0 90px;z-index:9}
.lead_c{filter:Alpha(opacity=0);opacity:0;display:block;width:607px;height:622px;background:url(../images/career_c.png) no-repeat center;position:absolute;left:50%;top:50%;margin:-340px 0 0 -670px;z-index:9}
.swiper-slide-active .swiper-wrapper .lead_b{opacity:1;filter:Alpha(opacity=100);-moz-animation:fadeInLeft 1s ease;-ms-animation:fadeInLeft 1s ease;-o-animation:fadeInLeft 1s ease;-webkit-animation:fadeInLeft 1s ease;animation:fadeInLeft 1s ease}
.swiper-slide-active .swiper-wrapper .lead_c{opacity:1;filter:Alpha(opacity=100);-moz-animation:fadeInRight 1s ease;-ms-animation:fadeInRight 1s ease;-o-animation:fadeInRight 1s ease;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease}

#j_figure a{
    -ms-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
}
#j_figure a:hover{
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);

}

@-webkit-keyframes bgSize{
    0%{opacity:0;-webkit-transform:scale(0.2)}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes bgSize{
    0%{opacity:0;transform:scale(0.2)}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-webkit-keyframes word{
    0%,50%{opacity:0;-webkit-transform:scale(0.2)}
    70%{opacity:.6;-webkit-transform:scale(1.5)}
    80%{opacity:.8;-webkit-transform:scale(0.8)}
    90%{opacity:1;-webkit-transform:scale(1.2)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes word{
    0%,50%{opacity:0;transform:scale(0.2)}
    70%{opacity:.6;transform:scale(1.5)}
    80%{opacity:.8;transform:scale(0.8)}
    90%{opacity:1;transform:scale(1.2)}
    100%{opacity:1;transform:scale(1)}
}
.figure,.word{filter:Alpha(opacity=0);opacity:0;width:486px;height:495px;overflow:hidden;text-indent:-99999px;position:absolute;left:50%;top:50%;margin:-460px 0 0 -90px;background-position:center;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
.figure{margin:0 0 0 -100px}
.career .swiper-slide-active .word{filter:Alpha(opacity=100);opacity:1;-moz-animation:word 1s linear;-ms-animation:word 1s linear;-o-animation:word 1s linear;-webkit-animation:word 1s linear;animation:word 1s linear}

.career .swiper-slide-active .figure{opacity:1;filter:Alpha(opacity=100);-moz-animation:fadeInRight .4s ease-out;-o-animation:fadeInRight .4s ease-out;-webkit-animation:fadeInRight .4s ease-out;animation:fadeInRight .4s ease-out}
.zs_item .word{background:url(../images/career/z.html) no-repeat}
.fs_item .word{background:url(../images/career/f.html) no-repeat}
.ds_item .word{background:url(../images/career/d.html) no-repeat}
.zs_item .figure{width:821px;height:1029px;background:url(../images/career/zs.png) no-repeat left center}
.fs_item .figure{width:958px;height:1032px;background:url(../images/career/fs.png) no-repeat left center;margin:-78px 0 0 50px}
.ds_item .figure{width:1067px;height:1114px;background:url(../images/career/ds.png) no-repeat left center;margin:0 0 0 -140px}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0);-moz-transform:translate3d(50%,0,0);-o-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0);-moz-transform:translate3d(50%,0,0);-o-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.c_info{filter:Alpha(opacity=0);opacity:0;width:352px;height:556px;position:absolute;left:50%;top:50%;margin:-278px 0 0 -500px;text-align:left}
.career .swiper-slide-active .c_info{filter:Alpha(opacity=100);opacity:1;-moz-animation:fadeInLeft 1.4s ease-out;-webkit-o:fadeInLeft 1.4s ease-out;-webkit-animation:fadeInLeft 1.4s ease-out;animation:fadeInLeft 1.4s ease-out}
.c_name{width:185px;height:85px}
.zs_item .c_name{background-position:0 -207px}
.fs_item .c_name{background-position:-191px -207px}
.ds_item .c_name{background-position:-391px -207px}
.c_txt{font-size:15px;color:#bab6ab;border-top:1px dotted #686458;border-bottom:1px dotted #686458;padding:20px 33px 20px 0;margin:20px 0}
.c_t{font-size:18px;color:#ceaf7c}
.career_tabs .tabs{margin:20px 0 16px}
.career_tabs .tabs a{display:inline-block;margin-right:10px;width:44px;height:44px;padding:2px;position:relative;background:#000 url(../images/career/c.html) no-repeat -9999px -9999px;font-size:0;text-indent:-9999em}
.career_tabs .tabs a:after{content:"";position:absolute;left:0;top:0;width:46px;height:46px;border:1px solid #6a5332}
.career_tabs .tabs a.cur:after{width:44px;height:44px;border:2px solid #ceaf7c}
.career_tabs .tabs a.cur:before{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ceaf7c}
.tabs_box li{display:none;text-align:center;font-size:18px;width:280px}
.tabs_box .cimg{border:1px solid #6a5332;padding:3px;background:#2c231d;margin-bottom:10px}
.tabs_box .cimg img{display:block;width:100%}
.tabs_box li.show{display:block}
.system{background:url(../images/c3.jpg) no-repeat center;text-align:left}
.system_tab{opacity:0;width:236px;height:960px;background:url(../images/system_tab.png) no-repeat right center;position:absolute;right:20%;top:50%;margin-top:-480px;z-index:999}
.swiper-slide-active .system_tab{opacity:1;-moz-animation:fadeInRight .8s linear;-webkit-o:fadeInRight .8s linear;-webkit-animation:fadeInRight .8s linear;animation:fadeInRight .8s linear}
.system_tab li{cursor:pointer;position:absolute;top:50%;font-size:15px;font-weight:700;text-indent:34px;width:120px;height:70px;line-height:70px;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
.system_tab li:after{content:"";background:#2c2c2c;position:absolute;left:0;top:50%;margin-top:-10px;width:14px;height:14px;border-radius:50%;border:3px solid #95886a}
.system_tab li:nth-child(1){margin-top:-279px;right:-57px}
.system_tab li:nth-child(2){margin-top:-118px;right:-103px}
.system_tab li:nth-child(3){margin-top:44px;right:-104px}
.system_tab li:nth-child(4){margin-top:209px;right:-58px}
.system_tab li .sm{filter:Alpha(opacity=0);opacity:0;display:block;position:absolute;left:-27px;top:0;width:70px;height:70px;z-index:999;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;-moz-transform:scale(.2);-o-transform:scale(.2);-webkit-transform:scale(.2);transform:scale(.2)}
.system_tab li.cur .sm{filter:Alpha(opacity=100);opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.system_tab li.cur{text-indent:55px}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
80%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
80%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
#j_system{filter:Alpha(opacity=0);opacity:0;-moz-transform:translate3d(-20%,0,0);-webkit-transform:translate3d(-20%,0,0);-o-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
.swiper-slide-active #j_system{filter:Alpha(opacity=100);opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.system_img{width:530px;height:600px;position:absolute;top:50%;left:50%;margin:-300px 0 0 -590px}
@-webkit-keyframes imgScale{0%{
    opacity:0; -webkit-transform:scale(0.2)}
    100%{opacity:1; -webkit-transform:scale(1)}
}
@keyframes imgScale{
    0%{opacity:0; transform:scale(0.2)}
    100%{opacity:1; transform:scale(1)}
}
#j_system .swiper-slide-active .system_img{filter:Alpha(opacity=100);opacity:1;-moz-animation:imgScale .6s ease-out;-webkit-o:imgScale .6s ease-out;-webkit-animation:imgScale .6s ease-out;animation:imgScale .6s ease-out}
.system_info{filter:Alpha(opacity=0);opacity:0;width:360px;height:300px;text-align:left;position:absolute;top:50%;left:50%;margin:-150px 0 0 20px}
#j_system .swiper-slide-active .system_info{filter:Alpha(opacity=100);opacity:1;-webkit-animation:fadeInRight .6s ease-in;-moz-animation:fadeInRight .6s ease-in;-o-animation:fadeInRight .6s ease-in;animation-name:fadeInRight .6s ease-in}
.p_num{width:64px;height:80px;background-position:-596px -292px;text-indent:5px;font-size:30px;color:#d4c28b}
.s_name{width:170px;height:55px;margin:30px 0 35px}
.s_txt{font-size:15px;color:#bab6ab;width:340px}
.hegemony{background:url(../images/c4.jpg) no-repeat center}
.warrior{filter:Alpha(opacity=0);opacity:0;width:157px;height:179px;position:absolute;left:50%;top:50%;margin-top:124px;margin-left:-60px}
.s1 .warrior{filter:Alpha(opacity=100);opacity:1;-moz-transition:all .6s linear;-o-transition:all .6s linear;-webkit-transition:all .3s linear;transition:all .6s linear}
.jump_up{filter:Alpha(opacity=0);opacity:0;width:157px;height:188px;position:absolute;left:50%;top:50%;margin-top:113px;margin-left:-60px;-moz-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .8s linear;transition:all .4s linear;-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.s2 .warrior,.s3 .jump_up{display:none}
.s2 .jump_up{filter:Alpha(opacity=100);opacity:1;-moz-transform:translate3d(0,-480px,0);-ms-transform:translate3d(0,-480px,0);-o-transform:translate3d(0,-480px,0);-webkit-transform:translate3d(0,-480px,0);transform:translate3d(0,-480px,0)}
.jump_down{filter:Alpha(opacity=0);opacity:0;width:1045px;height:1216px;position:absolute;left:50%;top:50%;margin-top:-556px;margin-left:-440px}
@-webkit-keyframes jumpFadeIn{0%{opacity:0;-webkit-transform:scale(.2) -moz-transform:translate3d(0,-480px,0);-ms-transform:translate3d(0,-480px,0);-o-transform:translate3d(0,-480px,0);-webkit-transform:translate3d(0,-480px,0);transform:translate3d(0,-480px,0)}
50%{opacity:.5;-webkit-transform:scale(.8) -moz-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);-o-transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
75%{opacity:.8;-webkit-transform:scale(.5) -moz-transform:translate3d(0,-100px,0);-ms-transform:translate3d(0,-100px,0);-o-transform:translate3d(0,-100px,0);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}
100%{opacity:1;-webkit-transform:scale(1) -moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes jumpFadeIn{0%{opacity:0;-webkit-transform:scale(.2) -moz-transform:translate3d(0,-480px,0);-ms-transform:translate3d(0,-480px,0);-o-transform:translate3d(0,-480px,0);-webkit-transform:translate3d(0,-480px,0);transform:translate3d(0,-480px,0)}
50%{opacity:.5;-webkit-transform:scale(.8) -moz-transform:translate3d(0,100px,0);-ms-transform:translate3d(0,100px,0);-o-transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
75%{opacity:.8;-webkit-transform:scale(.5) -moz-transform:translate3d(0,-100px,0);-ms-transform:translate3d(0,-100px,0);-o-transform:translate3d(0,-100px,0);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}
100%{opacity:1;-webkit-transform:scale(1) -moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.s3 .jump_down{filter:Alpha(opacity=100);opacity:1;-moz-animation:jumpFadeIn 1s ease-out;-o-animation:jumpFadeIn 1s ease-out;-ms-animation:jumpFadeIn 1s ease-out;-webkit-animation:jumpFadeIn 1s ease-out;animation:jumpFadeIn 1s ease-out}
.slogan{filter:Alpha(opacity=0);opacity:0;width:1150px;height:416px;position:absolute;left:50%;top:50%;margin-top:-105px;margin-left:-580px}
.s4 .slogan{filter:Alpha(opacity=100);opacity:1;-moz-animation:slogan .5s linear;-o-animation:slogan .5s linear;-webkit-animation:slogan .5s linear;animation:slogan .5s linear}
@-webkit-keyframes slogan{0%,50%{opacity:0;-webkit-transform:scale(6)}
70%{opacity:.6;-webkit-transform:scale(1.5)}
80%{opacity:.8;-webkit-transform:scale(.8)}
90%{opacity:1;-webkit-transform:scale(1.2)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes slogan{0%,50%{opacity:0;transform:scale(6)}
70%{opacity:.6;transform:scale(1.5)}
80%{opacity:.8;transform:scale(.8)}
90%{opacity:1;transform:scale(1.2)}
100%{opacity:1;transform:scale(1)}
}
.packs{background:url(../images/c5.jpg) no-repeat center}
.packs_figure{filter:Alpha(opacity=0);opacity:0;width:1235px;height:1067px;background:url(../images/p1.png) no-repeat center;position:absolute;top:50%;left:55%;margin-top:-520px}
.swiper-slide-active .packs_figure{filter:Alpha(opacity=100);opacity:1;-moz-animation:fadeInRight .8s ease-out;-webkit-o:fadeInRight .8s ease-out;-webkit-animation:fadeInRight .8s ease-out;animation:fadeInRight .8s ease-out}
.packs_pop{filter:Alpha(opacity=0);opacity:0;width:562px;height:466px;border:2px solid #705a39;background:rgba(27,21,17,.9);position:absolute;left:50%;top:50%;margin:-233px 0 0 -470px;z-index:99}
.swiper-slide-active .packs_pop{filter:Alpha(opacity=100);opacity:1;-moz-animation:fadeInLeft .8s ease-out;-webkit-o:fadeInLeft .8s ease-out;-webkit-animation:fadeInLeft .8s ease-out;animation:fadeInLeft .8s ease-out}
.p_t{width:346px;height:54px;background-position:0 -447px;margin:-28px auto 0}
.packs_icon{margin:30px auto 40px}
.input{padding:0 50px;font-size:13px;height:100px}
.p_tel{line-height:34px;height:34px;margin-bottom:15px}
.p_tel .label{height:34px;width:90px;display:block;float:left;background:#5c310c;font-size:16px;color:#f8e9b6}
.p_tel .input{height:34px;width:250px;float:left;background:#705a39;padding:0 10px;border:none;font-size:16px;color:#f8e9b6}
.submit{float:right;height:34px;width:90px;background-position:0 -516px}
.submit:hover{background-position:0 -560px}
.receive{display:inline-block;width:271px;height:70px;background-position:-356px -447px}
.receive:hover{background-position:-356px -527px}
.p_share{background-position:35px -599px;margin-top:25px;text-indent:0;padding-top:13px;line-height:30px;color:#706656;text-align:left;padding-left:160px}
.p_share a{display:inline-block;width:30px;height:30px;margin:0 7px}
.p_share .wx{background-position:-100px -516px}
.p_share .qq{background-position:-142px -516px}
.p_share .qzone{background-position:-184px -516px}
.p_share .wb{background-position:-227px -516px}

@-webkit-keyframes up_down{
    0%{-webkit-transform:translate3d(0,5px,0)}
    50%{-webkit-transform:translate3d(0,-5px,0)}
    100%{-webkit-transform:translate3d(0,5px,0)}
}
@keyframes up_down{
    0%{transform:translate3d(0,5px,0)}
    50%{transform:translate3d(0,-5px,0)}
    100%{transform:translate3d(0,5px,0)}
}
.up_down{
    -webkit-animation:up_down 2s linear infinite;
    animation:up_down 2s linear infinite;
    min-height: 100%;
    display: block;
}