.my-flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.flex-horizon{flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-flex-direction:row}
.flex-vertical{flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column}
.justify-content-space-between{justify-content:space-between;-webkit-justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}
.service-body .header{width:100%;height:100%;padding-top:120px;background:url(../../images/header-bg-new.png) no-repeat bottom;background-size:contain;background-color: white;}
.service-body .header .mytitle{width:100%;padding-top:120px;padding-right:100px;text-align:center;font-size:30px;color:#494770;letter-spacing:2px}
.service-body .header .desc{width:100%;font-size:60px;margin-top:50px;padding-left:200px;color:#4f4c71;text-align:center;letter-spacing:2px;font-weight:700}
.service-body .subheader{position:relative;width:100%;height:100%;background:#fff url(../../images/subheader-bg.png) no-repeat center;background-size:70%}
.service-body .subheader .mytitle{position:absolute;left:20%;top:30%;font-size:30px;color:#47456c}
.service-body .subheader .desc{position:absolute;left:20%;top:40%;font-size:18px;color:#47456c;width:345px;letter-spacing:1px}
.sub-header-font{position:absolute;right:24%;top:25%;font-size:13px;width:20%}
.sub-header-back{position:absolute;right:20%;top:35%;width:20%}
.sub-header-back img,.sub-header-font img{width:100%}
.service-body .content{width:100%;height:100%;background: none;}
.service-body  .content .content-title{width:auto;text-align:center;font-size:30px;color:#333333}
.service-body  .content .content-page{width:100%;height:510px}
.content-page .page{position:relative;width:25%;height:80%;overflow:hidden;max-width:256px;text-align:center;max-height:380px;min-height:180px;background-color:#fff;box-shadow:-2px -2px 10px 2px #ddd}
.content-page .page:nth-child(1){margin-right:64px}
.content-page .page:nth-child(3){margin-left:64px}
.page .page-title{width:80%;height:70px;margin:0 10%;padding:15px 0;border-bottom:1px solid #eae9e9;text-align:center;color:#4f4c71;font-size:26px}
.page .page-name{width:100%;padding:10px;text-align:center;color:#f18c2a;font-size:16px}
.page .page-desc{width:100%;overflow:hidden;padding:5px 58px;text-align:justify;color:#9499bc;font-size:14px}
.page .page-action{position:absolute;padding:6px 22px;bottom:30px;border-radius:30px;background-image:linear-gradient(90deg,#E97389 0,#EA6765 100%);color:#fff;font-size:12px;right:0;text-align:center;width:160px;left:0;margin:0 auto;cursor:pointer}
.page .page-button{display:none}
.page-button img{width:50px;border-radius:50%}
.sub-content{width:100%;height:100%;background-color:#fff}
.sub-content .sub-content-title{width:100%;padding-bottom:50px;text-align:center;font-size:30px;color:#4f4c71}
.sub-content .sub-content-row{width:1046px;text-align:left;font-size:30px;color:#4f4c71}
.sub-content .sub-content-row:nth-child(1){border-bottom:1px solid #eae9e9}
.sub-content-col{width:30%;max-height:200px;height:200px;padding:0 20px}
.sub-content-col:hover{box-shadow:4px 4px 16px 2px #eeeff8}
.sub-content-col div{margin:20px;line-height:1.7}
.sub-content-col span{padding-left:10px;font-size:16px;color:#2a3761;font-weight:700}
.sub-content-col div{color:#4f4c71;font-size:14px;height:40px}
.join-flow{width:90%;height:100%;margin:0 5%}
.join-title{width:100%;padding-bottom:50px;text-align:center;font-size:30px;color:#4f4c71}
.join-flow-content{text-align:center;align-items:flex-start}
.join-flow-name{padding:15px 0 10px 0;color:#4f4c71;font-size:16px;font-weight:700}
.section5{overflow:auto;height:100%}
.join-flow-desc{color:#4f4c71;font-size:13px;letter-spacing:1px;text-align:left;line-height:20px;margin-left:2px}
.join-flow-next{padding-top:44px}
.flow-item{width:150px}
.flow-item img{width:100px}
.customer{width:100%;height:100%;background:url(../../images/customer-bg.png) no-repeat center;background-size:100% 100%}
.customer-title{padding-bottom:30px;text-align:center;font-size:30px;color:#fff}
.customer-list{width:100%}
.customer-row{width:60%;margin:40px 20%}
.customer-item{border-radius:50%;width:100px;height:100px;background-color:#fff}
.customer-item img{width:80px}