@charset "utf-8";
/* CSS Document */
body{background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.6 "Microsoft YaHei", Arial,"Hiragino Sans GB",HELVETICA,sans-serif; color:#333;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
section, article, aside, header, footer, nav, dialog, figure {display: block;}
a {color:#333; text-decoration:none;}
a:hover {color:#0f5dbd; text-decoration:none;cursor:pointer;}
img{border:0; vertical-align:bottom;}
ul,ol{list-style:none;}

.clear{ clear:both; margin:0; padding:0; height:0; line-height:0; font-size:0;}
.clearfix{ zoom:1;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.left{ float:left;}
.right{ float:right;}
.layout {width:1200px;height:100%; margin:0 auto;overflow:hidden;}
.hide{ display:none;}
.mr40{margin-right:40px;}
.mr30{margin-right:30px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr10{margin-right:10px;}
.mr50{margin-right:50px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mt7{ margin-top:7px;}
.mt16{ margin-top:16px;}
.mt10{margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb5 { margin-bottom:5px;}
.h50{width:100%;height:50px;clear: both;}
.h40{width:100%;height:40px;clear: both;}
.h30{width:100%;height:30px;clear: both;}
.h20{width:100%;height:20px;clear: both;}
.h25{width:100%;height:25px;clear: both;}
.h10{width:100%;height:10px;clear: both;}
.h15{width:100%;height:15px;clear: both;}
.h14{width:100%;height:14px;clear: both;}
.h5{width:100%;height:5px;clear: both;}
.clearfix:after,.clearfix:before{content: '';width: 0;height: 0;clear: both;}


.main{width: 100%;height: 820px;position: relative;min-width: 1000px;background: url(../img/app_downbg.jpg) no-repeat center top;}
.logo{position: absolute;width: 143px;height: 143px;left:50%;top:106px;margin-left:-492px;}
.logo a{display: block;height: 100%;}
.logo_text{position: absolute;top:290px;left:50%;margin-left:-340px;font-size:36px;color:#c2000f;}
.btn{position: absolute;top:370px;left:50%;}
.btn_iphone{margin-left:-340px;}
.btn_android{margin-left:-110px;}
.intro{position: absolute;left:50%;top:460px;font-size:16px;color:#333;width: 440px;text-align: justify;margin-left:-345px;line-height: 30px;}
.erweima{position: relative;top:605px;left:50%;width: 120px;margin-left:-340px;text-align: center;}
.erweima img{width: 100%;height: 100%;}
.erweima p{font-size:16px;text-align: center;margin-top:5px;}
.slider{position: absolute;top:105px;width: 218px;height: 386px;margin-left:234px;left:50%;}

.slideBox{ width:218px; height:415px; overflow:hidden; position:relative;  }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:218px; height:415px; display:block;  }