.header { border-bottom: 2px #f1f1f1 solid; height: 74px; text-align: center; position: fixed; top: 0; left: 0; right: 0; box-sizing: border-box; padding-top: 32px; z-index: 1000; }
.header img { width: 205px; }
.header i { width: 86px; height: 76px; background: url("../images/tit-list.png") center center no-repeat; background-size: 38px auto; position: absolute; top: 0; left: 0; }

.page0-content { padding-top: 320px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/p1/fly.png") right top no-repeat; background-size: 100% 100%; }
.page0-content .t1 { height: 79px; background: url("../images/p1/t1.png") center top no-repeat; background-size: auto 100%; opacity: 0; }
.page0-content .t2 { height: 41px; background: url("../images/p1/t2.png") center top no-repeat; background-size: auto 100%; margin-top: 40px; opacity: 0; }
.page0-content .t3 { height: 29px; background: url("../images/p1/t3.png") center top no-repeat; background-size: auto 100%; margin-top: 62px; opacity: 0; }
.page0-content .t4 { height: 36px; background: url("../images/p1/t4.png") center top no-repeat; background-size: auto 100%; position: absolute; bottom: 280px; left: 0; right: 0; opacity: 0; }

.fp-completely .page0-content .t1 { animation: slideUp .3s ease-in-out 1 both; }
.fp-completely .page0-content .t2 { animation: slideUp .3s .4s ease-in-out 1 both; }
.fp-completely .page0-content .t3 { animation: slideUp .3s .8s ease-in-out 1 both; }
.fp-completely .page0-content .t4 { animation: slideUp .5s 1.2s ease-in-out 1 both; }

.page1-content { background: url(../images/p2/bg.png) no-repeat right center; background-size: 100% 100%; }

.fp-slide { position: relative; }

.intro { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 100px; }
.intro .tit { padding-left: 65px; opacity: 0; width: 280px; font-size: 34px; color: #1c529f; line-height: 1; display: inline-block; margin-bottom: 0px; font-weight: bold; }
.intro .desc { padding-left: 65px; padding-top: 10px; width: 280px; padding-right: 75px; opacity: 0; font-size: 22px; line-height: 35px; color: #1d4b90; margin-bottom: 5px; font-weight: bold; }
.intro .img { font-size: 22px; color: #a2a8b1; width: 280px; margin-left: 65px; opacity: 0; line-height: 40px; }
.intro .img.fir { margin-bottom: 20px; }

.fp-completely .hide .intro .tit { opacity: 1; }
.fp-completely .hide .intro .desc { opacity: 1; }
.fp-completely .hide .intro .img { opacity: 1; }

.fp-completely .current .intro .tit1 { animation: slideLeft .3s .0s ease-in-out 1 both; }
.fp-completely .current .intro .desc1 { animation: slideLeft .3s .2s ease-in-out 1 both; }
.fp-completely .current .intro .img1 { animation: slideLeft .3s .5s ease-in-out 1 both; }
.fp-completely .current .intro .tit2 { animation: slideLeft .3s .7s ease-in-out 1 both; }
.fp-completely .current .intro .desc2 { animation: slideLeft .3s .9s ease-in-out 1 both; }
.fp-completely .current .intro .img2 { animation: slideLeft .3s 1.1s ease-in-out 1 both; }
.fp-completely .current .intro .tit3 { animation: slideLeft .3s 1.3s ease-in-out 1 both; }
.fp-completely .current .intro .desc3 { animation: slideLeft .3s 1.5s ease-in-out 1 both; }
.fp-completely .current .intro .img3 { animation: slideLeft .3s 1.7s ease-in-out 1 both; }

.section .fp-controlArrow { display: none; width: 0; height: 0; border: 0; }

.fp-slidesNav.bottom { position: absolute; bottom: 150px; left: 0; right: 0; text-align: center; margin: 0 !important; display: none; }
.fp-slidesNav.bottom ul > li { display: inline-block; vertical-align: top; margin: 0; width: auto; height: auto; padding: 0 8px; }
.fp-slidesNav.bottom a { width: 13px; height: 13px; border-radius: 50%; background: #bcc0c6; }
.fp-slidesNav.bottom a span { display: none; }
.fp-slidesNav.bottom a.active { background: #00348f; }

.icon-list { width: 180px; height: 132px; display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; }
.icon-list.icon-1 { background-image: url("../images/p34/icon-1.png"); }
.icon-list.icon-2 { background-image: url("../images/p34/icon-2.png"); }
.icon-list.icon-3 { background-image: url("../images/p34/icon-3.png"); }
.icon-list.icon-4 { background-image: url("../images/p34/icon-4.png"); }
.icon-list.icon-5 { background-image: url("../images/p34/icon-5.png"); }

.info-list { font-size: 0; line-height: 0; padding: 70px 30px 0 30px; }
.info-list > ul > li { width: 50%; display: inline-block; vertical-align: top; text-align: center; height: 314px; }
.info-list > dl { opacity: 0; border-bottom: 1px #ebebeb solid; }
.info-list > dl:last-child { border-bottom: none; }
.info-list > dl.t-r { text-align: right; }
.info-list > dl > dt { display: inline-block; vertical-align: top; width: 50%; height: 170px; box-sizing: border-box; padding: 30px 40px 0 40px; }
.info-list > dl > dd { display: inline-block; vertical-align: top; width: 50%; height: 140px; padding-top: 30px; }
.info-list > dl > dd h3 { font-size: 30px; padding: 0px 0 10px 0; line-height: 1; color: #1e53a0; }
.info-list > dl > dd p { font-size: 22px; line-height: 1.6; color: #a2a8b1; }
.info-list > dl > dd p span { color: #00348f; }
.info-list .info-box { opacity: 0; }
.info-list .info-box h3 { font-size: 30px; padding: 30px 0; line-height: 1; color: #1e53a0; }
.info-list .info-box p { font-size: 22px; line-height: 1.6; color: #a2a8b1; }
.info-list .info-box p span { color: #00348f; }

.fp-completely .info-list dl:nth-child(1) { animation: slideUp .3s  ease-in-out 1 both; }
.fp-completely .info-list dl:nth-child(2) { animation: slideUp .3s .2s ease-in-out 1 both; }
.fp-completely .info-list dl:nth-child(3) { animation: slideUp .3s .4s ease-in-out 1 both; }
.fp-completely .info-list dl:nth-child(4) { animation: slideUp .5s .6s ease-in-out 1 both; }
.fp-completely .info-list dl:nth-child(5) { animation: slideUp .5s .8s ease-in-out 1 both; }

.about { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 176px; background: url("../images/p5/bg.png") no-repeat; background-size: 100% 100%; }
.about .tit { padding-left: 60px; opacity: 0; }
.about .tit h3 { font-size: 33px; color: #1c529f; line-height: 1; display: inline-block; vertical-align: top; }
.about .tit span { font-size: 20px; color: #a4a1a2; display: inline-block; vertical-align: top; padding-top: 13px; text-transform: uppercase; padding-left: 6px; }
.about .desc { padding: 20px 65px; font-size: 22px; line-height: 2; color: #a2a8b1; opacity: 0; }
.about .desc p { text-indent: 2em; text-align: justify; }
.about .img { padding-top: 60px; opacity: 0; }
.about .img img { width: 100%; }

.fp-completely .about .tit { animation: slideUp .3s ease-in-out 1 both; }
.fp-completely .about .desc { animation: slideUp .3s .4s ease-in-out 1 both; }
.fp-completely .about .img { animation: slideUp .3s .8s ease-in-out 1 both; }

.contact { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 230px; }
.contact .code { position: absolute; top: 110px; left: calc(50% - 120px); width: 241px; height: 241px; opacity: 0; z-index: 99; }
.contact .phone { position: absolute; top: 80px; left: calc(50% - 300px); width: 598px; height: 468px; background: url("../images/p6/phone.png") no-repeat; background-size: 100% 100%; opacity: 0; }
.contact .t1 { position: absolute; top: 355px; left: 0; right: 0; text-align: center; font-size: 24px; line-height: 39px; opacity: 0; }
.contact .t1 span { color: #1c4b8f; }
.contact .t2 { position: absolute; top: 630px; left: 0; right: 0; text-align: center; font-size: 24px; line-height: 1; opacity: 0; font-weight: bold; color: #1c4b8f; }
.contact .t3 { position: absolute; top: 660px; left: 0; right: 0; text-align: left; font-size: 24px; line-height: 36px; opacity: 0; color: #4e87d6; padding-left: 65px; }
.contact .t3 span { font-weight: bold; color: #1c4b8f; }
.contact .t4 { position: absolute; top: 750px; left: 40px; right: 40px; text-align: center; font-size: 24px; line-height: 36px; opacity: 0; color: #f00; }
.contact .footer { height: 0px; position: absolute; left: 0; right: 0; bottom: 0; background: #4f6aba; font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 0.6); text-align: center; padding-top: 0px; opacity: 0; overflow: hidden; }

.fp-completely .contact .phone { animation: slideDown .3s ease-in 1 both; }
.fp-completely .contact .code { animation: slideUp .3s .4s ease-in-out 1 both; }
.fp-completely .contact .t1 { animation: slideUp .3s .8s ease-in 1 both; }
.fp-completely .contact .t2 { animation: slideUp .3s 1.2s ease-in-out 1 both; }
.fp-completely .contact .t3 { animation: slideUp .3s 1.5s ease-in-out 1 both; }
.fp-completely .contact .t4 { animation: slideUp .3s 1.8s ease-in-out 1 both; }
.fp-completely .contact .footer { height: 100px; padding-top: 36px; opacity: 1; transition: all .5s; transition-delay: 1.8s; }

.type-nlist { width: 280px; }
.type-nlist > ul > li { box-sizing: border-box; height: 80px; padding-left: 30px; display: box; display: -moz-box; display: -webkit-box; box-align: center; -webkit-box-align: center; -moz-box-align: center; }
.type-nlist > ul > li p { font-size: 20px; color: #fff; padding-left: 30px; line-height: 30px; width: 150px; display: inline-block; vertical-align: middle; }
.type-nlist .icon-type { width: 34px; height: 34px; display: inline-block; vertical-align: middle; background: url("../images/icon-list.png") no-repeat; }
.type-nlist .icon-type.icon-1 { background-position: 0 0; }
.type-nlist .icon-type.icon-2 { background-position: 0 -34px; }
.type-nlist .icon-type.icon-3 { background-position: 0 -68px; }
.type-nlist .icon-type.icon-4 { background-position: 0 -102px; }
.type-nlist .icon-type.icon-5 { background-position: 0 -136px; }
.type-nlist .icon-type.icon-6 { background-position: 0 -170px; }

.body { width: 640px; position: relative; height: 100%; }
.body .section { position: relative; top: 0; left: 0; width: 100%; bottom: 0; overflow-x: hidden; overflow-y: auto; transition: .5s; }
.body .left-nav { width: 0px; background: #546bb1; position: absolute; top: 0; bottom: 0; overflow: hidden; transition: .5s; padding-top: 90px; z-index: 999; }
.body .header:before { position: absolute; top: 0; left: 0; right: 0; content: ""; height: 0%; background: #546bb1; z-index: -1; transition: all .5s; }
.body.show-nav .left-nav { width: 280px; }
.body.show-nav .section { left: 280px; }
.body.show-nav .header { height: 80px; border-bottom: 2px transparent solid; transition: all .5s; background: transparent; }
.body.show-nav .header:before { position: absolute; top: 0; left: 0; right: 0; content: ""; height: 100%; background: #546bb1; z-index: -1; }
.body.show-nav .header i { background-image: url("../images/tit-list-w.png"); }
.body.show-nav .header img { opacity: 0; }

.page-arrow { position: absolute; bottom: 56px; left: calc(50% - 15px); width: 31px; height: 41px; background: url("../images/arrow.png") no-repeat; background-size: 100% 100%; animation: arrow .2s ease-in alternate infinite; }

@keyframes arrow { from { transform: translateY(10px); }
  to { transform: translateY(0px); } }
@keyframes slideUp { from { transform: translateY(50px); opacity: 0; }
  to { transform: translateY(0px); opacity: 1; } }
@keyframes slideDown { from { transform: translateY(0px); opacity: 0; }
  to { transform: translateY(50px); opacity: 1; } }
@keyframes slideLeft { from { transform: translateX(50px); opacity: 0; }
  to { transform: translateX(0px); opacity: 1; } }

/*# sourceMappingURL=css.css.map */