/* ����֧�� */

.service-one {
    padding-top: 70px;
    width: 1230px;
    margin: 0 auto
}

.service-one ul {
    overflow: hidden;
    margin-left: -3%
}

.service-one li {
    float: left;
    width: 17%;
    margin-left: 3%;
    text-align: center;
}

.service-one li.two {
    cursor: pointer;
}

.service-one li .box {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 70px rgba(194, 205, 239) inset;
    -webkit-box-shadow: 2px 0 70px rgba(194, 205, 239) inset;
    box-shadow: 2px 0 70px rgba(194, 205, 239) inset;
    padding: 88px 25px 44px;
    border-radius: 20px;
    margin-top: -80px;
}

.service-one li:hover .box {
    transition: all 0.6s ease;
    -moz-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
    -webkit-box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
    box-shadow: 2px 0 15px rgba(230, 30, 55, 0.2) inset;
}

.service-one li .box strong,
.service-one li .box a {
    font-weight: bold;
    display: block;
    font-size: 22px;
    color: #05163f;
    margin: 20px auto 10px;
}

.service-one li:hover .box strong,
.service-one li:hover .box a {
    color: #e61e37;
    transition: all 0.6s ease;
}

.service-one li .box p {
    font-size: 16px;
    color: #788291;
}

.service-two,
.service-four {
    margin-top: 70px;    width: 1230px;
    margin: 0 auto
}

.service-two .pic,
.service-four .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.service-two h2,
.service-four h2 {
    font-size: 38px;
    color: #05163f;
    text-align: center;
    font-weight: bold;
    margin-top: -50px;
}

.service-two h2 img,
.service-four h2 img {
    display: inline-block;
    margin-left: -35px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}

.service-two .tit,
.service-four .tit {
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #555f7d;
    width: 73%;
    margin: 20px auto 40px;
}

.service-two ul {
    overflow: hidden;
    margin-left: -3%;
}

.service-two li {
    float: left;
    position: relative;
    width: 30.3333%;
    margin-left: 3%;
}

.service-two li:after {

    width: 100%;
    height: 160px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background-size: cover;
}

.service-two li .box {
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
    box-sizing: border-box;
    z-index: 10
}

.service-two li .pic {
    width: 100%
}

.service-two li .box img {
    margin-bottom: 20px;
    transition: all 0.6s ease;
}

.service-two li:hover .box img {
    margin-bottom: 40px;
    transition: all 0.6s ease;
}

.service-two li .box p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.service-three {
    margin-top: 70px;
    padding: 70px 0 75px;
}

.service-three {
    background: url(../image/mobfourbox_bg.jpg) no-repeat;
    background-size: cover;
}

.service-three .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.service-three h2 {
    font-size: 38px;
    color: #cddcff;
    text-align: center;
    font-weight: bold;
    margin-top: -50px;
}

.service-three h2 img {
    display: inline-block;
    margin-left: -35px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}

.service-three .three {
    overflow: hidden;
    margin-top: 50px;    width: 1230px;
    margin: 0 auto
}

.service-three .three-l {
    float: left;
    width: 30.3333%;
    margin-right: 1%;
    margin-top: 20px
}

.service-three .three-l li,
.service-three .three-r li {
    overflow: hidden;
    margin-bottom: 60px;
}

.service-three .three-l li img,
.service-three .three-r li img {
    float: left;
    display: block;
}

.service-three .three-l li p,
.service-three .three-r li p {
    float: left;
    width: 70%;
    color: #97afe6;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 30px;
    margin-top: 15px;
}

.service-three .ystu {
    float: left;
    width: 35.3333%;
    margin-right: 2%;
}

.service-three .three-r {
    float: right;
    width: 30.3333%;
    margin-top: 20px
}

.service-four ul {
    overflow: hidden;
    margin-left: -2.5%;
}

.service-four li {
    float: left;
    width: 30.5%;
    margin-left: 2.5%;
    overflow: hidden;
}

.service-four li img {
    width: 100%;
    transition: all 0.6s ease;
}

.service-four li:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.service-five {
    background: #f0f3fa;
    margin-top: 70px;
    padding: 70px 0 80px;height: 650px;
}

.service-five .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.service-five h2 {
    font-size: 38px;
    color: #05163f;
    text-align: center;
    font-weight: bold;
    margin-top: -50px;
}

.service-five h2 img {
    display: inline-block;
    margin-left: -35px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}

.service-five .tit {
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    color: #555f7d;
    width: 73%;
    margin: 20px auto 40px;
}

.service-five .box {

    width: 1082px;
    height: 340px;
    background-size: cover;
}

.service-five .u-top {
    overflow: hidden;
}

.service-five ul li {
    background: #fff;
    padding: 25px 45px;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 2px 5px 20px #adbce9
}

.service-five .u-top {
    margin-left: -12%;
    padding: 20px 0;
    box-sizing: border-box;
}

.service-five .u-top li {
    position: relative;
    float: left;
    text-align: center;
    width: 13%;
    margin-left: 12%
}

.service-five .u-top .one:after {
    position: absolute; background:url(../image/s_one.png) no-repeat;
    content: "";
    display: block;
    width: 182px;
    height: 50px;
    right: -182px;
    top: 50%;
    margin-top: -25px;
}

.service-five .u-top .two:after {
    position: absolute;
    background: url(../image/s_two.png) no-repeat;
    content: "";
    display: block;
    width: 182px;
    height: 50px;
    right: -182px;
    top: 50%;
    margin-top: -25px;
}

.service-five .u-top .three:after {
    position: absolute;
    background: url(../image/s_three.png) no-repeat;
    content: "";
    display: block;
    width: 182px;
    height: 50px;
    right: -182px;
    top: 50%;
    margin-top: -25px;
}

.service-five .u-top li.zuihou:after {
    background: none
}

.service-five .u-bottom li.last:after {
    background: url(../image/s_four.png) no-repeat;
    content: "";
    display: block;
    width: 126px;
    height: 190px;
    position: absolute;
    right: -126px;
    top: -100px;
}

.service-five .u-bottom .five:after {
    position: absolute;
    background: url(../image/s_five.png) no-repeat;
    content: "";
    display: block;
    width: 182px;
    height: 50px;
    right: -182px;
    top: 50%;
    margin-top: -25px;
}

.service-five .u-bottom .six:after {
    position: absolute;
    background: url(../image/s_five.png) no-repeat;
    content: "";
    display: block;
    width: 182px;
    height: 50px;
    right: -182px;
    top: 50%;
    margin-top: -25px;
}

.service-five li img {
    width: 80px;
}

.service-five li p {
    font-size: 16px;
    color: #788291;
    margin-top: 30px;
}

.service-five .u-bottom {
    margin-top: 80px
}

.service-five .u-bottom li {
    position: relative;
    float: left;
    text-align: center;
    width: 15%;
    margin-left: 13.5%;
}
.wrap1{    width: 1230px;
    margin: 0 auto;}