.nav{
    background:url('../image/ebg.png') no-repeat;
    background-size:100%;
    height: 680px;
    width: 100%;
    padding:0;
}
.nav .computer{
    float:right;
    width:35%;
    top:8%;
    padding:0;
    display:block;
    right:0;
    position:absolute;
}
.nav .Title {
    display:inline-block;
    width:700px;
    color:#FFF;
    top:200px;
    left:20%;
    position:relative;
}
.nav .Title .s-title{
    font-size:26px;
    font-weight:600;
    margin-bottom:30px;
}
.nav .Title span {
    font-size:20px;
}

.main{
    width:1000px;
    left:0;
    right:0;
    margin:0 auto;
}
.main h2{
    text-align:center;
    margin-top:25px;
    margin-bottom:15px;

}
.main .call{
    width:100%;
    text-align:center;
    font-size:20px;
    margin-top:35px;
    margin-bottom:10px;
    font-family: "SimHei";
}
.main .demoList {
    display:inline-block;
}
.main .demoList .demo {
    text-align:center;
    width:440px;
    height:430px;
    margin:25px 25px;
    border:3px solid #F9F9F9;
    border-radius:10px;
    float: left;
    position: relative;
    behavior:url('404.png');
}
.demoList .demo h3 {
    font-size:23px;
    color:#31B2EB;
    margin:25px;
}
.demoList .demopic {
    min-height:340px;
}
.demoList .demo img {
    margin-top:20px;
    width:350px;
}
.demoList .demo .cover {
    text-align:left;
    width:434px;
    height:424px;
    border:8px solid #31B2EB;
    border-radius:10px;
    background-color:#FFF;
    opacity:0.9;
    z-index:12;
    position:absolute;
    behavior:url('404.png');
}
.demoList .demo .cover-content{
    text-align:left;
    margin-top:50px;
    margin-left:50px;
    border:2px solid #31B2EB;
    width:334px;
    height:324px;
    opacity:1;
    color:#000;
    z-index:26;
    position:absolute;
}
.demoList .demo .cover-content p {
    font-size:22px;
    margin-top:10px;
    width:334px;
    text-align:center;
}
.demoList .demo .cover-content span {
    display:block;
    font-size:22px;
    text-align:left;
    margin-top:30px;
    margin-left:20px;
}