html {



    /*background-color: ;*/



    color: #000000;







    /* height: 100%;



    overflow: hidden; */



}



* {



    box-sizing: border-box;



}



body {






    font-size: 24px;



    /* overflow: hidden;



    height: 100%; */



}







.hide {



    display: none;



}







.animate {



    opacity: 0;



    -webkit-transition: all 1s;



    transition: all 1s;



    position: relative;



    -webkit-animation-fill-mode: forwards !important;



    animation-fill-mode: forwards !important;



    -webkit-animation-timing-function: ease-out;



    animation-timing-function: ease-out;



}







/*闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵稿妽闁哄懏绻堥弻鏇㈠醇濠垫劖笑闂佺ǹ琚崝鎴﹀蓟閳ユ剚鍚嬮幖绮光偓鑼晼濠电偞鍨堕幐鍝ョ矓閹绢喗绠掗梻浣呵圭换鎰板触鐎ｎ剛绀婇柟瀵稿Х绾惧ジ鏌ｅΟ鍨毢闁挎稑绉归弻鐔兼嚑椤戙垹缍婇、姗€宕楅悡搴ｇ獮婵犵數濮撮崯顖濃叢闂傚倸鍊峰ù鍥р枖閺囥垹闂柨鏇炲€哥粻顖炴煥閻曞倹瀚�*/



#music {



    position: fixed;



    top: 57px;



    right: 49px;



    z-index: 9;



    display: block;



}







#music #audio-btn {



    width: 66px;



    height: 66px;



    background-size: 100% 100%;



}







#music .on {



    /*background: url('../images/music_on.png') no-repeat 0 0;*/



    background-size: cover;



    -webkit-animation: rotating 1.2s linear infinite;



    animation: rotating 1.2s linear infinite;



}







#music .off {



    /*background: url('../images/music_off.png') no-repeat 0 0;*/



    background-size: cover;



}



/*闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵稿妽闁哄懏绻堥弻鏇㈠醇濠垫劖笑闂佺ǹ琚崝鎴﹀蓟閳ユ剚鍚嬮幖绮光偓鑼晼濠电偞鍨堕幐鍝ョ矓閹绢喗绠掗梻浣呵圭换鎰板触鐎ｎ剛绀婇柟瀵稿Х绾惧ジ鏌ｅΟ鍨毢闁挎稑绉归弻鐔兼嚑椤戙垹缍婇、姗€宕楅悡搴ｇ獮婵犵數濮撮崯顖濃叢闂傚倸鍊峰ù鍥р枖閺囥垹闂柨鏇炲€哥粻顖炴煥閻曞倹瀚�*/











/*濠电姷鏁告慨鐑藉极閹间礁纾婚柣鎰惈閸ㄥ倿鏌涢锝嗙缂佺姳鍗抽弻鐔兼⒒鐎垫瓕绐楅梺杞扮鐎氫即寮诲☉銏犵労闁稿繒濯禍顏勭暦瑜版帒绫嶉柍褜鍓涢幑銏犫槈濮楀棗鏅犲銈嗘瀹曠敻鎯勬惔銊︹拺闁告稑锕﹂幊鍐煥閺囥劋閭€殿喛顕ч埥澶愬閻樻鍟嬫繝纰夌磿閸嬬喖宕戦幘鍑板洦顦版惔锝囷紲濡炪倖娲栧Λ娆戔偓姘炬嫹*/



.deeplogo {



    position: fixed;



    top: 0;



    left: 0;



    right: 0;



    margin: 2% auto;



    z-index: 0;



    display: block;



    width: 25%;



}







/* select {



    appearance: none;



    -webkit-appearance: none;



} */







/*闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗ù锝夋交閼板潡寮堕崼姘珔闁搞劍绻冮妵鍕冀椤愵澀绮剁紓浣插亾濠㈣泛顑勭换鍡涙煏閸繃鍣洪柛锝囨嚀椤╁ジ宕ㄩ娑欐杸濡炪倖妫侀～妤呮偡閹佃櫕鐏冨┑鐐村灦椤倸鈽夊鍡樺缓闂侀€炲苯澧寸€殿喖顭烽弫鎰緞鐎ｎ亙绨婚梻浣告啞缁诲倻鈧氨鍏樺鎶筋敇閵忊檧鎷虹紓浣割儏鐏忓懏螞濮樻墎鍋撶憴鍕闁轰胶枪鍗遍柟鐗堟緲缁犺櫕淇婇妶鍕槮濞存粌銈稿娲焻閻愯尪瀚板褍顕埀顒冾潐濞插繘宕归搹鍦处闁伙絽鐬奸惌娆撴偣閸ャ劍瀚曠紒鐘虫崌瀵濡搁埡鍌氫簽闂佺ǹ鏈粙鎴︻敂閿燂拷*/







.arraup {



    opacity: 0;



    display: block;



    position: absolute;



    bottom: 3%;



    left: 0;



    right: 0;



    margin: 0 auto;



    z-index: 888;



    -webkit-animation: upDownBtn 1.5s infinite;



    animation: upDownBtn 1.5s infinite;



}















/*濠电姷鏁告慨鐑藉极閹间礁纾婚柣鎰惈閸ㄥ倿鏌涢锝嗙缂佺姵褰冮妴鎺戭潩閿濆懍澹曟俊鐐€戦崹娲偡閿旂偓宕叉繝闈涱儏缁€瀣亜閹捐泛顎屾俊鍙夋倐濮婄粯鎷呴懞銉с€婇梺闈╃秶缁犳捇鐛箛娑欐櫢闁跨噦鎷�*/



























/*濠电姷鏁告慨鐑姐€傞鐐潟闁哄洢鍨圭壕濠氭煙鏉堝墽鐣辩痪鎹愵潐娣囧﹪濡堕崨顔兼闂佸搫顑勭欢姘跺箖瑜版帒鐐婄憸搴ㄥ煝閺囥垺鐓熼柟鍝勭Ф閻瑩鏌＄仦绋垮⒉鐎垫澘瀚埀顒婄秮濞佳囧礉瀹€鍕拺闁硅偐鍋涢埀顒佺墪鐓ら柣鏃傚帶閽冪喓鈧箍鍎遍悧婊冾瀶閵娾晜鈷戦柛娑橈攻鐏忔壆鈧厜鍋撻柟闂磋兌瀹撲線鏌涢鐘插姎閹喖姊洪崘鍙夋儓闁稿﹦鎳撻埢宥夊閵堝棌鎷洪柣鐘充航閸斿苯鈻嶉幇鐗堢厵闁告垯鍊栫€氾拷*/



.bg {



    position: absolute;



    z-index: 0;



    width: 100%;



    height: 100%;



}















.nav_button {



    width: 100%;



    height: 70px;



    /* background: #000; */



    position: absolute;



    top: 0;



}







.nav_all {



    width: 100%;



    background-color: #f4f5f9;



    display: none;



    position: absolute;



    z-index: 1;



    /* top: 333px; */







}







.nav_all li {



    width: 100%;



    display: block;



    height: 70px;



    font-size: 26px;



    line-height: 70px;



    border-top: 1px solid #e5e5e5;



    padding-left: 80px;



    color: #999;



}







.nav_all li img {



    position: absolute;



    right: 80px;



    margin-top: 24px;



}



/*闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柛鎾茬閸ㄦ繃銇勯弽顐杭闁逞屽墮閸熸潙鐣烽妸褉鍋撳☉娅亝绂嶆潏銊х瘈闁汇垽娼у瓭闂佺ǹ顑呭Λ婵嬪箖閻愬顩烽悗锝庡亞閸樺崬顪冮妶鍡楀闁稿﹥娲熷鎼佸籍閸喓鍘撻梺鑽ゅ枑婢瑰棙鏅ラ梻浣告惈閼活垳绮旇ぐ鎺戞槬闁斥晛鍟刊鎾煕濞戞﹫鏀绘い鎾规硶缁辨捇宕掑▎鎴濆闂佸摜鍋涢…鐑界嵁韫囨稒鏅搁柨鐕傛嫹*/



.footer {width: 100%;height: 36px;background: #1561bf;background-size: 100% 100%;line-height: 36px;box-sizing: border-box;text-align: center;font-size: 12px;color: #fff;opacity: 1;}







.footer img {



    width: 16px;



    height: 23px;



    padding: 0px;



    margin: 0px;



    margin-right: 5px;



    vertical-align: middle;



}







.con {/* padding: 40px; */box-sizing: border-box;}



.title1 {



    font-size: 22px;



    color: #006FBA;



    line-height: 55px;



}







/*濠电姷鏁告慨鐑藉极閹间礁纾婚柣鎰惈閸ㄥ倿鏌涢锝嗙缂佺姳鍗抽幃褰掑炊瑜嶅Λ姗€鏌ㄥ┑鍡╂Ц缂佺姾娅曟穱濠囧Χ閸滀礁鍓崇紓浣割儏缁绘﹢寮婚敐鍡樺劅妞ゆ牗绮庢牎闂備礁鎲￠幐璇茬暆缁嬭法鏆﹀ù鍏兼綑楠炪垺绻涢幋鐐垫噮闁告瑥妫濆铏圭磼濡崵顦ラ梺绋匡工濠€閬嶅焵椤掍胶鍟查柟鍑ゆ嫹*/



.index-main {



    background: url('../images/index-bg.jpg') no-repeat bottom center;



    background-size: cover;



    width: 100%;



    height: 100%;



    position: relative;



}



.logo {


    top: 40px;


    left: 40px;


    z-index: 1;


    display: block;


    position: absolute;
}



.slogan {


    width: 700px;


    position: absolute;


    top: 240px;


    margin: 0 auto;


    left: 0;


    right: 0;
}



.slogan-2 {



    width: 629px;



    position: absolute;



    top: 836px;



    margin: 0 auto;



    left: 0;



    right: 0;



}



.slogan-3 {



    width: 363px;



    position: absolute;



    top: 450px;



    margin: 0 auto;



    left: 0;



    right: 0;



}











.fl {



    float: left;



}







.abs {



    position: absolute;



}







.rel {



    position: relative;



}







.center {



    margin: 0 auto;



    display: block;



}







.abscenter {



    left: 0;



    right: 0;



    margin: 0 auto



}







.aul {



    background: url(../images/bar.png) no-repeat;



    /* position: absolute;



    bottom: 0; */



    width: 100%;



    height: 200px;



    background-size: 100% 100%;



    z-index: 99;



    /*border-bottom: 1px solid #D79589;*/



}







.aul li {width: 25%;text-align: center;/*margin-left: 32px;*/margin-top: 50px;}



.aul p {font-size: 24px;color: #888888;margin: 0 auto;margin-top: 25px;}



.mainWrap {box-sizing: border-box;border-left:2px solid #1E9FCA;border-right: 2px solid #1E9FCA;}











.con {width: 100%;padding-bottom: 240px;background: url("../images/bg.png") no-repeat bottom;}







/*.aul li:nth-child(4) p {



    bottom: -4px;



    position: relative;



}







.aul li:nth-child(5) p {



    bottom: -2px;



    position: relative;



}







.aul li:nth-child(6) p {



    bottom: -2px;



    position: relative;



}*/







.aul .line2 {



    position: absolute;



    margin: 0 auto;



    left: 0;



    right: 0;



    margin-top: 10px;



}







.aul2 {



    position: relative;



    margin-top: 20px;



    /*background: url(../images/bar2.png) no-repeat;*/



}







.aul .on p {color: #225caa;font-weight: 600;/*border-bottom: 3px solid #47a3ff;*/padding-bottom: 8px;}











.longScroll {



    overflow-y: scroll;



    height: 71%;



    margin-top: 40px;



    -webkit-overflow-scrolling: touch;



}







/* 婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繘鏌熺紒銏犳灍闁哄懏绻堥弻鏇熷緞閸℃ɑ鐝曢梺鎼炲€曢惌鍌炲蓟閿濆绠涢梻鍫熺☉椤亪姊洪崨濠勬噧缂佺粯锕㈠璇差吋婢跺﹣绱堕梺鍛婃处閸撴瑥鈻嶉敐鍥╃＝濞达絽鎼悵锟犳煕閵夛絽濡块柛娆忔閳规垿鎮欓弶鎴犱桓闂佹寧纰嶉妵鍕疀閿濆嫰鍋楅梺鍝勭焿缂嶄線寮幇鏉块唶闁靛鍎查幊娆戠磽閸屾瑨鍏岀紒顕呭灣閹广垽宕橀鍛簥濠电娀娼ч鍛矆閸愵喗鐓忓┑鐐戝啫鈧崵绮堥崘顔解拺閻犲洤寮堕幑锝夋煕鐎ｅ墎绉€规洘鍔欏鍊燁檨婵炴捁顕ч湁闁绘ê妯婇崕蹇曠磼閻橀潧校濞ｅ洤锕俊鍫曞川椤撶喐顓挎繝鐢靛仜閻牊绂嶉鍫濊摕闁挎繂顦粻娑㈡⒒閸喓鈽夋い顐亰閹嘲顭ㄩ崟顒傚嚒閻庢鍠涢崺鏍矚鏉堛劎绡€闁搞儴鍩栭弲婵嬫⒑闂堟稓澧曢柟宄邦儔瀵娊顢橀悩鐢碉紳婵炴挻鑹惧ú銈夊几濞戞氨纾肩紓浣姑悘鈺冪磼椤旇娅婇柟顔哄灲瀹曟宕楅崗纰变户闂傚倷娴囧▔鏇㈠闯閿曞倸绠柨鐕傛嫹 */



.longScroll::-webkit-scrollbar {



    width: 1px;



    background-color: #b9b8ce;



}







.longScroll::-webkit-scrollbar-thumb {



    background-color: #3f3bd1;



}







.swiper-container-v {



    z-index: 0;



    /* overflow: hidden; */



}



















/*闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳碍绻濋悽闈涗粶闁宦板妼閻ｆ繄绮欑捄銊︽濠电姴锕ら崯鐘诲几鎼淬劎鍙撻柛銉╊棑閸掔増绻涢崼顐喊婵﹥妞藉畷銊︾節閸屾鏇熺箾鐎涙鐭岄柛瀣仧缁瑦寰勬繝搴℃倯婵犮垼娉涢鍥储閹剧粯鍋℃繝濠傚閻帞鈧娲樼划宀勶綖濠靛洦缍囬柍鍝勫暟閸斿綊姊绘担鍛婅础闁稿簺鍊濋妴鍐幢濞戞鏌ч梺褰掓？閻掞箓鎮￠妷鈺傜厽闁哄洨鍋涢埀顒€婀遍埀顒佺啲閹凤拷*/



.con1-1 {



    width: 100%;



}



.mi1-1 {



    width: 275px;



    margin-right: 30px;



    float: left;



    margin-bottom: 5px;



}










.mi1-3 {



    width: 100%;



}



/*缂傚倸鍊搁崐鎼佸磹閹间礁纾归柣鎴ｅГ閸婂潡鏌ㄩ弴鐐测偓鍫曞焵椤掆偓閸熸挳鐛崶顒€绾ч悹渚厛閸炵敻姊绘担鑺ョ《闁革綇绠撻獮蹇涙晸閿燂拷3濠电姷鏁告慨鐑姐€傞鐐潟闁哄洢鍨圭壕濠氭煙鏉堝墽鐣辩痪鎯ф贡閹叉悂寮崼銏犵ウ闂婎偄娲︾粙鎺楀疾閹间焦鐓ラ柣鏇炲€圭€氾拷*/



.con2-1 {



    width: 100%;



}



.con2-1 h3 {



    font-size: 24px;



    color: #0086B3;


    margin-top: 80px;



    text-align: center;



    margin-bottom: 35px;



    font-weight: 500;



}



.con2-1 a{



    width: 100%;



    display: block;



    margin-bottom: 30px;



}





.con2-1 .qrcode {



    width: 160px;



    margin: 0 auto;



    display: block;



    margin-bottom: 15px;



}



.con2-1 p {



    font-size: 18px;



    color: #0086B3;



    font-weight: 300;



    text-align: center;



    line-height: 28px;







}



.con2-1 p span {



    font-weight: 500;



}































.con3-1 {



    width: 100%;



}



.con3-1 h3 {



    font-size: 22px;



    color: #0086B3;






    line-height: 80px;



    text-align: center;



    font-weight: 500;



}



.con3-1 .qrcode {



    margin: 0 auto;



    display: block;



}



.con3-1 p {



    font-size: 20px;



    color: #0086B3;



    line-height: 28px;



    margin-top: 10px;



    text-align: center;



}



.con3-1 .mi3-1 {



    margin: 0 auto;



    width: 100%;



}







.bg5 {



    height: 100%;



    width: 100%;



    bottom: 0;



}











.p6-2 {



    padding-top: 3px !important;



    padding-left: 20px;



}







.main {



    box-sizing: border-box;



    position: absolute;



    width: 100%;



    left: 0;



    right: 0;



    z-index: 9;



    transform: translate3d(0, 0px, 0px);



    overflow: auto;



    -webkit-overflow-scrolling: touch;



    padding-bottom: 0;



}







.main .top {



    z-index: 1;



}







.main .page-main {



    width: 100%;



    height: 85%;



    overflow: hidden;



    background: #ffffff;



    margin-top: -2px;



}







.main .top .topNav {



    position: relative;



    z-index: 99;



    text-align: center;



}







.main .page-main .scrollWrap {



    min-height: 100%;



}







.shadeTop {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 150px;



    z-index: 7;



    transform: translate3d(0px, -4.6875rem, 0px);



    /* background: url(../images/shadeTop.png) no-repeat;



    background-size: 100% 100%;



    z-index: 1; */



}







#container {



    /* min-height: 1199px; */



    height: 106%;



    background-color: rgb(229, 227, 223);



    /* overflow: hidden; */



    transform: translateZ(0px);



    position: absolute;



    top: 0;



    width: 100%;



}







.bottombg {



    background: #FFFFFF;



    /* background:none; */



    position: absolute;



    bottom: 0;



    width: 100%;



    z-index: -1;



    height: 7%;



}







.conpany-intro {



    background: #fff;



    width:100%;



    /* border-radius: 10px; */



    margin: 0 auto;



    padding-bottom: 20px;



}







.cp-img1{margin: 0 auto;



    display: block;



    margin-top: 20px;



    padding-top: 30px;



    padding-bottom: 20px;}



.conpany-intro .headtxt {



    font-size: 24px !important;



    color: #999;



    text-align: justify;



    text-indent: 12px;



    height: 210px;



    overflow: hidden;



}



.heading{



    padding-top: 20px;



}



.conpany-intro .headtxt p {



    padding-top: 20px;



}







.swiper-pagination-bullet {



    width: 15px;



    height: 15px;



}







.swiper-container-horizontal>.swiper-pagination-bullets,



.swiper-pagination-custom,



.swiper-pagination-fraction {



    bottom: 150px;



}







.con-active {



    overflow: auto !important;



    height: auto !important;



}







.arrow5-div {



    text-align: center;



    width: 100px;



    height: 50px;



    margin: 0 auto;



}







.arrow5-div img {



    margin-top: 20px;



}







.reheight {



    height: 100% !important;



}







.rebg {



    background: none;



}







.none_text {



    font-size: 30px !important;



    margin: 20px auto;



    text-align: center;



    color: red;



}







.bg4 {



    z-index: 1;



}







.company-name {



    font-size: 36px;



    color: #fff;



    font-weight: bold;



    margin-left: 40px;



    padding-top: 25px;



}







.alljob-content {



    padding-top: 20px;



}







.show{ display: none;}



.p1-img{-webkit-animation:p1-img 1s 1s both;}



@keyframes p1-img{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}



    50%{-webkit-transform: scale(1.2,1.2);}



    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-imgs{-webkit-animation:p1-imgs 2s 3s both;}



@keyframes p1-imgs{



    0% {opacity: 0;  -webkit-transform: scale(1,1);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1.5,1.5);}



}



.p1-img1{-webkit-animation:p1-img1 1.1s 1.2s both;}



@keyframes p1-img1{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}



    50%{-webkit-transform: scale(1.2,1.2);}



    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-img1s{-webkit-animation:p1-img1s 2s 3.2s both;}



@keyframes p1-img1s{



    0% {opacity: 0;  -webkit-transform: scale(1,1);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1.5,1.5);}



}



.p1-img2{-webkit-animation:p1-img2 1.3s 1.5s both;}



@keyframes p1-img2{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}



    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-img2s{-webkit-animation:p1-img2s 2s 3.3s both;}



@keyframes p1-img2s{



    0% {opacity: 0;  -webkit-transform: scale(1,1);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1.2,1.2);}



}



.p1-img3{-webkit-animation:p1-img3 1.5s 1.8s both;}



@keyframes p1-img3{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}







    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-img3s{-webkit-animation:p1-img3s 2s 3.4s both;}



@keyframes p1-img3s{



    0% {opacity: 0;  -webkit-transform: scale(1,1);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1.2,1.2);}



}



.p1-img4{-webkit-animation:p1-img4 1.7s 2.1s both;}



@keyframes p1-img4{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}



    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-img4s{-webkit-animation:p1-img4s 2s 3.5s both;}



@keyframes p1-img4s{



    0% {opacity: 0;  -webkit-transform: scale(1,1);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1.2,1.2);}



}



.p1-img5{-webkit-animation:p1-img5 1.9s 2.4s both;}



@keyframes p1-img5{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}



    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-img5s{-webkit-animation:p1-img5s 2s 3.6s both;}



@keyframes p1-img5s{



    0% {opacity: 0;  -webkit-transform: scale(.8,.8);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1,1);}



}



.p1-feiji{-webkit-animation:p1-feiji 1s 0.5s both;}



@keyframes p1-feiji{



    0% {opacity: 0; -webkit-transform: translate(-3rem,0); }



    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.linelf{-webkit-animation:linelf 0.2s 2s both;}



@keyframes linelf{



    0% {opacity: 0; -webkit-transform: translate(0.25rem,-2rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.linert{-webkit-animation:linert 0.2s 2s both;}



@keyframes linert{



    0% {opacity: 0; -webkit-transform: translate(-2rem,0.25rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-tit2{-webkit-animation:p1-tit2 0.5s 2s both;}



@keyframes p1-tit2{



    0% {opacity: 0; -webkit-transform: translate(0.25rem,-9rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ssbj{-webkit-animation:p1-ssbj 0.5s 2s both;}



@keyframes p1-ssbj{



    0% {opacity: 0; -webkit-transform: translate(0.25rem,-9rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-yun{-webkit-animation:p1-yun 1.5s 2.4s both;}



@keyframes p1-yun{



    0% {opacity: 0; -webkit-transform: translate(-4rem,3rem); }



    50% {opacity: 1; -webkit-transform: translate(-0.25rem,3rem); }



    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-deng{-webkit-animation:p1-deng 0.5s 2.1s both;}



@keyframes p1-deng{



    0% {opacity: 0;-webkit-transform: scale(.8,.8);}



    50%{opacity: 0;-webkit-transform: scale(1.2,1.2);}



    100%{opacity: 1; -webkit-transform: scale(1,1);  }



}



.p1-dengs{-webkit-animation:p1-dengs 3s 3.6s both;}



@keyframes p1-dengs{



    0% {opacity: 0;  -webkit-transform: scale(1,1);}



    50%{opacity: .4;}



    100%{  opacity: 0; -webkit-transform: scale(1.2,1.2);}



}







.p1-yezi{-webkit-animation:p1-yezi 1.5s 2.2s both;}



@keyframes p1-yezi{



    0% {opacity: 0; -webkit-transform: translate(-4rem,3rem); }



    50% {opacity: 1; -webkit-transform: translate(-0.25rem,3rem); }



    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-san{-webkit-animation:p1-san 1s 2.2s both;}



@keyframes p1-san{



    0% {opacity: 0; -webkit-transform: translate(-3rem,2rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-book2{-webkit-animation:p1-book2 1s 2.3s both;}



@keyframes p1-book2{



    0% {opacity: 0; -webkit-transform: translate(-3rem,2rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-book1{-webkit-animation:p1-book2 1s 2.4s both;}



@keyframes p1-book2{



    0% {opacity: 0; -webkit-transform: translate(-4rem,2rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ren1{-webkit-animation:p1-ren1 1s 2.5s both;}



@keyframes p1-ren1{



    0% {opacity: 0; -webkit-transform: translate(-4rem,2rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ren2{-webkit-animation:p1-ren2 1s 2.5s both;}



@keyframes p1-ren2{



    0% {opacity: 0; -webkit-transform: translate(6rem,-6rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ren3{-webkit-animation:p1-ren3 1s 2.5s both;}



@keyframes p1-ren3{



    0% {opacity: 0; -webkit-transform: translate(2rem,-4rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-lines{-webkit-animation:p1-lines 1s 2.5s both;}



@keyframes p1-lines{



    0% {opacity: 0; -webkit-transform: translate(2rem,-4rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}







.p1-p1{-webkit-animation:p1-p1 1s 2.6s both;}



@keyframes p1-p1{



    0% {opacity: 0; -webkit-transform: translate(2rem,-4rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ls1{-webkit-animation:p1-ls1 3s linear infinite;}



@-webkit-keyframes p1-ls1 {



    from {-webkit-transform: rotate(0deg);}



    to {-webkit-transform: rotate(360deg);}



}



.p1-p2{-webkit-animation:p1-p2 1s 2.6s both;}



@keyframes p1-p2{



    0% {opacity: 0; -webkit-transform: translate(2rem,-4rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ls2{-webkit-animation:p1-ls2 1.5s linear infinite;}



@-webkit-keyframes p1-ls2 {



    from {-webkit-transform: rotate(0deg);}



    to {-webkit-transform: rotate(-360deg);}



}



.p1-p3{-webkit-animation:p1-p3 1s 2.6s both;}



@keyframes p1-p3{



    0% {opacity: 0; -webkit-transform: translate(2rem,-4rem); }







    100%{  opacity: 1; -webkit-transform: translate(0,0); }



}



.p1-ls3{-webkit-animation:p1-ls3 1s linear infinite;}



@-webkit-keyframes p1-ls3 {



    from {-webkit-transform: rotate(0deg);}



    to {-webkit-transform: rotate(360deg);}



}
.pic-center{display: block; margin: 0 auto;}

.title{background: url("../images/title-1.png") no-repeat center;height: 60px;line-height: 69px;}
.title p{color: #ffffff;font-size: 26px;text-align: center;font-weight: bold;letter-spacing: 2px;}
.text-box{width: 630px;margin: 0 auto;margin-bottom: 50px;}
.text-box p{color: #737373;font-size: 20px;text-indent: 2em;text-align: justify;margin-top: 30px;line-height: 35px;}

.job .con{padding-bottom: 400px}