@charset "utf-8";.border-box{box-sizing:border-box;-webkit-box-sizing:border-box}.img_scale{overflow:hidden}.img_scale img{transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;-moz-transition:transform 1s}.img_scale:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}@keyframes go{0%{-webkit-transform:rotate(15deg);-webkit-transform-origin:0 0;-moz-transform:rotate(15deg);-moz-transform-origin:0 0;transform:rotate(15deg);transform-origin:0 0}100%{-webkit-transform:rotate(-15deg);-webkit-transform-origin:0 0;-moz-transform:rotate(-15deg);-moz-transform-origin:0 0;transform:rotate(-15deg);transform-origin:0 0}}@keyframes go2{0%{-webkit-transform:rotate(2deg);-webkit-transform-origin:0 0;-moz-transform:rotate(2deg);-moz-transform-origin:0 0;transform:rotate(2deg);transform-origin:0 0}100%{-webkit-transform:rotate(-2deg);-webkit-transform-origin:0 0;-moz-transform:rotate(-2deg);-moz-transform-origin:0 0;transform:rotate(-2deg);transform-origin:0 0}}@keyframes go3{0%{-webkit-transform:rotate(1deg);-webkit-transform-origin:0 0;-moz-transform:rotate(1deg);-moz-transform-origin:0 0;transform:rotate(1deg);transform-origin:0 0}100%{-webkit-transform:rotate(-1deg);-webkit-transform-origin:0 0;-moz-transform:rotate(-1deg);-moz-transform-origin:0 0;transform:rotate(-1deg);transform-origin:0 0}}@keyframes sunrise{0%{background:url(../images/background1.jpg) no-repeat bottom right}100%{background:url(../images/background2.jpg) no-repeat bottom right}}@keyframes drums{0%{background:url(../images/drums1.png) no-repeat}100%{background:url(../images/drums2.png) no-repeat}}@-webkit-keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@-moz-keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@-o-keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@keyframes boatMove{0%{opacity:1;left:15%;bottom:15px}100%{opacity:0;transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);left:40%;bottom:15%}}@keyframes titMove{0%{-webkit-clip-path:circle(0 at -50% 0);clip-path:circle(0 at -50% 0)}100%{-webkit-clip-path:circle(200% at -50% 0);clip-path:circle(200% at -50% 0)}}@keyframes flowerMove{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes flowerMove{0%{opacity:0}100%{opacity:1}}@keyframes titMove2{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@keyframes rightMove{0%{opacity:0;-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@-webkit-keyframes drop{0%{-webkit-transform:translate(30px,-50px)}100%{-webkit-transform:translate(-200px,650px)}}@-webkit-keyframes clockwiseSpin{0%{-webkit-transform:rotate(-50deg)}100%{-webkit-transform:rotate(50deg)}}@-webkit-keyframes counterclockwiseSpinAndFlip{0%{-webkit-transform:scale(-1,1) rotate(50deg)}100%{-webkit-transform:scale(-1,1) rotate(-50deg)}}@-moz-keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@-moz-keyframes drop{0%{-moz-transform:translate(30px,-50px)}100%{-moz-transform:translate(-200px,650px)}}@-moz-keyframes clockwiseSpin{0%{-moz-transform:rotate(-50deg)}100%{-moz-transform:rotate(50deg)}}@-moz-keyframes counterclockwiseSpinAndFlip{0%{-moz-transform:scale(-1,1) rotate(50deg)}100%{-moz-transform:scale(-1,1) rotate(-50deg)}}@-o-keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@-o-keyframes drop{0%{-o-transform:translate(30px,-50px)}100%{-o-transform:translate(-200px,650px)}}@-o-keyframes clockwiseSpin{0%{-o-transform:rotate(-50deg)}100%{-o-transform:rotate(50deg)}}@-o-keyframes counterclockwiseSpinAndFlip{0%{-o-transform:scale(-1,1) rotate(50deg)}100%{-o-transform:scale(-1,1) rotate(-50deg)}}@keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@keyframes drop{0%{transform:translate(30px,-50px)}100%{transform:translate(-200px,650px)}}@keyframes clockwiseSpin{0%{transform:rotate(-50deg)}100%{transform:rotate(50deg)}}@keyframes counterclockwiseSpinAndFlip{0%{transform:scale(-1,1) rotate(50deg)}100%{transform:scale(-1,1) rotate(-50deg)}}@keyframes lineMove{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-moz-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-o-keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}@keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-moz-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-o-keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}@keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-o-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}@keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@keyframes musicRotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes musicRotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rotateY{0%{opacity:0;transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0)}}@keyframes rotateY2{0%{opacity:0;transform:rotateY(65deg) translateY(60px);-ms-transform:rotateY(65deg) translateY(60px);-o-transform:rotateY(65deg) translateY(60px);-webkit-transform:rotateY(65deg) translateY(60px);-moz-transform:rotateY(65deg) translateY(60px)}100%{opacity:1;transform:rotateY(0) translateY(0);-ms-transform:rotateY(0) translateY(0);-o-transform:rotateY(0) translateY(0);-webkit-transform:rotateY(0) translateY(0);-moz-transform:rotateY(0) translateY(0)}}@keyframes rotateY3{0%{opacity:0;transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg)}100%{opacity:1;transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0)}}body{position:relative;padding-bottom:4.9479%}.back1,.back2{position:absolute;top:0;width:50%;height:100%;z-index:-1}.back1{left:0;background:url(../images/person/bck1.jpg) no-repeat left bottom;background-size:cover}.back2{right:0;background:url(../images/person/bck2.jpg) no-repeat right bottom;background-size:cover}.main-tit{margin-left:45px;padding-top:5.46875%;font-size:0;display:inline-block;vertical-align:top}.main-tit>div{display:inline-block;vertical-align:bottom}.main-tit .tit{width:205px;height:839px;position:relative}.main-tit .tit>div{position:absolute;clip:rect(0 205px 0 0);clip:rect(0,205px,0,0);animation:personTitMove 3s cubic-bezier(0,0,.57,1.05) forwards;-webkit-animation:personTitMove 3s cubic-bezier(0,0,.57,1.05) forwards;-moz-animation:personTitMove 3s cubic-bezier(0,0,.57,1.05) forwards;-o-animation:personTitMove 3s cubic-bezier(0,0,.57,1.05) forwards}.main-tit .tit2{position:relative;font-size:20px;color:#333;margin-left:45px;line-height:1.1;width:20px;height:402px}.main-tit .tit2 img{margin-bottom:10px}.main-tit .tit2>div{position:absolute;clip:rect(0 20px 0 0);clip:rect(0,20px,0,0);animation:personTit2Move 1.6s 2s cubic-bezier(0,0,.57,1.05) forwards;-webkit-animation:personTit2Move 1.6s 2s cubic-bezier(0,0,.57,1.05) forwards;-moz-animation:personTit2Move 1.6s 2s cubic-bezier(0,0,.57,1.05) forwards;-o-animation:personTit2Move 1.6s 2s cubic-bezier(0,0,.57,1.05) forwards}.main-con{display:inline-block;width:1370px;vertical-align:top;padding-top:5.46875%;margin-left:25px}.retrieval{opacity:0;animation:fadeInUp20 1.6s 2.6s ease forwards;-webkit-animation:fadeInUp20 1.6s 2.6s ease forwards;-moz-animation:fadeInUp20 1.6s 2.6s ease forwards;-o-animation:fadeInUp20 1.6s 2.6s ease forwards;font-size:0}.retrieval label{font-size:22px;color:#000;display:inline-block;vertical-align:middle}.retrieval select{height:49px;color:#000;font-size:18px;padding-left:20px;display:inline-block;vertical-align:middle;margin-right:25px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.retrieval .select1{width:257px;background:url(../images/person/select-bck1.png) no-repeat}.retrieval .select2{width:137px;background:url(../images/person/select-bck2.png) no-repeat}.retrieval .select3{width:137px;background:url(../images/person/select-bck2.png) no-repeat}.retrieval .search{display:inline-block;vertical-align:middle;width:257px;height:49px;position:relative;background:url(../images/person/search-bck.png) no-repeat}.retrieval .search-ipt{width:100%;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;padding-left:20px;font-size:18px;color:#333;border-radius:2px}.retrieval .search-ipt::-webkit-input-placeholder{color:#999}.retrieval .search-ipt:-moz-placeholder{color:#999}.retrieval .search-ipt::-moz-placeholder{color:#999}.retrieval .search-ipt:-ms-input-placeholder{color:#999}.retrieval .search-btn{position:absolute;height:100%;right:20px;text-align:center;top:0;color:#000;font-size:16px;cursor:pointer}.retrieval .search-btn img{margin-right:12px}.person-con{margin-top:30px;border:2px solid #b1b2af;padding-top:6.934%;padding-left:11.678%;padding-bottom:3%}.person-con .person-list{display:inline-block;vertical-align:middle;width:745px;opacity:0;animation:fadeInRight20 1.6s 3.8s ease forwards;-webkit-animation:fadeInRight20 1.6s 3.8s ease forwards;-moz-animation:fadeInRight20 1.6s 3.8s ease forwards;-o-animation:fadeInRight20 1.6s 3.8s ease forwards}.person-con .person-list ul li{float:left;width:92px;border-left:1px solid #969793;padding-top:7px;padding-bottom:40px;position:relative}.person-con .person-list ul li:before{content:"";position:absolute;left:-11.5px;top:-23px;width:23px;height:23px;display:block;background:url(../images/person/icon.png) no-repeat}.person-con .person-list ul li:last-child{border-right:1px solid #969793}.person-con .person-list ul li:last-child:after{content:"";position:absolute;right:-11.5px;top:-23px;width:23px;height:23px;display:block;background:url(../images/person/icon.png) no-repeat}.person-con .person-list ul li>div{font-size:20px;width:20px;margin:0 auto 75px;height:78px}.person-con .person-list ul li>div:last-child{margin-bottom:0}.person-tit{width:118px;height:391px;display:inline-block;vertical-align:middle;text-align:center;line-height:391px;margin-left:13.8686%;background:url(../images/person/tit-bck.png) no-repeat;opacity:0;animation:fadeInRight20 1.6s 3.2s ease forwards;-webkit-animation:fadeInRight20 1.6s 3.2s ease forwards;-moz-animation:fadeInRight20 1.6s 3.2s ease forwards;-o-animation:fadeInRight20 1.6s 3.2s ease forwards}.person-tit>div{width:1em;font-size:60px;color:#303030;line-height:1;display:inline-block;vertical-align:middle}.menu{margin-top:4.379%;opacity:0;animation:fadeInUp20 1.6s 4.4s ease forwards;-webkit-animation:fadeInUp20 1.6s 4.4s ease forwards;-moz-animation:fadeInUp20 1.6s 4.4s ease forwards;-o-animation:fadeInUp20 1.6s 4.4s ease forwards}.menu div{display:inline-block;vertical-align:middle;width:91px;height:260px;line-height:260px;text-align:center;margin-right:45px;background:url(../images/person/menu-bck2.png) no-repeat}.menu div a{display:inline-block;vertical-align:middle;width:1em;font-size:28px;color:#fff;opacity:.4;line-height:1.4;transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}.menu div.cur a,.menu div:hover a{opacity:1}.back{position:absolute;right:4.427%;top:10%}@keyframes personTitMove{0%{clip:rect(0 205px 0 0);clip:rect(0,205px,0,0)}100%{clip:rect(0 205px 839px 0);clip:rect(0,205px,839px,0)}}@keyframes personTit2Move{0%{clip:rect(0 20px 0 0);clip:rect(0,20px,0,0)}100%{clip:rect(0 20px 402px 0);clip:rect(0,20px,402px,0)}}@media (max-width:1680px){.main-con{width:1080px}.person-con .person-list{width:650px}.person-con .person-list ul li{width:80px}.person-con{padding-left:5%}.person-tit{width:90px;height:298px;background-size:90px 298px;line-height:298px}.person-tit>div{font-size:52px;line-height:1}.tit img{width:180px}}@media (max-width:1440px){.main-tit .tit{width:180px;height:737px}.main-tit .tit2{margin-left:30px}.main-con{width:940px}.retrieval .search,.retrieval .select1{width:210px;background-size:210px 40px;height:40px;line-height:40px}.retrieval select{margin-right:15px}.retrieval .select2,.retrieval .select3{width:112px;background-size:112px 40px;height:40px;line-height:40px}.person-tit{margin-left:8.3%}.person-tit>div{font-size:42px}.menu div{width:80px;height:211px;line-height:211px;background-size:80px 221px}.menu div a{font-size:24px}.person-con .person-list ul li{width:75px}.person-con .person-list ul li>div{margin-bottom:55px}.back{right:1.6%;top:6%}}