/*
* @Author: linyanyu
* @Date:   2018-11-19 14:20:24
* @Last Modified by:   linyanyu
* @Last Modified time: 2018-11-23 13:52:24
*/
img{
    max-width: 100%;
}
/*案例*/
.anli {
    padding: 100px 0;
    color: #6e6e6e;
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.al{
    width: 488px;
    height: 845px;
    background: url(../images/a1.png) top no-repeat;
    position: absolute;
    top: 15%;
    left: 0;
}
.a2{
    width: 488px;
    height: 845px;
    background: url(../images/a2.png) top no-repeat;
    position: absolute;
    top: 60%;
    right: 0;
}
.anli .name {
    line-height: 90px;
    margin-bottom: 20px;
}

.anli p {
    width: 90%;
    line-height: 1.7;
    margin: 0 auto;
}

.anli img {
    margin: 15px auto;
    display: block;
}

.anli .name i {
    width: 90px;
    height: 90px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    background-size: contain;
}

/*会员*/
.huiyuan {
    color: #626262;
    font-size: 18px;
    width: 80%;
    float: right;
}

.huiyuan>div {
    width: 50%;
}

.huiyuan .name {
    color: #008aff;
    font-weight: bold;
    font-size: 40px;
    transition: 0s .5s;
    transform: translate(-200%, 0);
}

.huiyuan .des {
    color: #000;
    margin: 20px 0;
    font-size: 26px;
    transition: 0s .5s;
    transform: translate(-200%, 0);
}

.huiyuan p {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;

}

.huiyuan p::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #008aff;
    display: inline-block;
    float: left;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}

.huiyuan .fl p {
    transition: 0s .5s;
    transform: translate(-200%, 0);
}

.huiyuan .fl {
    margin-top: 100px;
    width: 45%;
}

.xinpai .h2,
.huiyuan .fl>.h2 {
    margin-top: 5%;
    transition: 0s .5s;
    transform: scale(0);
}
.active .xinpai .h2,
.active .huiyuan .fl>.h2 {
    transition: transform .8s .7s;
    transform: scale(1);
}

.huiyuan .fr {
    float: right;
    width: 55%;
}

.huiyuan .fr img {
    transition: 0s .5s;
    transform: translate(0, -150%);
}

.huiyuan .fr p {
    width: 55%;
    transition: 0s .5s;
    opacity: 0;
    transform: translate(300%, 0);
}

.active .huiyuan .fr p {
    opacity: 1;
    transform: translate(0);
    transition: transform 1s .6s;
}


.fbg {
    width: 100%;
    height: 184px;
    background: url(../images/hy3.jpg) no-repeat bottom;
    background-size: contain;
    margin-top: -50px;
}

/*pad*/
.pad-top {
    width: 100%;
    height: 513px;
    background: #0066ff url(../images/bs.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

.pad-top img {
    float: right;
    width: 60%;
    margin-top: 14%;
    transition: 0s .5s;
    transform: translate(0, -150%);
}

.active .huiyuan .fr img,
.active .pad-con,
.active .pad-top img {
    transform: translate(0);
    transition: transform .6s .4s;
}

.pad-con {
    position: relative;
    margin: 2% auto;
    transition: 0s .5s;
    transform: translate(0, 150%);
}

.pad-con>.con {
    width: 59%;
    float: right;
    margin-top: 5%;
    line-height: 1.8;
    color: #626262;
    font-size: 20px;
}

.pad-con>.con>div {
    color: #393939;
    font-size: 34px;
    margin-bottom: 10px;
}

/*业支*/
.yz {
    width: 100%;
    height: 847px;
    background: url(../images/hl.jpg) no-repeat center #fff;
    background-size: cover;
    position: relative;
}

.pad-top .box,
.yz .box {
    color: #fff;
    width: 400px;
    padding-top:9%;
    font-size: 18px;
    line-height: 1.7;
    opacity: 0;
    transition: 0s .5s;
    transform: translate(-200%, 0);
}
.pad-top .box{
    width: 440px;
}
.pad-top .box .border{
    border: 1px solid #fff;
    padding:0 20px 20px;
    position: relative;
    margin-top: 20px;
}
.pad-top .box .border::after {
    content: '';
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-width: 10px;
    width: 0;
    height: 0;
    position: absolute;
    right: -2px;
    transform: rotate(131deg);
    bottom: -2px;
}
.active .xinpai .box,
.active .huiyuan .fl .name,
.active .huiyuan .fl .des,
.active .huiyuan .fl p {
    opacity: 1;
    transition: transform .3s .4s;
    transform: translate(0);
}

.active .pad-top .box,
.active .yz .box {
    opacity: 1;
    transition: transform .6s .4s;
    transform: translate(0);
}

.pad-top .box .name,
.yz .box .name {
    font-size: 40px;
}

.pad-top .box .title,
.yz .box .title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 26px;
}

.yz-box {
    margin-top: -7%;
    position: relative;
    padding-bottom: 2.5%;
    padding-left: 5%;
}

.yz-box .yw {
    float: left;
    width: 50%;
    transition: 0s .5s;
    transform: translate(0, 150%);
    opacity: 0;
}

.active .yz-box .yw {
    opacity: 1;
    transition: transform .6s .4s;
    transform: translate(0);
}

.yz .box p {
    width: 370px;
}

.yz-box .yw .name {
    font-size: 20px;
    color: #0000005e;
}

.yz-box .yw .name p {
    color: #000;
    font-size: 35px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.yz-box .yw .name i {
    width: 84px;
    height: 71px;
    float: left;
    background: url(../images/yz.jpg) no-repeat center;
    background-size: contain;
    margin-right: 20px;
}

.yz-box .yw:first-child .name i {
    background: url(../images/yz1.jpg) no-repeat center;
    background-size: contain;
    width: 66px;
    height: 79px;
}

.yz-box .yw .name>div {
    float: left;
}

.yz-box .yw>p {
    line-height: 1.7;
    color: #0000007e;
    width: 70%;
    margin-top: 5%;
}

.yz-gn {
    background-color: #f9f9f9;
    padding-bottom: 2.3%;
}

.yz-gn .name {
    font-size: 40px;
    font-family: serif;
    border: 1px solid #000;
    width: 350px;
    margin: 3% auto;
    text-align: center;
}

.yz-gn li {
    float: left;
    color: #0000007e;
    font-size: 14px;
    width: 33.3%;
}

.yz-gn li>div {
    color: #343434;
    font-size: 26px;
    overflow: hidden;
    line-height: 80px;
    margin-bottom: 15px;
}

.yz-gn li i {
    float: left;
    margin-right: 15px;
}

.yz-gn li .icon1>i {
    width: 77px;
    height: 75px;
    background: url(../images/yz3.png) no-repeat center;
    background-size: contain;
}

.yz-gn li .icon2>i {
    width: 67px;
    height: 73px;
    background: url(../images/yz4.png) no-repeat center;
    background-size: contain;
}

.yz-gn li .icon3>i {
    width: 77px;
    height: 77px;
    background: url(../images/yz5.png) no-repeat center;
    background-size: contain;
}

.yz-gn li p {
    margin-bottom: 5px;
}

.yz-gn li p::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #0000007e;
    border-radius: 100%;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-right: 7px;
}
/* 鑫派管理系统 */
.xinpai{
    width: 100%;
    height: 865px;
    background: url(../images/img3.jpg) no-repeat center #282628;
    background-size: cover;
    position: relative;
    padding-top:100px;    
    text-align: center;
}
.xinpai .box{max-width: 750px;margin: 0 auto;
    transition: 0s .5s;
    transform: translate(-200%, 0);
}
.xinpai p{color: #ffdc99;font-size: 20px;line-height: 1.7;text-align: left;padding-left: 20px;word-break: break-all;margin-bottom: 40px;text-indent: 2em;}
.xinpai-body .title{color:#ffdc99;font-size: 32px;border: 1px solid #ffdc99;display: inline-block;padding: 5px 50px;margin: 40px auto;}
.xinpai-body .top{background:#00337c;}
.xinpai .h2{margin-top: 0;}