@charset "utf-8";
/* CSS Document */
#appdownload{ background:#f4f4f4; overflow:hidden; }
#appdownload .icon, .dots .dot {background: url(../images/icon_index.png) no-repeat 0 0;overflow: hidden; cursor:pointer;}
/*banner*/
#appdownload .banner{height:440px;position:relative;width:100%;overflow:hidden;min-width:1200px;}
#appdownload .banner_wrap{position:absolute;top:0;left:0;height:380px;width:100%;}
#appdownload .pic_show{position:relative;}
#appdownload .pic_show li,.pic_show{height:440px;}
#appdownload .pic_show li{position:absolute;width:100%;}
#appdownload .pic_show li a{display:block;height:440px;text-align:right;}
#appdownload .pic_show li a img{float:right;}
#appdownload .dots{position: absolute;top:420px; right:50%;height:30px;width:200px; height:30px; margin-right:-110px; text-align:left;}
#appdownload .dots .dot{width:24px;height:4px;padding:5px 3px;overflow:hidden;zoom:1; background-position:-508px -368px; line-height: 9999px; display: inline-block;}
#appdownload .dots .active{cursor:pointer;background-position:-508px -387px; cursor:default;}

#appdownload .pic_wrap {width: 1200px; position: relative; z-index: 10; margin: 0 auto; padding: 100px 20px 50px;}
#appdownload .pic_wrap img{position: absolute; top:0; right:30px;  top: -400px;}
#appdownload .pic_icon li{ display:inline-block; width:210px; margin-left:20px; text-align:center; color:#4b89e8; font:18px/30px Microsoft Yahei; font-weight:bold;}
#appdownload .pic_icon .icon{width:130px; height:130px; display:block; background:url(../images/icon_index.png) no-repeat; margin-left:40px; position: relative;}
#appdownload .pic_icon .icon b{width:130px;height:0; position: absolute;background:url(../images/icon_index.png) no-repeat; left:0; top:0; -webkit-transition:height .4s;transition:height .4s;}
#appdownload .pic_icon li:hover .icon b{height:130px; -webkit-transition:height .4s;transition:height .4s;}
#appdownload .pic_icon .icon1{ background-position:0 0; margin-left:55px;}
#appdownload .pic_icon .icon2{ background-position:-150px 0px;}
#appdownload .pic_icon .icon3{ background-position:-300px 0px;}
#appdownload .pic_icon .icon4{ background-position:-450px 0px;}
#appdownload .pic_icon .icon5{ background-position:-600px 0px; margin-left:30px;}
#appdownload .pic_icon .icon1 b{background-position:0 -128px;}
#appdownload .pic_icon .icon2 b{ background-position:-150px -128px}
#appdownload .pic_icon .icon3 b{ background-position:-300px -128px;}
#appdownload .pic_icon .icon4 b{ background-position:-450px -128px;}
#appdownload .pic_icon .icon5 b{ background-position:-600px -128px;}
#appdownload .pic_download{ margin:80px 0 5px; width:100%; border-top:#91bcff solid 1px; padding-top:50px; position:relative;}
#appdownload .pic_download a{ display:inline-block; background:url(../images/icon_index.png) no-repeat; width:142px; padding:5px 23px 9px 17px; color:#FFF; margin-left:45px; font-family: Microsoft Yahei; text-align: center;}
#appdownload .pic_download a.bg_blue{ background-position:0 -278px;}
#appdownload .pic_download a.bg_green{ background-position:0 -345px;}
#appdownload .pic_download .tit{ padding:0px 45px; color:#1d63ce; position:absolute;font:24px/30px Microsoft Yahei; top:-17px;background:#f4f4f4; left:42%;}
#appdownload .pic_download .t16{ font-size: 16px;}
#appdownload .pic_download .last{ position: relative; top:-8px;}
#appdownload .pic_download span{ display:inline-block; text-align: left;}
#appdownload .pic_download .icon{width:30px; height:30px; background:url(../images/icon_index.png) no-repeat 0 0 ;}
#appdownload .pic_download .icon1{ background-position:-196px -279px;}
#appdownload .pic_download .icon2{ background-position:-196px -279px;}
#appdownload .pic_download .icon3{ background-position:-196px -316px; margin-right: 10px;}
#appdownload .pic_download .icon4{ background-position:-196px -351px;}
#appdownload .pic_download .icon5{ background-position:-196px -382px;}
.iphone,.ipad{ vertical-align: middle; margin-left: 5px;}
#appdownload .pic_download a:hover .icon{-webkit-animation:down_icon 2.5s infinite linear;animation:down_icon 2.5s infinite linear;}
.iphone{width:12px; height:17px; display: inline-block; background:url(../images/icon_index.png) no-repeat -227px -278px;}
.ipad{width:18px; height:17px; display: inline-block; background:url(../images/icon_index.png) no-repeat -245px -278px ;}
.tr{ text-align: right;}
.el_footer{ margin:0;}
@-webkit-keyframes down_icon{
0%{-webkit-transform:rotateZ(15deg);}
5%{-webkit-transform:rotateZ(-15deg);}
10%{-webkit-transform:rotateZ(15deg);}
15%{-webkit-transform:rotateZ(-15deg);}
20%{-webkit-transform:rotateZ(15deg);}
25%{-webkit-transform:rotateZ(-15deg);}
30%{-webkit-transform:rotateZ(0deg);}
100%{-webkit-transform:rotateZ(0deg);}
}
@keyframes down_icon{
0%{transform:rotateZ(15deg)}
5%{transform:rotateZ(-15deg)}
10%{transform:rotateZ(15deg)}
15%{transform:rotateZ(-15deg)}
20%{transform:rotateZ(15deg)}
25%{transform:rotateZ(-15deg)}
30%{transform:rotateZ(0deg)}
100%{transform:rotateZ(0deg)}
}
.tr{ padding-right:70px; color:#4f4e4e}