body {
    margin:0;
    padding:0;
    font-size:12px;
    font-family:'microsoft YaHei';
}
.clearfix:after, .wrapper:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;  
}
a {
    text-decoration:none;
    color:#595757;
}
div {
    margin: 0;
    padding: 0;
}
img {
    border:0;
}
h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
}
input.text, input.title, textarea, select {
    margin: 0;
}
input, button, textarea {
    font-size: 12px;
    font-family: "Microsoft YaHei", Helvetica, Arial, "宋体", "黑体",, Verdana, sans-serif;
}
ul, dl,li, dt,dd {
    list-style: none;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,input,textarea,select {
    font-family:'microsoft YaHei';
}
.wrapper{
    width:980px;
    margin:0 auto;
}
#header{width:100%;height:60px;line-height:60px;background-color:#323436;}
#header h1{float:left;padding-top:13px;line-height:37px;margin-right:90px;}
#header ul{float:left;}
#header ul li{width:150px;float:left;font-size:16px;}
#header ul li.active a{color:#fff;}
#header ul li a{color:#888;}
#header .wrapper{position:relative;}
#header .wrapper .change { width: 150px; font-size: 14px; color: #fff; position: relative; left: 150px; text-align: center; float: right;}
#header .shares{position:absolute;right:0;top:0;}
#header .shares span{float:left;border-left:1px solid #2b2c2e;}
#header .shares .tencent{border-right:1px solid #3c3e40;}
#header .shares .tencent a{border-right:1px solid #2b2c2e;}
#header .shares a{width:60px;height:60px;display:block;border-left:1px solid #3c3e40;background:url(../image/share.png) no-repeat 15px center;}
#header .shares .tencent a{background:url(../image/tencent.png) no-repeat center center;}

.adv{width:100%;height:498px;overflow:hidden;}
.adv p{width:1920px;position:relative;left:50%;margin-left:-960px;}
.adv p img{display:block;}
.content{background:url(../image/join-bg.jpg);}
.content .wrapper{padding-top:50px;}
.content .post{padding-bottom:60px;}
.content h2{width:100%;height:60px;background: url(../image/post.png) no-repeat;margin-bottom:30px;}
.content h2.PM{background-position: left top;}
.content h2.PHP{background-position: left -60px;}
.content h2.WEB{background-position: left -120px;}
.content h2.customer{background-position: left -180px;}
.content .main{padding-left:68px;}
.content .address p{color:#fff;font-size: 14px;margin-bottom:10px;}
.content .address strong{display:inline-block;font-size:18px;color:#4bb1e0;border-bottom:1px solid #fff;padding-bottom:8px;}
.content .advantage{margin-top:24px;padding-left:15px;color:#fff;background:url(../image/comma.png) no-repeat left 5px;}
.content .advantage p{font-size:14px;line-height:25px;}
.content .advantage p span{color:#ffb301;}
.content .advantage strong{display:inline-block;font-size:18px;color:#4bb1e0;margin-top:25px;}
.content .statement{margin-top:44px;}
.content .statement h3{font-weight: 100;color:#4bb1e0;font-size:16px;margin-bottom:30px;}
.content .statement ul{padding-left:15px;color:#fff;font-size:14px;line-height:30px;}
.toEmail{width:100%;padding:86px 0 26px 0;background-color:#323436;text-align:center;color:#fff;}
.toEmail h3{font-size:28px;font-weight:100;margin-bottom:30px;}
.toEmail p.email{font-family:Tahoma,arial;font-size:36px;color:#4bb1e0;font-weight:100;}
.toEmail p{font-size:14px;margin-bottom:30px;}
.footerbar{height:40px;line-height:40px;background-color:#323436;border-top:1px solid #888;}
.footer{width:980px;margin:0 auto;overflow:hidden;color:#707071;}
.footer p.left{float:left;color:#bfbfc0;font-size:12px;}
.footer p a{margin:0 5px;color:#bfbfc0;}
.footer p.right{float:right;font-size:12px;}