@charset "utf-8";
/*Author:YangYonggui QQ:422297784*/
body {background:url(../images/apply/bg.jpg) no-repeat 50% 0 #fff;}
a {transition:all 0.2s ease-in-out;}
.area { margin-left:auto; margin-right:auto; width:914px;}
.header { position:relative; height:500px;}
.h-con { position:absolute; left:50%; top:50%; width:0; height:0; line-height:0; font-size:0;}
.h-con .logo { position:absolute; right:328px; bottom:162px; width:81px; height:48px; background:url(../images/apply/logo.png) no-repeat;}
.h-con .t1 { opacity:0; position:absolute; left:-104px; bottom:75px; width:560px; height:24px; line-height:24px; color:#fff; font-size:18px; letter-spacing:1px; text-shadow:1px 1px 0 #46c6d9;}
.h-con .mainT { opacity:0; position:absolute; left:-280px; bottom:110px; width:573px; height:102px; text-indent:-9999px; background:url(../images/apply/t.png) no-repeat;}
.h-con .t2 { opacity:0; position:absolute; left:-457px; bottom:0; width:914px; line-height:1.2; color:#fff; font-size:24px; text-align:center; letter-spacing:1px; text-shadow:1px 1px 0 #46c6d9;}
.h-con .house { opacity:0; position:absolute; left:-243px; top:28px; width:245px; height:174px; background:url(../images/apply/house.png) no-repeat;}
.h-con .people { opacity:0; position:absolute; left:-18px; top:50px; width:157px; height:134px; background:url(../images/apply/people.png) no-repeat;}
.h-con .pop { opacity:0; position:absolute; left:102px; top:20px; width:190px; height:112px;}
.h-con .pop .con {display:inline-block; width:190px; height:112px; background:url(../images/apply/pop.png) no-repeat;}
.h-con .t3 { opacity:0; position:absolute; left:-156px; top:191px; width:313px; height:23px; text-indent:-9999px; background:url(../images/apply/text.png) no-repeat;}

.h-con .house,.h-con .people,.h-con .pop {-webkit-animation:zoomIn .8s forwards; animation:zoomIn .8s forwards;}
.h-con .house {-webkit-animation-delay:1s; animation-delay:1s;}
.h-con .people {-webkit-animation-delay:1.5s; animation-delay:1.5s;}
.h-con .pop {-webkit-animation-delay:2s; animation-delay:2s;}
.h-con .t3 {-webkit-animation:slideInUp .8s forwards 2.4s; animation:slideInUp .8s forwards 2.4s;}
.h-con .t1 {-webkit-animation:slideInDown .5s forwards .5s; animation:slideInDown .5s forwards .5s;}
.h-con .t2 {-webkit-animation:slideInDown .8s forwards .8s; animation:slideInDown .8s forwards .8s;}
.h-con .mainT {-webkit-animation:slideInDown .5s forwards; animation:slideInDown .5s forwards;}
.h-con .pop .con {-webkit-animation:rotatePop 1s forwards linear infinite alternate; animation:rotatePop 1s forwards linear infinite alternate;}

.freeBox { padding:30px 0; *zoom:1; font-size:18px; line-height:30px;}
.freeBox .t {margin:0 auto 20px; width:322px; height:84px; background:url(../images/apply/free.png) no-repeat; text-indent:-9999px;}
.freeBox .tip { padding-bottom:5px; color:#ff7f00;}

.stepBox { padding:40px 0; *zoom:1; background:#d8e9fc;}
.stepBox .t { margin:0 auto 40px; width:322px; height:84px; background:url(../images/apply/open.png) no-repeat; text-indent:-9999px;}
.stepBox .step { width:100%; height:227px;}
.stepBox .step li {opacity:0; float:left; width:250px; height:227px; background:url(../images/apply/arrow.png) no-repeat 192px 52px;}
.stepBox .step .last { float:right; width:162px; background:none;}
.stepBox .note { opacity:0; position:relative; margin:40px 0 66px -10px; padding:16px 0 0 70px; width:862px; height:48px; line-height:38px; font-size:17px; color:#ff7f00; background:url(../images/apply/tip.png) no-repeat;}
.stepBox .btn { opacity:0; display:block; margin:0 auto 10px; width:410px; height:56px; line-height:56px; text-align:center; background-color:#f9be00; border-bottom:4px solid #f7a501; border-radius:7px; color:#fff; font-size:24px; letter-spacing:2px;}
.stepBox .btn:hover { color:#fff; background-color:#f7a501; border-bottom-color:#f70;}
.stepBox .tip { opacity:0; color:#628abb; text-align:center; font-size:18px; line-height:1;}

.midBox { background-color:#f4faff; padding:1px;}
.sortBox .comT { margin-top:40px;}
.comT { font-size:24px; height:30px; line-height:30px; color:#000;}
.sortList { padding-bottom:40px; margin-right:-40px;}
.sortList li { float:left; padding:40px 40px 0 0; width:198px; height:206px;}
.sortList li a { display:block; width:198px; height:206px; overflow:hidden;}
.sortList li a:hover {-webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.sortList li img { width:100%;}

.caseBox .comT { margin-top:30px;}
.caseList { margin-right:-50px;}
.caseList li { float:left; padding:20px 41px 0 0; width:437px;}
.caseList li a,.caseList li img { float:left; width:437px;}
.caseList li a:hover {-webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.intro { padding:30px 0 20px; background:url(../images/apply/btm.png) no-repeat center bottom #6fd007; font-size:18px; line-height:1.3; color:#fff;}
.intro .t {text-align:center; font-size:30px;}
.intro p { margin-top:10px; line-height:30px;}
.intro .mess { padding-left:335px; overflow:hidden; *zoom:1;}
.intro .pc { float:left; margin:60px 0 0 -315px; padding:11px 48px 17px 49px; _display:inline; width:200px; height:130px; background:url(../images/apply/pc.png) no-repeat;}
.intro .view {width:200px; height:130px; _position:relative; overflow:hidden;}
.intro .viewList { position:relative; width:100%; height:130px;}
.intro .viewList li { display:none; position:absolute; left:0; top:0; width:100%; overflow:hidden; *zoom:1;}
.intro .viewList li.curr { display:block; z-index:1;}
.intro .viewList li img {width:200px; height:130px;}

.friendlink { padding:20px 0 10px; background:#f2f2f2; color:#666;}
.friendlink p { padding:0 0 10px 40px;}
.friendlink a{ padding:0 6px 0 3px; line-height:1.2}
.friendlink a:last-child { border-right:none;}
.friendlink a:hover {text-decoration:underline;}

.stepActive .note,.stepActive .btn,.stepActive .tip {-webkit-animation:slideInDown .5s forwards; animation:slideInDown .5s forwards;}
.stepActive .step li {-webkit-animation:zoomIn .5s forwards; animation:zoomIn .5s forwards;}
.stepActive .step li:nth-child(2) {-webkit-animation-delay:.5s; animation-delay:.5s;}
.stepActive .step li:nth-child(3) {-webkit-animation-delay:.8s; animation-delay:.8s;}
.stepActive .step li:nth-child(4) {-webkit-animation-delay:1.1s; animation-delay:1.1s;}
.stepActive .note{-webkit-animation-delay:1.4s; animation-delay:1.4s;}
.stepActive .btn{-webkit-animation-delay:1.7s; animation-delay:1.7s;}
.stepActive .tip{-webkit-animation-delay:2.1s; animation-delay:2.1s;}
@-webkit-keyframes rotatePop{
    0%{ -webkit-transform:rotate(-5deg); -webkit-transform-origin:0% 81px;}
    100%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:0% 81px;}
}
@keyframes rotatePop{
    0%{ transform:rotate(-5deg); transform-origin:0% 81px;}
    100%{ transform:rotate(0deg); transform-origin:0% 81px;}
}