/*
* Copyright (c) nanhua All rights reserved.
* MIT Licensed
* Build: 2017-5-18 10:30
* By aiko wang
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

body {
    letter-spacing: 1px;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

em, i {
    font-style: normal;
}

button, input, select, textarea {
    font-family: PingFang, Arial, "Microsoft Yahei", STXihei, STHeiti,
    "Hiragino Sans GB", "Helvetica Neue", Helvetica, sans-serif;
}

a, input {
    -webkit-appearance: none;
    text-decoration: none;
    outline: none;
    color: #666;
}

a:hover {
    color: #1070AE;
    text-decoration: none;
}

a:visited, a:link {

}

img {
    border: 0 none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear:after {
    display: block;
    clear: both;
    content: "";
    overflow: hidden;
    height: 0;
}

.clear {
    zoom: 1;
}

.Helvetica { /**/

}

.clearboth {
    clear: both;
}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner
{
    border: none;
    padding: 0;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
.appdlg-wrap-full{
    width: 100%;
    background: #fff;
    margin-top: -85px;
}
.appdlg-banner{
    background: url("../images/appdownloadanimate/appdlg-banner.jpg") no-repeat center;
    width: 100%;
    height: 360px;
}
.appdlg-banner div{
    background: url("../images/appdownloadanimate/appdlg-banner.jpg") no-repeat center;
    width: 1125px;
    height: 360px;
    margin: 0 auto;
}

.appdlg-ani-wrap1{
    width: 100%;
    height: 600px;
}
.appdlg-ani-box1{
    width: 1125px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.appdlg-ani-box1 .an1{
    background: url("../images/appdownloadanimate/s1-1.png") no-repeat left top;
    width: 300px;
    height: 550px;
    top: 350px;
    position: absolute;
    left: 66px;
    z-index: 99;
    opacity: 0;
}
.appdlg-ani-box1 .an2{
    background: url("../images/appdownloadanimate/s1-6.png") no-repeat center;
    position: absolute;
    z-index: 99;
    width: 100px;
    height: 100px;
    left: 78px;
    top: 140px;
    background-size: 100px;
    opacity: 0;
}
.appdlg-ani-box1 .an3{
    background: url("../images/appdownloadanimate/s1-2.png") no-repeat left top;
    width: 400px;
    position: absolute;
    left: 2000px;
    z-index: 99;
    font-size: 14px;
    color: #999;
    top: 185px;
}
.appdlg-ani-box1 .an3 span{
    display: block;
    font-size: 20px;
    margin-left: 30px;
    color: #333;
    margin-bottom: 10px;
}
.appdlg-ani-box1 .an3 span em{
    color: #d83733;
}
.appdlg-ani-box1 .an4{
    background: url("../images/appdownloadanimate/s1-3.png") no-repeat left 3px;
    width: 400px;
    position: absolute;
    left: 400px;
    z-index: 99;
    font-size: 14px;
    color: #999;
    top: 380px;
    opacity: 0;
}
.appdlg-ani-box1 .an4 span{
    display: block;
    font-size: 20px;
    margin-left: 30px;
    color: #333;
    margin-bottom: 10px;
}
.appdlg-ani-box1 .an4 span em{
    color: #5682d8;
}
.appdlg-ani-box1 .an5{
    background: url("../images/appdownloadanimate/s1-4.png") no-repeat left 3px;
    width: 400px;
    position: absolute;
    left: 765px;
    z-index: 99;
    font-size: 14px;
    color: #999;
    top: 380px;
    opacity: 0;
}
.appdlg-ani-box1 .an5 span{
    display: block;
    font-size: 20px;
    margin-left: 30px;
    color: #333;
    margin-bottom: 10px;
}
.appdlg-ani-box1 .an5 span em{
    color: #f48037;
}
.appdlg-ani-box1 .an6{
    background: url("../images/appdownloadanimate/s1-5.png") no-repeat center;
    position: absolute;
    width: 200px;
    height: 200px;
    right: 180px;
    z-index: 9;
    line-height: 380px;
    text-align: center;
    font-size: 14px;
    color: #999;
    top: 110px;
    opacity: 0;
}
.appdlg-ani-box1 .an7{
    height: 240px;
    width: 1125px;
    background: #F9F9F9;
    position: absolute;
    top: 100px;
    left: -2000px;
}


.appdlg-ani-wrap2{
    width: 100%;
    height: 600px;
}
.appdlg-ani-box2{
    width: 1125px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.appdlg-ani-box2 .an1{position: absolute;font-size: 14px;left: 100px;top: 100px;color: #999;}
.appdlg-ani-box2 .an1 span{
    display: block;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
}
.appdlg-ani-box2 .an1 span em{
    width: 20px;
    height: 5px;
    background: #61A2F7;
    display: block;
    position: absolute;
    left: -40px;
    top: 13px;
}
.appdlg-ani-box2 .an2{opacity:0;position: absolute;width: 100px;height: 120px;text-align: center;color: #666;font-size: 14px;left: 90px;top: 200px;}
.appdlg-ani-box2 .an2 span{
    display: block;
    background: #F2F7FD;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #61A2F7;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.appdlg-ani-box2 .an3{opacity:0;position: absolute;width: 100px;height: 120px;text-align: center;color: #666;font-size: 14px;left: 250px;top: 200px;}
.appdlg-ani-box2 .an3 span{
    display: block;
    background: #F2F7FD;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #61A2F7;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.appdlg-ani-box2 .an4{opacity:0;position: absolute;width: 100px;height: 120px;text-align: center;color: #666;font-size: 14px;left: 410px;top: 200px;}
.appdlg-ani-box2 .an4 span{
    display: block;
    background: #F2F7FD;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #61A2F7;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.appdlg-ani-box2 .an5{opacity:0;position: absolute;width: 100px;height: 120px;text-align: center;color: #666;font-size: 14px;left: 90px;top: 360px;}
.appdlg-ani-box2 .an5 span{
    display: block;
    background: #F2F7FD;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #61A2F7;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.appdlg-ani-box2 .an6{opacity:0;position: absolute;width: 100px;height: 120px;text-align: center;color: #666;font-size: 14px;left: 250px;top: 360px;}
.appdlg-ani-box2 .an6 span{
    display: block;
    background: #F2F7FD;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #61A2F7;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.appdlg-ani-box2 .an7{opacity:0;position: absolute;width: 100px;height: 120px;text-align: center;color: #666;font-size: 14px;left: 410px;top: 360px;}
.appdlg-ani-box2 .an7 span{
    display: block;
    background: #F2F7FD;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #61A2F7;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.appdlg-ani-box2 .an8{position: absolute;background: url("../images/appdownloadanimate/s2-1.jpg") no-repeat center;width: 361px;height: 553px;right: 50px;top: 50px;}
.appdlg-ani-box2 .an8 div{
    width: 207px;
    height: 318px;
    background: #000;
    position: absolute;
    left: 81px;
    top: 107px;
    overflow: hidden;
}
.appdlg-ani-box2 .an8 div span{
    width: 207px;
    height: 934px;
    position: absolute;
    display: block;
    background: url("../images/appdownloadanimate/s2-2.jpg") no-repeat center;
    bottom: 0;
}


.appdlg-ani-wrap3{
    width: 100%;
    height: 600px;
}
.appdlg-ani-box3{
    width: 1125px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.appdlg-ani-box3 .an1{position: absolute;font-size: 14px;left: 440px;top: 120px;color: #999;}
.appdlg-ani-box3 .an1 span{
    display: block;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
}
.appdlg-ani-box3 .an1 span em{
    width: 20px;
    height: 5px;
    background: #61A2F7;
    display: block;
    position: absolute;
    left: -40px;
    top: 13px;
}
.appdlg-ani-box3 .an2{background: url("../images/appdownloadanimate/s3-1.jpg") no-repeat center;width: 320px;height: 510px;position: absolute;top: 50px;left: 50px;left: -100px;opacity: 0;}
.appdlg-ani-box3 .an3{background: url("../images/appdownloadanimate/s3-2.png") no-repeat center;position: absolute;width: 157px;height: 99px;left: 440px;top: 250px; left: 1000px; opacity: 0;}
.appdlg-ani-box3 .an4{background: url("../images/appdownloadanimate/s3-3.png") no-repeat center;position: absolute;width: 157px;height: 99px;left: 630px;top: 250px; left: 1000px; opacity: 0;}
.appdlg-ani-box3 .an5{background: url("../images/appdownloadanimate/s3-4.png") no-repeat center;position: absolute;width: 157px;height: 99px;left: 820px;top: 250px; left: 1000px; opacity: 0;}
.appdlg-ani-box3 .an6{background: url("../images/appdownloadanimate/s3-5.png") no-repeat center;position: absolute;width: 157px;height: 99px;left: 440px;top: 380px; left: 1000px; opacity: 0;}
.appdlg-ani-box3 .an7{background: url("../images/appdownloadanimate/s3-6.png") no-repeat center;position: absolute;width: 157px;height: 99px;left: 630px;top: 380px; left: 1000px; opacity: 0;}
.appdlg-ani-box3 .an8{background: url("../images/appdownloadanimate/s3-7.png") no-repeat center;position: absolute;width: 157px;height: 99px;left: 820px;top: 380px; left: 1000px; opacity: 0;}






.appdlg-ani-wrap4{
    width: 100%;
    height: 600px;
}
.appdlg-ani-box4{
    width: 1125px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.appdlg-ani-box4 .an1{position: absolute;font-size: 14px;left: 100px;top: 120px;color: #999;}
.appdlg-ani-box4 .an1 span{
    display: block;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
}
.appdlg-ani-box4 .an1 span em{
    width: 20px;
    height: 5px;
    background: #61A2F7;
    display: block;
    position: absolute;
    left: -40px;
    top: 13px;
}
.appdlg-ani-box4 .an2{position: absolute;background: url("../images/appdownloadanimate/s4-1.jpg") no-repeat center;width: 361px;height: 553px;right: 46px;top: 41px;}
.appdlg-ani-box4 .an3{position: absolute;background: url("../images/appdownloadanimate/s4-2.png") no-repeat center;width: 233px;height: 119px;top: 200px;left: 60px;left: 790px;top: 110px;background-size: 0;}
.appdlg-ani-box4 .an4{position: absolute;background: url("../images/appdownloadanimate/s4-3.png") no-repeat center;width: 233px;height: 119px;top: 200px;left: 310px;left: 750px;top: 300px;background-size: 0;}
.appdlg-ani-box4 .an5{position: absolute;background: url("../images/appdownloadanimate/s4-4.png") no-repeat center;width: 233px;height: 119px;top: 335px;left: 60px;left: 750px;top: 330px;background-size: 0;}
.appdlg-ani-box4 .an6{position: absolute;background: url("../images/appdownloadanimate/s4-5.png") no-repeat center;width: 233px;height: 119px;top: 335px;left: 310px;left: 870px;top: 50px;background-size: 0;}
.appdlg-ani-box4 .an7{position: absolute;background: url("../images/appdownloadanimate/s4-6.png") no-repeat center;width: 100px;height: 50px;left: 922px;top: 75px;z-index: 99; background-size: 100px; opacity: 0;}
.appdlg-ani-box4 .an8{position: absolute;background: url("../images/appdownloadanimate/s4-7.png") no-repeat center;width: 120px;height: 70px;left: 816px;top: 150px;opacity: 0;background-size: 120px;opacity: 0;}
.appdlg-ani-box4 .an9{position: absolute;background: url("../images/appdownloadanimate/s4-8.png") no-repeat center;width: 125px;height: 50px;left: 771px;top: 328px;opacity: 0;background-size: 120px;opacity: 0;}
.appdlg-ani-box4 .an10{position: absolute;background: url("../images/appdownloadanimate/s4-9.png") no-repeat center;width: 125px;height: 50px;left: 771px;top: 358px;opacity: 0;background-size: 120px;opacity: 0;}

.appdlg-ani-wrap5{height: 400px;}
.appdlg-ani-wrap5 div{background: url("../images/appdownloadanimate/appdlg-btn-banner.jpg") no-repeat center 30px;height: 400px;}

#J_Back-top{display: none !important;}


.appdlg-ani-wrap1-2{
    width: 100%;
    height: 600px;
}
.appdlg-ani-box1-2{
    width: 1125px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.appdlg-ani-box1-2 .an1{position: absolute;font-size: 14px;left: 100px;top: 100px;color: #999;}
.appdlg-ani-box1-2 .an1 span{
    display: block;
    font-size: 22px;
    color: #333;
    margin-bottom: 15px;
}
.appdlg-ani-box1-2 .an1 span em{
    width: 20px;
    height: 5px;
    background: #61A2F7;
    display: block;
    position: absolute;
    left: -40px;
    top: 13px;
}
.appdlg-ani-box1-2 .an2{
    background: url("../images/appdownloadanimate/s1.5-1.jpg") no-repeat center;
    position: absolute;
    width: 309px;
    height: 532px;
    left: 500px;
    opacity: 0;
}
.appdlg-ani-box1-2 .an3{
    background: url("../images/appdownloadanimate/s1.5-2.jpg") no-repeat left top;
    position: absolute;
    width: 309px;
    height: 532px;
    left: 810px;
    opacity: 0;
}
.appdlg-ani-box1-2 .an4{
    background: url("../images/appdownloadanimate/s1.5-3.jpg") no-repeat left top;
    position: absolute;
    width: 74px;
    height: 94px;
    top: 200px;
    left: 90px;
    opacity: 0;
}
.appdlg-ani-box1-2 .an5{
    background: url("../images/appdownloadanimate/s1.5-4.jpg") no-repeat left top;
    position: absolute;
    width: 96px;
    height: 94px;
    top: 200px;
    left: 170px;
    opacity: 0;
}
.appdlg-ani-box1-2 .an6{
    background: url("../images/appdownloadanimate/s1.5-5.jpg") no-repeat left top;
    position: absolute;
    width: 96px;
    height: 94px;
    top: 200px;
    left: 270px;
    opacity: 0;
}