.wrapper {
    width: 1200px;
    margin: 0 auto;
}
.sec-box {
    overflow: hidden;
}

/* 电子政务 */
.sec1-box {
    /*display: block;*/
    /*width: 100%;*/
    /*height: auto;*/
    background: url(../img/zhengwu/zw-bg1.jpg) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    height: 516px;
    box-sizing: border-box;
    padding-top: 124px;
}
.sec1-box .sec-title {
    font-size: 48px;
    line-height: 1em;
}
.sec1-box .sec-des {
    font-size: 20px;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 26px;
}
.sec1-box .tag-wrapper {
    display: flex;
    align-items: center;
}
.sec1-box .tag-box {
    width: 147px;
    height: 112px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../img/zhengwu/sec1-img.png) no-repeat;
    background-size: 100% 100%;
}

/* 政务 大数据 */
.sec2-box {
    background: #fff;
}
.sec2-box .wrapper {
    height: 684px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec2-box .img-box {
    width: 477px;
    height: 329px;
    margin-right: 75px;
    background: url(../img/zhengwu/sec2-img.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.sec2-box .img-box img {
    position: absolute;
    width: 28px;
    height: 28px;
    animation: sec2-icon 2s linear infinite alternate;
}
@keyframes sec2-icon {
    0% {
        transform: translate(0, -10px);
    }
    100% {
        transform: translate(0, 10px);
    }
}
.sec2-box .img-box .icon1 {
    top: 24px;
    left: 95px;
}
.sec2-box .img-box .icon2 {
    top: 24px;
    right: 88px;
}
.sec2-box .img-box .icon3 {
    left: 94px;
    bottom: 109px;
}
.sec2-box .img-box .icon4 {
    right: 88px;
    bottom: 109px;
}
.sec2-box .content {
    width: 648px;
}
.sec2-box .title {
    color: #111111;
    font-size: 36px;
    line-height: 1em;
}
.sec2-box .line {
    height: 4px;
    line-height: 0;
    margin-top: 37px;
    margin-bottom: 28px;
}
.sec2-box .line span {
    display: inline-block;
    width: 32px;
    height: 4px;
    border-radius: 2px;
    background: #0055AD;
}
.sec2-box .des {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}

/* 一站式服务 */
.sec3-box {
    background: #F4F7FD;
    text-align: center;
    height: 684px;
    box-sizing: border-box;
    padding-top: 59px;
}
.sec3-box .title img {
    display: block;
    width: 449px;
    height: auto;
    margin: 0 auto;
}
.sec3-box .des {
    font-size: 18px;
    color: #9797A1;
    line-height: 1em;
    margin-top: 22px;
    margin-bottom: 58px;
}
.sec3-box .tag-wrapper {
    width: 100%;
    height: 393px;
    position: relative;
}
.sec3-box .tag-wrapper .tag-box {
    position: absolute;
}
.sec3-box .tag1 {
    left: 0;
    top: 0;
}
.sec3-box .tag2 {
    left: 346px;
    bottom: 0;
}
.sec3-box .tag3 {
    left: 691px;
    top: 0;
}
.sec3-box .tag4 {
    right: 0;
    bottom: 0;
}
.sec3-box .tag-box img {
    width: 166px;
    height: 191px;
    transition: transform 1s;
}
.sec3-box .tag-box img:hover {
    transform: rotate(360deg);
}
.sec3-box .tag-box .tag-name {
    color: #070002;
    font-size: 20px;
    line-height: 1em;
    margin-top: 37px;
}
.sec3-box .tag-arrow {
    width: 75px;
    height: 45px;
    position: absolute;
}
.sec3-box .arrow1 {
    left: 205px;
    top: 158px;
}
.sec3-box .arrow2 {
    left: 576px;
    top: 158px;
}
.sec3-box .arrow3 {
    right: 223px;
    top: 158px;
}

/* 信息化平台 */
.sec4-box {
    height: 883px;
    background: url(../img/zhengwu/zw-bg2.jpg) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 61px;
}
.sec4-box .title {
    display: block;
    width: 551px;
    height: 59px;
    margin: 0 auto;
}
.sec4-box .des {
    color: #E2E3FF;
    font-size: 18px;
    text-align: center;
    line-height: 1em;
    margin-top: 23px;
    margin-bottom: 28px;
}
.sec4-box .tag-wrapper {
    width: 911px;
    height: 663px;
    margin: 0 auto;
    background: url(../img/zhengwu/sec4-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.sec4-box .tag-box {
    position: absolute;
    width: 88px;
    transition: all .4s;
    transform-origin: center bottom;
}
.sec4-box .tag-box img {
    display: block;
    width: 100%;
    height: auto;
}
.sec4-box .tag-box:hover {
    transform: scale(1.08, 1.08);
}
.sec4-box .tag1 {
    top: 251px;
    left: 197px;
}
.sec4-box .tag2 {
    top: 150px;
    left: 421px;
}
.sec4-box .tag3 {
    top: 254px;
    right: 191px;
}
.sec4-box .tag4 {
    bottom: 101px;
    left: 411px;
}

/* 政务服务 */
.sec5-box {
    height: 835px;
    background: #fff;
    box-sizing: border-box;
    padding-top: 67px;
}
.sec5-box .title {
    display: block;
    width: 581px;
    height: 60px;
    margin: 0 auto;
}
.sec5-box .des {
    color: #9797A1;
    font-size: 18px;
    text-align: center;
    line-height: 1em;
    margin-top: 23px;
    margin-bottom: 57px;
}
.sec5-box .board-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec5-box .board {
    width: 384px;
    height: 538px;
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px rgba(4, 0, 0, 0.13);
    margin-right: 23px;
    box-sizing: border-box;
    padding-top: 45px;
    color: #0055AD;
    transition: all .2s;
}
.sec5-box .board:hover {
    transform: scale(1.04, 1.04);
    background: #0B4F95;
    color: #F0F3FE;
}
.sec5-box .board .blue-icon {
    display: inline-block;
}
.sec5-box .board .white-icon {
    display: none;
}
.sec5-box .board:hover .blue-icon {
    display: none;
}
.sec5-box .board:hover .white-icon {
    display: inline-block;
}
.sec5-box .board:hover .board-des {
    color: #F0F3FE;
}
.sec5-box .board:hover .board-line span {
    background: #fff;
}
@keyframes sec5-board {
    0% {
        opacity: 0;
        transform: translate(100px, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
.fade-board {
    animation-name: sec5-board;
}
.sec5-box .board:nth-of-type(3) {
    margin-right: 0;
}
.board-icon-box {
    text-align: center;
}
.sec5-box .board-icon {
    display: inline-block;
    width: 60px;
    height: auto;
    margin: 0 auto;
}
.sec5-box .board-name {
    font-size: 30px;
    text-align: center;
    line-height: 1em;
    margin-top: 25px;
    margin-bottom: 18px;
}
.sec5-box .board-name-en {
    font-size: 16px;
    text-align: center;
    line-height: 1em;
}
.sec5-box .board-line {
    line-height: 0;
    text-align: center;
    margin-top: 27px;
    margin-bottom: 29px;
}
.sec5-box .board-line span {
    display: inline-block;
    width: 56px;
    height: 4px;
    border-radius: 2px;
    background: #0055AD;
    opacity: .5;
}
.sec5-box .board-des {
    color: #111111;
    font-size: 18px;
    padding-left: 63px;
    line-height: 40px;
}
.sec5-box .board-des span {
    display: block;
    width: 254px;
    box-sizing: border-box;
    padding-left: 38px;
}
.sec5-box .board-des img {
    width: 22px;
    height: 22px;
    margin-right: 16px;
    float: left;
    margin-top: 8px;
}

/* 合作案例 */
.sec6-box {
    height: 768px;
    box-sizing: border-box;
    padding-top: 65px;
    background: url(../img/zhengwu/zw-bg3.jpg) no-repeat;
    background-size: 100% 100%;
}
.sec6-box .title {
    display: block;
    width: 481px;
    height: 60px;
    margin: 0 auto;
}
.sec6-box .des {
    display: block;
    width: 1196px;
    height: auto;
    margin: 0 auto;
    margin-top: 39px;
    transition: all .3s;
}
.sec6-box .des:hover {
    transform: scale(1.03, 1.03);
}