.top {
    background-color: #373841;
}
.banner {
    width: 100%;
    background-color: #373841;
}
.banner-box {
    position: relative;
    margin:0 auto;
    width: 1200px;
}
.banner-bg {
    margin-left:38px;
    width: 1158px;
    height: 488px;
}
.banner-title {
    position: absolute;
    top: 0;
}
.primary-title {
    padding: 149px 0 16px;
    width:528px;
    font-size: 44px;
    line-height: 72px;
    color: #ffffff;
}
.sub-title {
    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
}
/*平台能力*/
.main-title{
    padding-top:80px;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #212121;
}
.main-body{
    width:1200px;
    margin:0 auto;
    padding-bottom:180px;
}
.main-body .list{
    position: relative;
    margin-top:64px;
    /*background-color: #f7f7f7;*/
}
.main-body .list .list-box{
    position: absolute;
    top:0;
    left:0;
    border:1px solid #ccc;
    border-right:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.list-box .list-title{
    position: relative;
    width:290px;
    padding:12px 0 ;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #212121;
    background-color: #ffffff;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.list-box .list-title div{
    font-size: 16px;
}
.list-box .list-title.center{
    border-top:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
}
.list-box .list-title.selected{
    font-size: 20px;
    padding:65px 0;
    background-color: #f7f7f7;
}
.list-box .list-title.selected div{
    font-size: 20px;
}
.list-4 .device.selected{
    padding:77px 0;
}
.list-4 .user.selected{
    padding:76px 0 102px;
}
.list-5 .data.selected{
    padding:89px 0;
}
.list-5 .sound.selected{
    padding:77px 0;
}
.list-box .list-title>span{
    display: none;
    position: absolute;
    top:-1px;
    left:-1px;
    width:3px;
    height:162px;
    background-color: #38b487;
    z-index: 10;
}
.list-4 .device.list-title>span,
.list-5 .sound.list-title>span{
    height:186px;
}
.list-4 .user.list-title>span,
.list-5 .data.list-title>span{
    height:210px;
}
.list-2 .list-title>span{
    background-color: #759cde;
}
.list-3 .list-title>span{
    background-color: #f6c667;
}
.list-4 .list-title>span{
    background-color: #f68a67;
}
.list-5 .list-title>span{
    background-color: #666666;
}
.main-body .list-hide{
    display: none;
    margin-left:291px;
    padding:32px;
    width:842px;
    background-color: #f7f7f7;
    border: solid 1px #cccccc;
}
.main-body .list-hide.cur,
.main-body .list-box li span.cur{
    display: block;
}
.list-1 img,
.list-3 img,
.list-5 img{
    float: left;
    padding-right:31px;
}
.list-5 img.ambient{
    padding-bottom:32px;
}
.list-5 img.voice-img{
    padding-bottom:20px;
}
.list-2 img,.list-4 img{
     float: right;
     padding-left:32px;
 }
.main-body .list-hide img{
    width:244px;
    height:206px;
}
.main-body .list-hide .head{
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
}
.main-body .list-hide .profile{
    padding:16px 0;
    height:48px;
    font-size: 14px;
    line-height: 1.71;
    color: #333333;
}
.main-body .list-hide .profile.voice{
    height:72px;
}
.main-body .list-hide .sub li{
    height:24px;
    font-size: 14px;
    line-height: 1.71;
    color: #333333;
}