body{
    margin: 0;
    padding:0;
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #fff;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.bigBox{
    width:100%;
}
.outBox{
    width:1200px;
    height:auto;
    clear:both;
    position:relative;
    margin:auto;
}
/*==========header===========*/
.header{
    width:100%;
    height:80px ;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    top:0;
    z-index: 100;
}
.logo{
    float: left;
    margin-top:10px;
    height: 60px;
}
#server{
    color:#15bdde;
}
.nav1{
    position: relative;
    left:350px;
    margin: 0;
    padding:0;
    list-style: none;
}
.nav1 li a{
    height: 80px;
    line-height: 80px;
    float: left;
    margin-right: 30px;
    font-size:18px;
    color:#555555;
    transition: all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.nav1 li a:hover{
    color:#15bdde ;
    transition: all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.login{
    width:174px;
    height:40px;
    text-align:center;
    background-image:url("../../images/login.png");
    border: 1px solid #d4d6da;
    position:absolute;
    top:20px;
    right:0;
    line-height:40px;
    font-size:18px;
    color:#555555;
    cursor:pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius:20px;
    -ms-border-radius:  20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
/*banner*/
.banner{
    height:536px;
    margin-top: 80px;
    background-color: #45d5b5;
}
.banner .outBox{
    background-color: #45d5b5;
}
.banner img{
    width: 100%;
}
/*<!--=============�ֵ��ŵꡤ�����ŵ�=============-->*/
.title{
    text-align:center;
    font-size:55px;
    color:#374051;
    line-height:230px;
}
.box1-1{
    width: 570px;
    height: 370px;
    float: left;
    margin-bottom: 55px;
}
.box1-1 img{
    height: 250px;
    margin-left:160px;

}
.wordBox{
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    box-shadow: 0 4px 5px #bbbcbf;
    background-color: #eff4f5;
    margin-top:70px;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    -ms-border-radius:  5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #374051;
}
.box1Left{
    margin-left: 60px;
}
/*<!--=============΢�ŷ���==============-->*/
.serverBGc{
    clear: both;
    height: 630px;
    background-color: #eff4f5;
}
.serverBGc .outBox{
    height: 630px;
    background-color: #eff4f5;
}
.line{
    line-height: 180px;
}
.box2Out{
    width:902px;
    height:auto;
    clear:both;
    position:relative;
    margin:auto;
}
.box2-1{
    width: 300px;
    height: 205px;
    float:left;

    border-bottom:1px solid  #747575;
}
.box2Marl{
    border-left:1px solid  #747575;
}
.box2-2 img,.box2-1 img{
    width: 70px;
    height: 70px;
    margin-top:44px;
    margin-left: 115px;
}
.word{
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    margin-top:25px;
    color: #374051;
}
.box2-2{
    width: 300px;
    height: 205px;
    float:left;
}
/*====================��Ч�Ļ�Ա��ϵͳ============*/
.box3-01{
    width: 400px;
    /*border:1px solid lawngreen;*/
    height: 215px;
    float:left;
    margin-left: 200px;
}

.box3-1{
    width: 400px;
    /*border:1px solid red;*/
    height: 215px;
    float:left;
}
.box3-1 img{
    width: 50px;
}
.box3-01 img{
    width: 50px;
}
.box3WordOut{
    margin-left:30px;
}
.sTitle{
    font-size:22px;
    line-height: 40px;
    color: #374051;
}
.box3word{
    font-size:18px;
    line-height: 45px;
    color: #888888;
}
.box3-1out{
    margin-left: 72px;
}
.box3float{
    float:left;
}
/*<!--===============��Ӫ״��һĿ��Ȼ===========-->*/
.sealBG{
    clear: both;
    background-color: #eff4f5;
}
.sealBG .outBox{
    background-color: #eff4f5;
}
.box4float{
    float:left;
}
.box4{
    width: 1200px;
    height: 50px;
    position:relative;
    margin: auto;
    clear:both;
}
.box4-1{
    margin-left:218px;
}
.box4 img{
    width: 16px;
    margin-top:17px;
    margin-right:15px
}
.box4word{
    font-size: 22px;
    line-height:50px;
    color: #374051;
    margin-right: 15px;
}
.box4-2{
    margin-left:318px;
}
.box4img{
    height:445px;
    position: relative;
    top: 60px;
}
.box4img img{
    margin-left: 337px;
}
.btn{
    height:30px;
    width:95px;
    line-height: 15px;
    text-align:center;
    position:absolute;
    top:24px;
    right:85px;
    font-size:16px;
    border-radius: 3px;
    color:white;
    cursor:pointer;
    background: #75cbe5;
}
.phone-log{
    height:30px;
    width:150px;
    position: absolute;
    top:22px;
    right:-80px;
    background: url(../../images/phone.png)no-repeat left;
    background-size: 25px;
}
.phone{
    margin-left:34px;
    position: relative;
    top:6px;
}