@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{
    margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;
}
ul,ol{
    list-style:none; text-indent:0; list-style-position:outside;
}
img{
    border:0px;
}
.clear{
    width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both;
}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}

body{
    margin:0 auto;
    width:100%;
}
#wrap{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
#header{
    margin:0 auto;
    width:100%;
    height:70px;
    background-color:#1b1b1b;
}
.header-main{
    margin:0 auto;
    width:1000px;
    height:70px;
}
.logo{
    margin-top:24px;
    padding-right:10px;
    width:97px;
    height:30px;
    border-right:1px solid #ffffff;
}
.header-main p{
    margin-top:33px;
    margin-left:9px;
    line-height:14px;
    color:#ffffff;
}
#content{
    margin:0 auto;
    width:100%;
}
.banner{
    margin:0 auto;
    width:100%;
    height:485px;
    background:url("../images/banner.jpg") no-repeat center top;
}
.java{
    margin:0 auto;
    width:100%;
    height:379px;
    display:block;
    background:url("../images/java.jpg") no-repeat center top;
}
.ios{
    margin:0 auto;
    width:100%;
    height:379px;
    display:block;
    background:url("../images/ios.jpg") no-repeat center top;
}
.android{
    margin:0 auto;
    width:100%;
    height:379px;
    display:block;
    background:url("../images/android.jpg") no-repeat center top;
}
.wlyx{
    margin:0 auto;
    width:100%;
    height:379px;
    display:block;
    background:url("../images/wlyx.jpg") no-repeat center top;
}
.wlyx{
    margin:0 auto;
    width:100%;
    height:379px;
    display:block;
    background:url("../images/wlyx.jpg") no-repeat center top;
}
.uid{
    margin:0 auto;
    width:100%;
    height:379px;
    display:block;
    background:url("../images/uid.jpg") no-repeat center top;
}
.join{
    margin:0 auto;
    width:1440px;
    height:240px;
    background-color:#333333;
}
.join-main{
    margin:0 auto;
    width:1000px;
    height:240px;
}
.join-info{
    margin-top:43px;
    margin-left:50px;
    width:426px;
    line-height:24px;
    color:#d9d9d9;
}
.join-info h1{
    margin-bottom:8px;
    font-size:18px;
    font-weight:bold;
    color:#d9d9d9;
}
.join-way{
    margin-top:43px;
    width:442px;
}
.join-way h1{
    margin-bottom:8px;
    font-size:18px;
    font-weight:bold;
    color:#d9d9d9;
}
.join-way p{
    margin-bottom:10px;
    font-size:12px;
    line-height:22px;
    color:#d9d9d9;
}
.join-way p span{
    padding-left:82px;
    font-size:12px;
    line-height:22px;
    color:#d9d9d9;
}
#footer{
    margin:0 auto;
    width:100%;
    height:80px;
    background-color:#2e2e2e;
}
.footer-main{
    margin:0 auto;
    width:1000px;
}
.footer-main p{
    line-height:80px;
    text-align:center;
    color:#b8b8b8;
}