@charset "utf-8";
/*****************************
*Name:app_pc.css
*The Author:snow
*Update Time:2016-12-03 10:50
******************************/
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{font-size:16px;}
html,body{position:relative;height:100%;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{text-decoration:none;color:#fff;}
body{font:16px/1 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,Helvetica,"5b8b\4f53",sans-serif;color:#fff;padding:0;margin:0;}
.swiper-container{width:100%;height:100%;overflow:hidden;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
/******onepage *****/
.onepage{background-color:#29c87b;overflow:hidden;position:relative;}
.header-compage{position:absolute;left:0;top:0;z-index:999;width:100%;}
.header-compage .header-returnpage{width:80%;margin:0 auto;text-align:left;padding-top:10px;}
.header-compage .header-returnpage a{font-size:18px;line-height:30px;}
.header-compage .header-returnpage a:hover{text-decoration:underline;}
.header-compage .header-returnpage .icon-return{display:block;float:left;width:20px;height:18px;background:url(images/pc/icon-return.png) no-repeat 0 0;margin:6px 5px 0 0;}
.con-onepage{width:1000px;min-width:1000px;margin:0 auto;z-index:100;}
.onepage-phoneapp{position:absolute;top:50%;margin:-300px -400px 0 0;right:50%;width:276px;height:564px;z-index:100;}
.onepage-appintro .txt-appintro{position:absolute;top:50%;left:50%;margin:-190px 0 0 -330px;text-align:left;z-index:500;opacity:0.3;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);transform:translateY(-50px);}
.ie .onepage-appintro .txt-appintro{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}
.swiper-animation .txt-appintrocur{-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1;}
.txttop-appintro{font-size:14px;line-height:24px;}
.txtmid-appintro{font-size:28px;line-height:40px;margin-top:12px;}
.txtbtm-appintro{font-size:20px;line-height:30px;margin-top:24px;}
.handle-appdownload{position:absolute;top:50%;left:50%;margin:-20px 0 0 -330px;}
.btns-appdownload{float:left;margin:6px 35px 0 0;z-index:100;position:relative;}
.btns-appdownload .btn-phoneapp{display:block;width:156px;height:42px;margin-bottom:20px;text-align:center;line-height:42px;color:#29c87b;text-decoration:none;background-color:#f3f52a;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btns-appdownload .btn-phoneapp:hover{background-color:#f3e52a;}
.code-appdownload{float:left;position:relative;z-index:100;}
.code-appdownload .photo-appdownload{width:101px;height:101px;padding:8px;background-color:#fff;}
.code-appdownload .tips-appdownload{font-size:14px;text-align:center;line-height:20px;margin-top:7px;}
.onepage-footer{width:100%;height:142px;position:absolute;bottom:0;left:0;background:url(images/pc/bg-part1.jpg) no-repeat center top;background-size:cover;}
/******onepage end*****/
/******twopage ******/
.twopage{background-color:#b7b9f5;}
.header-twopage{top:22%;}
.txttit-compage{font-size:50px;line-height:60px;}
.txttips-compage{font-size:24px;line-height:30px;}
.con-twopage{width:100%;height:548px;position:absolute;top:50%;left:0;margin-top:-274px;background:url(images/pc/bg-part2.png) no-repeat center top;background-size:832px 548px;}
.header-twopage .txttips-compage{margin-top:20px;color:#7d81e6;}
.con-twopage .cv-inphoto{position:absolute;top:50%;left:50%;margin:-20px 0 0 -74px;opacity:0;}
.swiper-animation .con-twopage .cv-inphotocur{-webkit-animation:cv-inphotocur 1s forwards;-moz-animation:cv-inphotocur 1s forwards;animation:cv-inphotocur 1s forwards;opacity:1;}
@-webkit-keyframes cv-inphotocur{
    0%{transform:translateY(-30px);opacity:0;}
    50%{transform:translateY(-40px);opacity:0.8;}
    100%{transform:translateY(-20px);opacity:1;}
}
@-moz-keyframes cv-inphotocur{
    0%{transform:translateY(-30px);opacity:0;}
    50%{transform:translateY(-40px);opacity:0.8;}
    100%{transform:translateY(-20px);opacity:1;}
}
@keyframes cv-inphotocur{
    0%{transform:translateY(-30px);opacity:0;}
    50%{transform:translateY(-40px);opacity:0.8;}
    100%{transform:translateY(-20px);opacity:1;}
}
.cv-outphoto{position:absolute;top:50%;left:50%;margin:38px 0 0 -80px;padding-bottom:30px;}
.right-dialogphoto,.left-dialogphoto{position:absolute;left:50%;}
.right-dialogphoto{top:34%;-webkit-transform:translateX(160px);-moz-transform:translateX(160px);transform:translateX(160px);opacity:0;filter:alpha(opacity=0);}
.left-dialogphoto{top:48%;-webkit-transform:translateX(-350px);-moz-transform:translateX(-350px);transform:translateX(-350px);opacity:0;filter:alpha(opacity=0);}
.swiper-animation .right-dialogphotocur{-webkit-transition:all 0.8s 0.3s;-moz-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s;-webkit-transform:translateX(210px);-moz-transform:translateX(210px);transform:translateX(210px);opacity:1;filter:alpha(opacity=1);}
.swiper-animation .left-dialogphotocur{-webkit-transition:all 0.8s 0.4s;-moz-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s;-webkit-transform:translateX(-390px);-moz-transform:translateX(-390px);transform:translateX(-390px);opacity:1;filter:alpha(opacity=1);}
/******twopage end******/
/******threepage*****/
.threepage{background-color:#5288ca;}
.header-threepage{height:175px;top:25px;background:url(images/pc/bg-addpart31.png) no-repeat center top;background-size:contain;}
.con-htreepage{width:100%;height:600px;position:absolute;bottom:0;left:0;}
.con-htreepage img{position:absolute;left:50%;}
.photo-cvdeliver{bottom:0;margin-left:-280px;}
.photo-newinfo{bottom:30%;margin-left:-400px;z-index:100;opacity:0;-webkit-transform:translate(-60px);-moz-transform:translate(-60px);transform:translate(-60px);}
.swiper-animation .photo-newinfocur{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;opacity:1;-webkit-transform:translate(0px);-moz-transform:translate(0px);transform:translate(0px);}
.txt-threepage{position:absolute;top:28%;left:50%;margin-left:150px;text-align:left;opacity:0;-webkit-transform:translate(300px);-moz-transform:translate(300px);transform:translate(300px);}
.swiper-animation .txt-threepagecur{-webkit-transition:all 0.65;-moz-transition:all 0.5s;transition:all 0.5s;opacity:1;-webkit-transform:translate(0px);-moz-transform:translate(0px);transform:translate(0px);}
.txt-threepage .txttips-compage{margin-top:25px;}
.footer-threepage{width:100%;height:97px;position:absolute;bottom:0;left:0;background:url(images/pc/bg-addpart32.png) no-repeat left top;background-size:cover;}
/******threepage end*****/
/******fourpage*******/
.fourpage{background-color:#fece7c;}
.header-fourpage{top:50%;margin-top:-114px;}
.header-fourpage .txttit-compage{color:#e74a44;}
.header-fourpage .txttips-compage{color:#e0504c;margin-top:15px;}
.con-fourpage{position:absolute;top:50%;left:0;width:100%;height:592px;margin-top:-296px;background:url(images/pc/bg-part3.png) no-repeat center top;background-size:1116px 492px;}
.con-fourpage .img-fourpage{position:absolute;bottom:0;left:50%;width:594px;height:180px;opacity:0;-webkit-transform:translateX(-1300px);-moz-transform:translateX(-1300px);transform:translateX(-1300px);}
.swiper-animation .con-fourpage .img-fourpagecur{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translateX(-347px);-moz-transform:translateX(-347px);transform:translateX(-347px);opacity:1;}
/******fourpage end*******/
/******fivepage******/
.fivepage{background-color:#21b4be;}
.header-fivepage{height:170px;background:url(images/pc/bg-part401.png) no-repeat 40% 0;}
.con-fivepage{width:100%;height:600px;position:absolute;bottom:0;left:0;}
.img-fivepage{width:342px;height:577px;position:absolute;bottom:-5%;left:50%;margin-left:-346px;opacity:0;-webkit-transform:translateY(600px);-moz-transform:translateY(600px);transform:translateY(600px);}
.swiper-animation .img-fivepagecur{-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
.txt-fivepage{position:absolute;top:38%;left:50%;text-align:left;margin-left:100px;}
.txt-fivepage .txttips-compage{margin-top:20px;}
.footer-fivepage{position:absolute;bottom:0;left:0;width:100%;height:99px;background:url(images/pc/bg-part402.png) no-repeat center bottom;background-size:cover;}
/******fivepage end******/
/******sixpage******/
.sixpage{background-color:#ec6464;}
.header-sixpage{text-align:center;top:50%;margin-top:-186px;}
.header-sixpage .txttips-compage{margin-top:30px;}
.con-sixpage{position:absolute;bottom:0;left:0;width:100%;height:425px;background:url(images/pc/bg-part5.png) no-repeat center bottom;background-size:cover;}
.con-sixpage .img-sixpage{position:absolute;top:50%;left:0;margin-top:14px;-webkit-transform:translateX(-1050px);-moz-transform:translateX(-1050px);transform:translateX(-1050px);opacity:0;filter:alpha(opacity=0);}
.swiper-animation .con-sixpage .img-sixpagecur{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1;filter:alpha(opacity=1);}
/******sixpage end******/
/******sevenpage end******/
.sevenpage{background-color:#C4E4F1;}
.header-sevenpage{top:15%;height:200px;background:url(images/pc/bg-part7.png) no-repeat top center}
.txttit-compage{font-size:50px;line-height:60px;margin-top:30px;padding-left:30px;}
.header-sevenpage .txttips-compage{font-size:24px;line-height:30px;padding-left:30px;}
.con-sevenpage{width:100%;height:548px;position:absolute;top:50%;left:0;margin-top:-274px;background-size:832px 548px;}
.header-sevenpage .txttips-compage{margin-top:20px;}
.right-dialogphoto,.left-dialogphoto{position:absolute;left:50%;}
.right-dialogphoto{top:38%;-webkit-transform:translateX(160px);-moz-transform:translateX(160px);transform:translateX(160px);opacity:0;filter:alpha(opacity=0);}
.left-dialogphoto{top:30%;-webkit-transform:translateX(-350px);-moz-transform:translateX(-350px);transform:translateX(-350px);opacity:0;filter:alpha(opacity=0);}
.swiper-animation .right-dialogphotocur{-webkit-transition:all 0.8s 0s;-moz-transition:all 0.8s 0s;transition:all 0.8s 0s;-webkit-transform:translateX(210px);-moz-transform:translateX(210px);transform:translateX(210px);opacity:1;filter:alpha(opacity=1);}
.swiper-animation .left-dialogphotocur{-webkit-transition:all 0.8s 0s;-moz-transition:all 0.8s 0s;transition:all 0.8s 0s;-webkit-transform:translateX(-350px);-moz-transform:translateX(-390px);transform:translateX(-390px);opacity:1;filter:alpha(opacity=1);}
/******sevenpage end******/
/*****con-appdisc******/
.con-appdisc{display:none;text-align:center;margin:85px 0;background-color:#fff;color:#666;}
.txttips-ftpage{font-size:20px;line-height:30px;margin-top:25px;}
/*****con-appdisc end******/
/*****ҳβ******/
.con-footer{display:none;position:relative;height:78px;line-height:78px;color:#666;text-align:center;background-color:#f6f6f6;overflow:hidden;}
/*****ҳβ end******/
/******±ßÀ¸µ¼º½Ìõ******/
.sidenav-bar {overflow:hidden;position:absolute;right:70px;top:50%;z-index:100;}
.sidenav-bar span.focus {background-color:#fff;opacity:.8;filter:alpha(opacity=80);overflow:hidden;}
.sidenav-bar span:last-child{margin:0;}
.sidenav-bar span{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;display:block;width:12px;height:12px;background-color:#fff;opacity:.3;filter:alpha(opacity=30);border-radius:50%;margin-bottom:16px;text-indent:-2000px;}
/******±ßÀ¸½ø¶ÈÔ² end******/