#container{

}
#container .banner{
    height:405px;
    background: url("../img/serverBanner.png")no-repeat bottom center;
    background-size: cover;
    width:100%;
    min-width: 1280px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#container .banner h1{
    font-size:31px;
    font-family:PingFang-SC-Bold;
    color:rgba(255,255,255,1);
    text-align: center;
}
#container .banner .text{
    font-size:16px;
    font-family:HelveticaNeueLTPro-LtEx;
    color:rgba(255,255,255,1);
    text-align: center;
}
#container .page-nav{
    width:100%;
    padding:70px 0;
    background:rgba(244,244,244,1);
}
#container .page-nav ul{
    width:1280px;
    margin:0 auto;
    background:rgba(244,244,244,1);
    text-align: center;
}
#container .page-nav ul li{
    display: inline-block;
    background:rgba(255,255,255,1);
    border-radius:17px;
    height:34px;
    line-height: 34px;
    font-size:14px;
    font-family:PingFang-SC-Regular;
    color:rgba(25,25,25,1);
    width:113px;
    margin:0 15px;
}
#container .page-nav ul li.active{
    background:rgba(0,2,154,1);
    color:#fff;
}
#container .content{
    min-width:1280px;
    margin:0 auto;
    padding:100px 0;
    padding-bottom: 0;
}
#container .content h2{
    font-size:24px;
    font-family:PingFang-SC-Medium;
    color:rgba(0,0,0,1);
    text-align: center;
    margin-bottom:40px;
    text-align: center;
}
#container .content .text{
    font-size:14px;
    font-family:PingFang-SC-Regular;
    color:rgba(0,0,0,1);
    text-align: center;
    line-height: 1.5;
}
#container .content .text1{
    width:950px;
    margin:0 auto;
    text-align: center;
}
#container .content .text2{
    width:1180px;
    margin:0 auto;
    text-align: left;
}
#container .content .credential{
    text-align: center;
    margin:70px 0 90px 0;
}
#container .content .credential .credential-item{
    width:200px;
    height:200px;
    display: inline-block;
    margin:0 60px;
}
#container .content .credential .credential-item img{
    width:145px;
    height:200px;
    display: block;
    margin:0 auto;
}
#container .content .credential .credential-item .text{
    font-size:14px;
    font-family:PingFang-SC-Medium;
    color:rgba(14,5,10,1);
    margin-top:10px;
}
#container .content .img-info{
    height:360px;
    width:100%;
    background: url("../img/server-pic3.png") no-repeat center center;
    background-size: cover;
    margin-bottom:140px;
}
#container .content .img-info .img-info-text{
    width:50%;
    margin-left:50%;
    padding:100px 240px;
}
#container .content .img-info .img-info-text .title{
    font-size:24px;
    font-family:PingFang-SC-Medium;
    color:rgba(255,255,255,1);
    margin-bottom:50px;
}
#container .content .img-info .img-info-text .text{
    font-size:14px;
    font-family:PingFang-SC-Regular;
    color:rgba(255,255,255,1);
    width:457px;
    line-height: 2;
    text-align: left;
}
#container .content .process{
    margin:90px auto 140px auto;
    display: block;
}
#container .content .bottom{
    height:330px;
    width:100%;
    background: url("../img/server-pic5.png")no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#container .content .bottom .text{
    width:1180px;
    text-align: center;
}