/* CSS Document */
*{margin:0;padding:0;list-style:none;}
body{ font-family:"Microsoft YaHei","Verdana";font-size: 12px;color:#000;}
img{border:none;}
ul,li,dl,dt,dd{list-style:none; }
em{font-style: normal;}
a{ text-decoration: none; color:#000;cursor: pointer;}
a:hover {text-decoration: none; color:#e62129;}
.cl{clear:both; overflow:hidden; }
.main{width:1200px; margin:0 auto; position:relative ;display: flex;align-items: center;height: 100%;
justify-content: space-between;}
.center{ text-align:center}
.banner{
    background: url(../image/banner.png) no-repeat center;
    height: 662px;
    background-size: cover;
}
.banner .img{
    background: url(../image/computer.png) no-repeat;
    width: 662px;
    height: 384px;
    margin-top: -50px;
}
.banner .info{
    color: #fff;
    margin-top: -50px;
}
.banner .info .logo{
    background: #fff;
    padding: 10px;
    display: inline-block;
    border-radius:20px;
}
.banner .info .logo img{
    width: 100px;
    vertical-align: bottom;
}
.banner .info h1{
    font-size: 55px;
    padding: 20px 0 20px;
}
.banner .info p{
    font-size: 17px;
    padding-bottom: 30px;
}
.banner .down a{
    background:#fff;
    border-radius:30px;
    padding:20px 70px;
    text-align: center;
    font-size:18px;
    color: #2c61ff;
    display: inline-block;
    font-weight: bold;
}
.list{
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
    width:1100px;
    margin: 0 auto;
}
.list .item{
    width: 522px;
    text-align: center;
}
.list .item .img{
    background:url(../image/list.png) no-repeat ;
    width: 522px;
    height: 322px;
    padding: 20px;
    box-sizing: border-box;
}
.list .item .img img{
    width: 100%;
}
.list .down{
    margin-top: 30px;
}
.list .down a{
    background: -webkit-linear-gradient(top, #ff5b5b, #ff2929);
    border-radius:40px;
    padding:20px 70px;
    text-align: center;
    font-size:18px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
}