/* reset */
::-moz-selection{color:#333;background-color:rgba(255,198,1,0.15);}
::selection{color:#333;background-color:rgba(255,198,1,0.15);}
::-moz-selection{color:#333;background-color:rgba(255,198,1,0.15);}
::-webkit-selection{color:#333;background-color:rgba(255,198,1,0.15);}
html{overflow-y:scroll;background:#fff;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body,button,input,select,textarea{color:#2e2e2e;font:12px/1.5 "Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","微软雅黑",'Segoe UI',Tahoma,"宋体b8b\4f53",SimSun,sans-serif;-webkit-font-smoothing:antialiased;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:400;}
address,cite,dfn,em,i,var,b{font-style:normal;}
small{font-size:12px;}
legend{color:#000;}
dd,dl,dt,li,ol,ul{list-style:none;}
fieldset,img{border:none;}
img{-ms-interpolation-mode:bicubic;}
input,label,select,textarea,button{outline:0;}
img,li,input,label,select,textarea,button{vertical-align:top;}
button,input,select,textarea{font-size:100%;}
input::-ms-clear,input::-ms-reveal{display:none;}
input:focus::-webkit-contacts-auto-fill-button{opacity:0;visibility:hidden;display:none!important;pointer-events:none;height:0;width:0;margin:0;}
input[type=submit],input[type=button]{star:expression(this.onFocus=this.blur());}
input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:none;padding:0;}
input,textarea,button{}
a,a:link{color:#2e2e2e;text-decoration:none;outline:0;+cursor:pointer;star:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline;color:#0180cf;}
input.focus,textarea.focus{color:#333!important;}

/* end reset */

/* common */

.about_top {
  background-color: #fff;
  box-shadow: 0 0 5px #ccc;
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 100;
}
.about_1100 {
  width: 1100px;
}
.llogo {
  width: 1000px;
  margin: 0 auto;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.l_menu {
margin-top: 20px 
}
.l_menu li {
float: left;
background: url(../images/sep_002.png) no-repeat right 13px;
padding: 0 15px 0 15px;
line-height: 35px;
height: 35px 
}
.l_menu li a {
color: #666;
font-size: 16px 
}
.l_menu li a:hover {
color: #4da1d7 
}
        .download {
          width: 1000px;
          display: -webkit-box;
          display: flex;
          margin:0 auto;
          margin-top: 400px;

        }
        .ewm {
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          margin-right: 20px;
          background: #fff;
          padding:10px;
        }
        .ewm p { text-align: center;  margin-top: 5px; font-size: 14px;}
        .downloadlist { 
          display: -webkit-box; 
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
          -webkit-box-pack: justify;
                  justify-content: space-between;
        }
        .downloadlist div{
          display: -webkit-box;
          display: flex;
          -webkit-box-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
                  align-items: center;
          width: 200px;
          background: #fff;
          border-radius: 10px;
          padding: 20px;
          box-sizing: border-box;
          font-size: 16px;
          cursor: pointer;
        }
        .downloadlist div i {
          font-size: 30px; margin-right: 10px;
        }

        

.fl{float:left;}
.fr{float:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.dib,img,.gap-hfword,.gap-aword,.gap-dbword,.btn-orange,.btn-orange:link,.btn-green,.btn-green:link,.btn-gray,.btn-gray:link,.btn-dis,.btn-dis:link{display:inline-block;*display:inline;*zoom:1;}
.dn{display:none;}
.vh{visibility:hidden;}
.vam{vertical-align:middle;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.ellips{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gap-hfword,.gap-aword,.gap-dbword{overflow:hidden;}
.gap-hfword{width:.5em;}
.gap-aword{width:1em;}
.gap-dbword{width:2em;}
.btn-orange,.btn-orange:link,.btn-green,.btn-green:link,.btn-gray,.btn-gray:link,.btn-dis,.btn-dis:link{color:#fff;white-space:nowrap;border-radius:3px;}
.btn-orange,.btn-orange:link{background:#ffc601;}
.btn-green,.btn-green:link{background:#5ea51e;}
.btn-gray,.btn-gray:link{font-size:12px;background:#e0e0e0;border:#ccc solid 1px;-o-box-shadow:0 1px 0 rgba(255,255,255,1) inset;-ms-box-shadow:0 1px 0 rgba(255,255,255,1) inset;box-shadow:0 1px 0 rgba(255,255,255,1) inset;}
.btn-dis,.btn-dis:link,.btn-dis:hover{background:#ccc!important;cursor:default;}
.btn-orange:hover,.btn-green:hover,.btn-gray:hover,.btn-dis:hover{text-decoration:none;}
.btn-orange:hover,.btn-green:hover{color:#fff;}
.btn-orange:hover{background:#f9c851;}
.btn-green:hover{background:#4d9011;}
.btn-gray:hover{background:#fff;}

/* end common */

/* iconfont */
@font-face{font-family:'iconfont';  /* project id 133971 */src:url('//at.alicdn.com/t/font_133971_1pwbrmrpokk.eot');src:url('//at.alicdn.com/t/font_133971_1pwbrmrpokk.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_133971_1pwbrmrpokk.woff2') format('woff2'),url('//at.alicdn.com/t/font_133971_1pwbrmrpokk.woff') format('woff'),url('//at.alicdn.com/t/font_133971_1pwbrmrpokk.ttf') format('truetype'),url('//at.alicdn.com/t/font_133971_1pwbrmrpokk.svg#iconfont') format('svg');}
[class^="icon-"],[class*=" icon-"]{font-family:'iconfont';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;  /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.icon-anzhuo:before{content:"\e64d";}
.icon-ios:before{content:"\e618";}
.icon-app:before{content:"\e617";}

/* end iconfont */
body{min-width:1200px;}
.icons-app,.icons-sidetools{width:0;height:0;font-size:0;line-height:0;display:block;overflow:hidden;background-image:url(../images/icons-app.png);background-repeat:no-repeat;}
.icons-sidetools{background-image:url(../images/icons-sidetools.png);}
.header{position:absolute;z-index:100;top:0;left:0;right:0;height:60px;}
.logo{margin-left:80px;}
.logo a{background:url('../images/app_logo.png') no-repeat;width:180px;}
.logo a,.logo a:hover{display:block;height:60px;overflow:hidden;text-decoration:none;}
.logo i{position:relative;top:-24px;font-size:106px;line-height:1;color:#ffc601;}
.qr{position:relative;line-height:60px;margin-right:115px;}
.qr .trigger{font-size:0;color:#333;line-height:60px;white-space:nowrap;}
.qr .trigger i{position:relative;}
.qr .trigger i,.qr .trigger span{display:inline-block;*display:inline;*zoom:1;  /*vertical-align: top;*/}
.qr .trigger i{top:2px;font-size:24px;}
.qr .trigger span{padding-left:6px;font-size:16px;}
.qr p{display:none;position:absolute;top:60px;left:50%;margin-left:-80px;width:160px;height:188px;overflow:hidden;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000',endColorstr='#33000000');}
:root .qr p{-webkit-filter:none;filter:none;background-color:rgba(0,0,0,0.2);}
.qr:hover p{display:block;}
.qr p i{width:124px;height:124px;margin:30px auto 0;border:#fff solid 2px;}
.download-btns .items{font-size:0;color:#333;line-height:60px;white-space:nowrap;}
.download-btns .items:hover{text-decoration:none;}
.download-btns .items i,.download-btns .items span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.download-btns .items i{font-size:20px;}
.download-btns .android i{position:relative;  /*top: -3px;*/}
.download-btns .items span{padding-left:6px;padding-right:40px;font-size:16px;}
.header.show{position:fixed;background-color:#f5f5f5;box-shadow:0 0 10px rgba(0,0,0,.3);}
.header.show .qr p{display:block;}
.banner{height:808px;overflow:hidden;background:url(../images/appbanner.jpg) top center no-repeat #f5f5f5;}
.inner{position:relative;width:1200px;height:100%;margin:0 auto;}
.container-1{height:810px;overflow:hidden;background-color:#fff;}
.container-2,.container-3,.container-4,.container-5{height:784px;overflow:hidden;}
.container-2,.container-4,.container-5{background-color:#eee;}
.container-3{background-color:#f5f5f5;}
.c1-big,.c2-big,.c3-big,.c4-big,.c5-big,.c6-big{position:absolute;}
.c1-small,.c2-small,.c3-small,.c4-small,.c5-small,.c6-small{position:absolute;z-index:1;left:50%;}
.c1-big{bottom:0;left:46px;width:448px;height:658px;background:url(../images/c1-big.png) center top no-repeat;}
.c1-small{width:663px;height:273px;top:130px;margin-left:-331px;background:url(../images/c1-small.png) center top no-repeat;}
.c2-big{bottom:0;right:-20px;width:448px;height:658px;background:url(../images/c2-big.png) center top no-repeat;}
.c2-small{width:663px;height:397px;top:142px;margin-left:-380px;background:url(../images/c2-small.png) center top no-repeat;}
.c3-big{bottom:0;left:46px;width:448px;height:658px;background:url(../images/c3-big.png) center top no-repeat;}
.c3-small{width:663px;height:279px;top:262px;margin-left:-331px;background:url(../images/c3-small.png) center top no-repeat;}
.c4-big{bottom:0;right:10px;width:448px;height:658px;background:url(../images/c3-big.png) center top no-repeat;}
.c4-small{width:522px;height:399px;top:190px;margin-left:-365px;background:url(../images/c4-small.png) center top no-repeat;}

.c5-big{bottom:0;right:10px;width:448px;height:658px;background:url(../images/c5-big.png) center top no-repeat;}
.c5-small{width:663px;height:397px;top:172px;margin-left:-320px;background:url(../images/c5-small.png) center top no-repeat;}

.c6-big{bottom:0;left:46px;width:448px;height:658px;background:url(../images/c6-big.png) center top no-repeat;}
.c6-small{width:663px;height:185px;top:262px;margin-left:-331px;background:url(../images/c6-small.png) center top no-repeat;}



.c1-text{position:relative;padding-top:108px;padding-left:790px;text-align:right;}
.c1-text .house{position:absolute;top:425px;left:950px;width:257px;height:321px;background-image:url(../images/c1-ico.png);overflow:inherit;}
.c2-text{position:relative;padding-top:132px;}
.c2-text i{position:absolute;top:380px;left:-54px;width:405px;height:322px;background-image:url(../images/c2-ico.png);}
.c3-text,.c6-text{position:relative;padding-top:132px;padding-left:682px;text-align:right;}
.c3-text i{position:absolute;top:354px;right:14px;width:342px;height:367px;background-image:url(../images/c3-ico.png);}
.c6-text i{position:absolute;top:354px;right:14px;width:342px;height:367px;background-image:url(../images/c6-ico.png);}
.c4-text{padding-top:132px;}
.c5-text{padding-top:132px;}
.c4-car{position:absolute;left:0;top:352px;width:448px;height:371px;background-image:url(../images/c4-ico.png);}
.c5-car{position:absolute;left:0;top:352px;width:448px;height:371px;background-image:url(../images/c5-ico.png);}
.text-big{font-size:58px;font-weight:700;padding-bottom:18px;}
.text-small{font-size:24px;color:#999;}
.line{position:absolute;left:50%;bottom:0;width:786px;height:1px;margin-left:-393px;background-image:url(../images/line.png);}
.copyright{font-size:16px;line-height:60px;background-color:#f5f5f5;}
.copyright span{padding-right:40px;}
.footer{font-size:16px;line-height:28px;padding:16px 0;}
.ebs{padding-left:8px;}
.ebs img{width:20px;height:28px;vertical-align:top;}
.c1-big,.c2-big,.c3-big,.c4-big,.c1-small,.c2-small,.c3-small,.c4-small,.c5-small,.c5-big,.c3-small,.c3-big{opacity:0;}
.page.cur .app-hand{-webkit-animation:fadeInRight 1s .5s ease both;animation:fadeInRight 1s .5s ease both;}
.page.cur .c1-big,.page.cur .c3-big,.page.cur .c6-big{-webkit-animation:fadeInLeft 1s ease both;animation:fadeInLeft 1s ease both;}
.page.cur .c2-big,.page.cur .c4-big,.page.cur .c5-big{-webkit-animation:fadeInRight 1s ease both;animation:fadeInRight 1s ease both;}
.page.cur .c1-small,.page.cur .c2-small,.page.cur .c3-small,.page.cur .c4-small,.page.cur .c5-small,.page.cur .c6-small{-webkit-animation:zoomIn .3s .8s ease both;animation:zoomIn .3s .8s ease both;}
@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px);}
  100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px);}
  100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes fadeInLeft{
  0%{opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px);}
  100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInLeft{
  0%{opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px);}
  100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes zoomIn{
  from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes zoomIn{
  from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}