body{
    margin: 0px;
    overflow-x: hidden;
}
a {
    color: white;
    text-decoration: none;
}
nav{
    position: absolute;
    left:50%; 
    margin-left:-600px;  
    width: 1200px;
    line-height: 50px;
    z-index: 1000;
}
#logo {
    float: left;
    margin-top: 22px;
}
nav ul {
    float: right;
    margin-right: 54px;
}
nav li {
    float: left;
    margin-left: 40px;
    color: white;
    list-style: none;
}
#banner {
    position: absolute;
    left:50%; 
    margin-left:-600px;  
    width: 1200px;
    line-height: 50px;
}
#banner h1 {
    letter-spacing:6px;
    float: left;
    font-size: 64px;
    margin-top: 218px;
    color: white;
}
#left_content {
    float: left;
}
#banner #t1 {
    font-size: 32px;
    margin-top: 319px;
    color: white;
}
#banner #tips {
    margin-left: 13px;
    font-size:16px;
    font-weight:400;
    color:white;
    line-height:4px;
    opacity:0.7;
}
#content {
    margin-top:80px;
}
#content h1 {
    text-align: center;
    font-size:40px;
    font-family:Source Han Sans CN;
    font-weight:500;
    color:rgba(51,51,51,1);
}
#wraper {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
}
#p1 {
    width: 270px;
    height: 270px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color:white;
    text-align: center;
    
}
#wraper div h1 {
    font-size:16px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    margin-top: 12px;
}
#content1 {
    float: left;
}
#content1 p,#content2 p,#content3 p,#content4 p{
    text-align: center;
    font-size:16px;
    font-weight:400;
    color:rgba(51,51,51,1);
}
#content2 {
    float: left;
    margin-left: 40px;
}
#content3 {
    float: left;
    margin-left: 40px;
}
#content4 {
    float: left;
    margin-left: 40px;
}
#cb {
    clear: both;
}
#wraper2 {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
#comment {
    width:100%;
    height:534px;
    background:linear-gradient(-45deg,rgba(136,238,255,0.06),rgba(44,110,234,0.06));
    overflow: hidden;
}
#comment1,#comment2,#comment3 {
    float: left;
    width: 380px;
    height: 282px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(240,240,240,1);
    border-radius:4px;
}
#comment h1 {
    font-size:40px;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height:50px;
    text-align: center;
    margin-top: 48px;
}
#data {
    text-align: center;
    font-size:20px;
    font-weight:400;
    color:rgba(77,77,77,1);
    line-height:30px;
}
#destext {
    margin: 0 auto;
    margin-top:30px ;
    width:321px;
    height:145px;
    font-size:16px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:30px;
}
#comment1 div img,#comment2 div img,#comment3 div img{
    float: left;
    margin-top: 14px;
}
#per1 {
    width: 320px;
    float: left;
    margin-top: 24px;
    margin-left: 30px;
}
#des {
    float: left;
}
#des {
    margin-left: 14px;
    margin-top: 20px;
    height: 56px;
    font-size:14px;
    font-weight:400;
} 
#des .name {
    color:rgba(31,31,31,1);
}
#des .title {   
    margin-top: 6px;
    color:rgba(102,102,102,1);
}
#comment2,#comment3 {
    margin-left: 27px;
}
#wraper3 {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    background-color: white;
}
footer span {
    height:12px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:350px;
}
#wraper3 .link{
    float: left;
}
footer #wraper3 .copyright {
    float: right;
}

.index