body {
    box-sizing: border-box;
}

.banner-containner {
    /*width: 100%;
    height: 552px;
    background: url("/Customer/image/service/banner_bg.jpg") no-repeat center;*/
    position: relative;
}


/*.banner-containner > img {
        position: absolute;
        left: 50%;
        top: 146px;
        transform: translateX(-50%);
    }*/

.banner-img {
    position: relative;
}

.banner-img .page-center {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    z-index: 2;
}

.banner-img .banner-btn {
    position: absolute;
    left: 50%;
    bottom: 12%;
    transform: translateX(-50%);
}

.b1 {
    width: 12rem;
    margin: .6rem auto;
}

.b1 .b1-test {
    overflow: hidden;
}

.b1 .b1-test .test-left {
    width: 1.74rem;
    height: 1.74rem;
    border-radius: 50%;
    border: .08rem solid #ededed;
    text-align: center;
    float: left;
    margin-right: .4rem;
    background-color: #0e0e72;
}

.b1 .b1-test .test-left>img {
    width: 1.74rem;
    height: 1.74rem;
    opacity: 0.58;
    transition: all .3s;
}

.b1 .b1-test:hover .test-left>img {
    opacity: 1;
}

.b1 .b1-test .test-right {
    float: left;
}

.b1 .b1-test .test-right .test-p1>span {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: url("/Customer/image/service/service-p1-title.png") no-repeat left top;
    font-size: .4rem;
    font-style: italic;
    margin-right: .2rem;
    padding-top: .15rem;
    padding-left: .1rem;
    box-sizing: border-box;
}

.b1 .b1-test .test-right .test-p1 {
    font-size: .24rem;
    color: #183bac;
    font-weight: bold;
}

.b1 .b1-test .test-right .test-d1 {
    width: 2.04rem;
    height: .38rem;
    background: url("/Customer/image/service/service-p1-title1.png") no-repeat center;
    background-size: 100% 100%;
    line-height: .38rem;
    font-size: .18rem;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin-top: .2rem;
}

.b1 .b1-test .test-right .test-d2 {
    font-size: .16rem;
    color: #52535b;
    line-height: .24rem;
    margin-top: .15rem;
}

.b1 .b1-waibao {
    margin-top: .3rem;
    overflow: hidden;
}

.b1 .b1-waibao .waibao-left {
    float: right;
}

.b1 .b1-waibao .waibao-left .waibao-p1 {
    font-size: .24rem;
    color: #183bac;
    font-weight: bold;
    text-align: right;
}

.b1 .b1-waibao .waibao-left .waibao-p1>span {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: url("/Customer/image/service/service-p1-title.png") no-repeat left top;
    font-size: .4rem;
    font-style: italic;
    margin-right: .2rem;
    padding-top: .15rem;
    padding-left: .1rem;
    box-sizing: border-box;
}

.b1 .b1-waibao .waibao-left .waibao-dd {
    overflow: hidden;
}

.b1 .b1-waibao .waibao-left .waibao-d1 {
    width: 3.34rem;
    height: .38rem;
    background: url("/Customer/image/service/service-p1-title2.png") no-repeat center;
    background-size: 100% 100%;
    line-height: .38rem;
    font-size: .18rem;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin-top: .2rem;
    float: right;
}

.b1 .b1-waibao .waibao-left .waibao-d2 {
    font-size: .16rem;
    color: #52535b;
    line-height: .24rem;
    margin-top: .15rem;
    text-align: right;
}

.b1 .b1-waibao .waibao-right {
    float: right;
    width: 1.74rem;
    height: 1.74rem;
    border-radius: 50%;
    border: .08rem solid #ededed;
    text-align: center;
    margin-left: .4rem;
    background-color: #0e0e72;
}

.b1 .b1-waibao .waibao-right>img {
    width: 1.74rem;
    height: 1.74rem;
    opacity: 0.58;
    transition: all .3s;
}

.b1 .b1-waibao:hover .waibao-right>img {
    opacity: 1;
}

.b1 .b1-tool {
    margin-top: .3rem;
    overflow: hidden;
}

.b1 .b1-tool .tool-left {
    width: 1.74rem;
    height: 1.74rem;
    border-radius: 50%;
    border: .08rem solid #ededed;
    text-align: center;
    float: left;
    margin-right: .4rem;
    background-color: #0e0e72;
}

.b1 .b1-tool .tool-left>img {
    width: 1.74rem;
    height: 1.74rem;
    opacity: 0.58;
    transition: all .3s;
}

.b1 .b1-tool:hover .tool-left>img {
    opacity: 1;
}

.b1 .b1-tool .tool-right {
    float: left;
}

.b1 .b1-tool .tool-right .tool-p1>span {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: url("/Customer/image/service/service-p1-title.png") no-repeat left top;
    font-size: .4rem;
    font-style: italic;
    margin-right: .2rem;
    padding-top: .15rem;
    padding-left: .1rem;
    box-sizing: border-box;
}

.b1 .b1-tool .tool-right .tool-p1 {
    font-size: .24rem;
    color: #183bac;
    font-weight: bold;
}

.b1 .b1-tool .tool-right .tool-d1 {
    width: 2.24rem;
    height: .38rem;
    background: url("/Customer/image/service/service-p1-title3.png") no-repeat center;
    background-size: 100% 100%;
    line-height: .38rem;
    font-size: .18rem;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin-top: .2rem;
}

.b1 .b1-tool .tool-right .tool-d2 {
    font-size: .16rem;
    color: #52535b;
    line-height: .24rem;
    margin-top: .15rem;
}

.solute {
    width: 2.6rem;
    height: .52rem;
    line-height: .52rem;
    border-radius: .5rem;
    background: linear-gradient(to bottom, #fcbf80, #ff9248);
    font-size: .24rem;
    color: #513018;
    text-align: center;
    margin: 0 auto .6rem;
    cursor: pointer;
}

.ziyuan {
    width: 100%;
    /*height: 623px;*/
    /*background: url("/Customer/image/service/service-bg1.png") no-repeat center;*/
    background: #f7f8fd;
    padding-top: 70px;
    padding-bottom: 60px;
    box-sizing: border-box;
}

.ziyuan .ziyuan-title {
    text-align: center;
    color: #183bac;
}

.ziyuan .ziyuan-title p:first-child {
    font-size: 32px;
    font-weight: bold;
}

.ziyuan .ziyuan-title p:last-child {
    font-size: 24px;
    margin-top: 20px;
}

.ziyuan .ziyuan-web {
    width: 1200px;
    /*height: 288px;*/
    margin: 40px auto 50px;
    overflow: hidden;
    /*background-image: url("/Customer/image/service/service-p2-curve.png");*/
    /*background-repeat: no-repeat;
    background-position: -10px 62px;*/
}

.ziyuan .ad-bg {
    width: 210px;
    height: 213px;
    text-align: center;
    float: left;
    background: url("/Customer/image/service/p2_1.png") no-repeat center;
    /*margin-left: 60px;*/
    box-sizing: border-box;
}
    .ziyuan .ad-bg1 {
        background: url("/Customer/image/service/p2_2.png") no-repeat center;
    }
    .ziyuan .ad-bg2 {
        background: url("/Customer/image/service/p2_3.png") no-repeat center;
    }
    .ziyuan .ad-bg3 {
        background: url("/Customer/image/service/p2_4.png") no-repeat center;
    }
    .ziyuan .ad-bg4 {
        background: url("/Customer/image/service/p2_5.png") no-repeat center;
    }
    .ziyuan .ziyuan-web .ad-bg .ad-title {
        width: 130px;
        font-size: 22px;
        height: 46px;
        color: #513018;
        margin: 0 auto;
        line-height: 38px;
        background: url("/Customer/image/service/service-p2-box1.png") no-repeat center;
        background-size: 100% 100%;
    }

.ziyuan .ziyuan-web .ad-bg .ad-spot {
    margin: 0 auto;
    width: 29px;
    margin-top: 8px;
    height: 28px;
    background: url("/Customer/image/service/z.png") no-repeat center;
    background-size: 100% 100%;
    animation: anmate 1s infinite ease-in-out alternate;
}

@-webkit-keyframes anmate {
    0% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1.1);
    }
}

.ziyuan .ziyuan-web .ad-bg .ad-dash {
    margin-top: -6px;
}

.ziyuan .ziyuan-web .ad-bg .ad-desc {
    width: 100%;
    /*height: 126px;*/
    font-size: 14px;
    color: #3f4c6c;
    /*background: url("/Customer/image/service/service-p2-box2.png") no-repeat center;*/
    /*background-size: 100% 100%;*/
    line-height: 30px;
    /*padding: 20px 10px;*/
    /*box-sizing: border-box;*/
    margin-top: 90px;
    /*box-shadow: 0 4px 10px rgba(14, 14, 114, 0.3);*/
}

.ziyuan .ziyuan-web .ad-bg:nth-child(2n) .ad-title {
    transform: rotate(180deg);
}

.ziyuan .ziyuan-web .ad-bg .ad-title .title-info {
    transform: rotate(180deg);
    height: 46px;
    line-height: 53px;
}

.ziyuan .know {
    width: 2.6rem;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    border-radius: .5rem;
    background: linear-gradient(to bottom, #fcbf80, #ff9248);
    font-size: .24rem;
    color: #513018;
    margin: 0 auto;
    cursor: pointer;
}

.select-title {
    font-size: .32rem;
    color: #183bac;
    font-weight: bold;
    text-align: center;
    margin-top: .7rem;
}

.service-foot {
    width: 100%;
    height: 2.32rem;
    background: url("/Customer/image/service/service-bg2.png") no-repeat center;
    background-size: 100% 100%;
}

.service-foot .foot-webs {
    width: 12rem;
    margin: 0 auto;
    padding-left: .8rem;
    padding-right: .8rem;
    box-sizing: border-box;
    overflow: hidden;
}

.service-foot .foot-webs .foot-left {
    float: left;
    color: #fff;
    padding-top: .88rem;
}

.service-foot .foot-webs .foot-left p:first-child {
    font-size: .24rem;
}

.service-foot .foot-webs .foot-left p:last-child {
    margin-top: .3rem;
    font-size: .16rem;
    opacity: .7;
}

.service-foot .foot-webs .foot-right {
    float: right;
    text-align: center;
    padding-top: .6rem;
}

.service-foot .foot-webs .foot-right>img {
    width: 1rem;
    height: 1rem;
}

.service-foot .foot-webs .foot-right>p {
    margin-top: .2rem;
    font-size: .14rem;
    color: #fff;
    opacity: .5;
}