header {
    background-image:url(/images/mixread/banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%
}
header .banner .show {
    margin-left:0
}
header .banner .show img {
    width:450px;
}
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;
    color:#666;
    margin-top:17px
}
.system {
    padding-bottom:80px
}
.system ul {
    margin-top:50px
}
.system ul li {
    display:inline-block;
    background:#fff;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.08);
    text-align:left;
    width:363px;
    margin-left:22px;
    margin-right:27px;
    padding-right:34px
}
.system ul li:first-child {
    margin-left:0
}
.system ul li:last-child {
    margin-right:0
}
.system ul li div {
    width:8px;
    height:8px;
    background:#00a4ff;
    border-radius:50%;
    margin:10px 0 0 10px
}
.system ul li h5 {
    font-size:20px;
    font-weight:300;
    color:#333;
    margin:20px 0 0 33px
}
.system ul li p {
    font-size:14px;
    color:#666;
    line-height:22px;
    margin:15px 0 40px 33px
}
.number ul {
    margin-top:50px
}
.number ul li {
    display:inline-block;
    margin-left:10px;
    margin-right:4px
}
.number ul li:first-child {
    margin-left:0
}
.number ul li:last-child {
    margin-right:0
}
.number ul li .tex-con {
    width:182px;
    height:240px;
    background:#fff;
    border-radius:4px
}
.number ul li .tex-con div {
    display:inline-block;
    width:39px;
    height:39px;
    line-height:39px;
    margin-top:52px
}
.number ul li .tex-con div img {
    vertical-align:middle
}
.number ul li .tex-con h6 {
    font-size:20px;
    font-weight:300;
    line-height:45px;
    margin-top:30px;
    margin-bottom:8px
}
.number ul li .tex-con p {
    font-size:14px;
    color:#666;
    line-height:20px
}
.number ul li .arr-con {
    width:182px;
    height:37px;
    text-align:center;
    line-height:37px;
    font-size:14px;
    font-weight:400;
    color:#fff;
    position:relative;
    z-index:1;
    margin-top:40px
}
.number ul li .arr-con span {
    position:relative;
    left:-9px
}
.number ul li .arr-con img {
    position:absolute;
    z-index:-1;
    top:0;
    left:0
}
.pay {
    padding-bottom:50px
}
.pay .content {
    margin-top:38px
}
.pay .content .tab-con {
    display:inline-block;
    vertical-align:middle;
    width:390px
}
.pay .content .tab-con .tab {
    width:382px;
    height:150px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.06);
    padding:30px 65px 0;
    margin-top:30px;
    transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    cursor:pointer
}
.pay .content .tab-con .tab h6 {
    font-size:20px;
    font-weight:300;
    color:#333;
    transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    -o-transition:all .2s
}
.pay .content .tab-con .tab p {
    margin-top:19px;
    font-size:14px;
    color:#666;
    line-height:20px
}
.pay .content .tab-con .active {
    box-shadow:0 2px 10px 0 rgba(0,164,255,.3)
}
.pay .content .tab-con .active h6 {
    color:#00A4FF
}
.pay .content .img-con {
    display:inline-block;
    vertical-align:middle;
    width:272px;
    height:516px;
    margin-right:50px;
    margin-left:45px
}
.pay .content .img-con img {
    width:272px;
    height:516px
}
.advantage ul li {
    display:inline-block;
    width:288px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.08);
    padding:38px 35px;
    margin-top:50px;
    margin-left:2px;
    margin-right:7px
}
.advantage ul li:first-child {
    margin-left:0
}
.advantage ul li:last-child {
    margin-right:0
}
.advantage ul li h6 {
    font-size:20px;
    font-weight:300;
    color:#333
}
.advantage ul li p {
    font-size:14px;
    color:#666;
    line-height:22px;
    margin-top:20px
}
.help {
    padding-bottom:78px
}
.help ul li {
    display:inline-block;
    width:238px;
    margin-top:60px;
    margin-left:26px;
    margin-right:30px
}
.help ul li img {
    width:70px;
    height:70px
}
.help ul li h5 {
    font-size:20px;
    font-weight:300;
    color:#333;
    margin-top:21px
}
.help ul li p {
    font-size:14px;
    color:#666;
    line-height:22px;
    margin-top:15px
}
.customer {
    padding-bottom:80px
}
.customer .container {
    width:1245px
}
.customer .case {
    width:1245px;
    margin:0 auto;
    padding:20px 0 0
}
.customer .case li {
    display:inline-block;
    width:580px;
    height:240px;
    background:#fff;
    box-shadow:0 6px 14px 0 rgba(0,0,0,.06);
    padding:40px 30px;
    margin:40px 19px 0
}
.customer .case li img {
    width:189px;
    height:160px;
    margin-right:22px;
    vertical-align:middle
}
.customer .case li div {
    width:300px;
    display:inline-block;
    vertical-align:middle;
    height:100%;
    position:relative
}
.customer .case li div .text {
    font-size:14px;
    color:#666;
    line-height:21px;
    text-align:left
}
.customer .case li div .name {
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
    color:#999;
    font-size:12px
}