header {
    min-height: 498px;
    background:url(/images/about/banner.png) no-repeat center center / cover;
    position: relative;
}
header .nav .button {
    color: #05111c !important;
}
header .banner {
    text-align:center;
    position:relative
}
header .banner .des {
    padding:100px 0 222px;
    text-align:center
}
header .banner .des h1 {
    line-height:45px
}
header .banner .des p {
    line-height:34px;
    margin-top:30px
}
header .banner .com-des {
    width:100%;
    height:649px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.1);
    border-radius:10px;
    padding:80px 109px 80px 100px;
    margin:0 auto;
    position:absolute;
    bottom:-256px
}
header .banner .desc-display{
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
header .banner .desc-display img{
    width: 220px;
    height: 165px;
    object-fit:cover;
    border-radius: 5px;
    box-shadow: 0 6px 14px 0 rgba(119, 163, 212, 0.2);
}
header .banner .com-des h2 {
    font-size:34px;
    font-weight:300;
    color:#333;
    text-align:center
}
header .banner .com-des p {
    font-size:16px;
    font-weight:300;
    color:#666;
    line-height:24px;
    margin-top:30px;
    text-align:left
}
header .banner .show {
    margin-left:0
}
header .banner .show img {
    width:644px;
    height:520px;
    margin-left:44px
}
section {
    padding-top:80px;
    padding-bottom:80px
}
section .container {
    width:1204px;
    text-align:center;
    margin:0 auto
}
section .title {
    font-size:34px;
    font-weight:300;
    color:#333
}
section .des {
    font-size:16px;
    font-weight:400;
    color:#666;
    margin-top:17px
}
.center {
    padding-top:336px
}
.center ul {
    margin-top:50px
}
.center ul li {
    display:inline-block;
    width:380px;
    height:362px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(119, 163, 212, 0.2);
    text-align:center;
    margin:0 14px 0 10px;
    padding:30px 64px 0
}
.center ul li:first-child {
    margin-left:0
}
.center ul li:last-child {
    margin-right:0
}
.center ul li img {
    width:180px;
    height:180px
}
.center ul li h5 {
    font-size:20px;
    font-weight:300;
    color:#333;
    margin-top:27px
}
.center ul li p {
    font-size:14px;
    color:#666;
    line-height:20px;
    margin-top:20px
}
.compony ul {
    margin-top:50px
}
.compony ul li {
    display:inline-block;
    width:265px;
    text-align:center;
    margin-right:39px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(119, 163, 212, 0.2);
    padding:30px;

}
.compony ul li:first-child {
    margin-left:0
}
.compony ul li:last-child {
    margin-right:0
}
.compony ul li img {
    width:210px;
    height: 300px;
    margin-top:22px
}
.compony ul li h5 {
    font-size:20px;
    font-weight:400;
    color:#333
}
.help {
    width:100%;
    text-align:center;
    padding-bottom:80px
}
.help .content {
    margin:0 auto
}
.help .content .news {
    display:inline-block;
    width:800px;
    margin-right:110px
}
.help .content .news h4 {
    text-align:left;
    font-size:22px;
    font-weight:400;
    color:#333;
    line-height:45px
}
.help .content .news h4 span {
    font-size:16px;
    font-weight:400;
    color:#999
}
.help .content .news ul li {
    margin-top:19px;
    padding-bottom:19px;
    border-bottom:1px solid #eee;
    cursor:pointer
}
.help .content .news ul li img {
    width:201px;
    height:120px;
    margin-right:20px;
    vertical-align:middle
}
.help .content .news ul li div {
    display:inline-block;
    width:570px;
    text-align:left;
    vertical-align:middle
}
.help .content .news ul li div h5 {
    font-size:20px;
    font-weight:400;
    color:#666;
    line-height:45px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.help .content .news ul li div .text {
    font-size:14px;
    font-weight:300;
    color:#666;
    line-height:24px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-top:7px;
    margin-bottom:7px
}
.help .content .news ul li div .date {
    font-size:14px;
    font-weight:300;
    color:#999;
    line-height:26px
}
.help .content .other {
    width:280px;
    display:inline-block;
    vertical-align:top;
    text-align:left
}
.help .content .other h4 {
    font-size:22px;
    font-weight:400;
    color:#333;
    line-height:45px;
    margin-bottom:15px
}
.help .content .other ul {
    list-style:disc inside
}
.help .content .other ul li {
    font-size:16px;
    font-weight:300;
    line-height:35px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    color:#666
}
.help .content .other ul li a {
    color:#666
}
.help .content .other ul li span {
    font-size:16px;
    font-weight:300;
    color:#999
}
.help .content .other .version {
    margin-top:40px
}
.help .content .other .version li {
    width:200px;
    position:relative
}
.help .content .other .version li span {
    position:absolute;
    top:0;
    right:0
}