* {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.clearfix {
    zoom: 1; /**ie6 7专门清除浮动的样式 */
}

.wrapper {
    min-width: 1200px;
}

.bg {
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.banner {
    height: 830px;
    background-image: url(../images/banner.jpg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.database {
    height: 812px;
    background-image: url(../images/banner2.jpg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.service {
    height: 635px;
    background-image: url(../images/banner3.jpg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.content {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.btns {
    position: absolute;
    width: 1150px;
    left: 50px;
    bottom: 150px;
}

.btn {
    display: inline-block;
    width: 200px;
    cursor: pointer;
    margin-left: 25px;
}

.btn:first-child {
    margin-left: 0;
}

.btn img {
    width: 100%;
}
.animation-box {
    position: absolute;
    width: 1100px;
    height: 150px;
    padding: 0 20px;
    color: #fff;
    background: #204fd1;
    left: 50px;
    box-sizing: border-box;
    border: 2px solid #dce3f3;
    border-radius: 20px;
    top: -74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.animation-box .item {
    text-align: center;
    width: 300px;
}

.animation-box .item div:first-child {
    font-size: 40px;
    font-weight: 600;
}

.animation-box .divider {
    width: 1px;
    height: 30px;
    background: #fff;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.main {
    margin: 0 auto;
    width: 1200px;
}

.f139_footer .div_rooter dl dd {
    width: 13.5%;
    margin: 20px;
}

.f139_footer dl dt strong {
    color: #2050D1;
}

.f139_footer .div_rooter {
    height: 115px;
    padding-top: 20px;
}

.f139_footer .div_footer{
    padding-top: 10px;
}
.div_footer_out {
    background: #f0f0f0;
    border-top: 1px solid #dadada;
    color: #000;
    margin-top: 24px;
    padding-bottom: 20px;
    width: 100%;
    font-size: 12px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

.div_rooter {
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
    height: 160px;
    padding-top: 34px
}

.div_rooter dl dd {
    float: left;
    font-size: 14px;
    line-height: 25px;
    width: 25%
}

.div_rooter dl dd strong {
    display: block;
    line-height: 40px
}

.div_rooter dl dd a {
    color: #000;
    margin-right: 20px;
    white-space: nowrap
}

.div_rooter dl dd:nth-child(3) a {
    margin-right: 0
}

.div_rooter .inform {
    color: #adadad;
    font-size: 12px;
    line-height: 20px;
    text-align: right
}

.div_rooter dl dt {
    font-size: 19px;
    text-align: right
}

.div_rooter dl dt strong {
    color: #2050D1;
    display: block;
    font-size: 30px;
    line-height: 30px
}

.div_rooter dl dt b {
    font-size: 16px
}

.div_footer {
    color: #262626;
    line-height: 30px;
    padding-top: 20px
}

.div_footer a,.footer_link a {
    color: #6a6a6a
}

.div_footer ul {
    float: right
}

.div_footer ul li {
    float: left;
    margin-right: 10px;
    position: relative
}

.div_footer ul li a {
    display: block;
    height: 36px;
    width: 36px
}

.div_footer ul li a.wchat {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADIElEQVRYR+2YTyh8URTHvw8lKX/C+DcsiI0FNciClJSYlUKpKZEShWQtK42FNUJipbBBWBBZkJVCydRMSlEWIm8eM/6Nzimvn2ne3PtrpmkWc+ot5r3z5/POOfe8O1d5fn72AUB8fDwUReErkuLz+UDX19cXh1UIKCEhIeIg/i9NUJ+fn1BUVfXFxcVFMimGsb6/v6G43W5fpMtkRERZUjRN4x6KFokBiSoRy1BYM/T09ITl5WVsbW3h6uoKb29vyMrKQnV1NTo7O2G1WkOeZ9IlW1lZwcjICFRVNXzJmpoaLC0toaCgQJQIw+dSQLOzsxgdHZUKkp+fj4ODA5jNZil9fyUhkMPh4JLQWJeV5uZmrK+vy6r/0RMCDQ8PY2FhgY2SkpIwPz/PfbS3t6c7ampqgs1mQ29vL7xeL98/OjpCZWXlf0MJgUpLS3F3d8eO09LScHJygqmpKSwuLurB+vr6QODUQy8vL3zfbrdjaGgo/ECpqalS5aLtS0dHB1pbW3kr43a7kZycjPLycuTl5UmDCTNUUlKC+/v7oA6pgefm5rCzs8OZe319/aNfV1eHiYkJWCwWIZgQaGBggHvGSDIyMrC6uorBwUGeTUZCWSPYtra2oFBCIKfTyb1BQzCQzMzMMNDh4SHS09Ph8Xj+6GZnZ+Ph4YFNExMTcXp6CupLIxECkSEt4Z6eHn2b+essJSUFa2troFVGsrm5ifPzc4yNjfHviooKXm05OTk6ZFdXF6anp0MDIuv9/X20t7fj/f1dd1ZfX4+GhgaMj4/zPZPJBE3T+PqVwsJC3N7e6r+LiopweXkZOhB5IOc0IKuqqrgMZWVlKC4u5oaVldzcXFAbhFQyMr65ucHk5CQHz8zM1P1tb2/zcpeVxsZGbGxshA5EG/BAfwY+Pj54ObtcLikm6rmWlpbQgYJFOzs748b2nz/+Nv39/Tzlg4nUKpN59YuLC3R3d+P6+jqgem1tLXZ3dwNm+V+DsAGRUyorfXSPj4/x+PjIc4k+sDTDaBxQD4okrECiYDLPY0CiLMUyJMxQ1B02RN1xTNQdWEXbkd4PmnSxHnI4Q9kAAAAASUVORK5CYII=);
    cursor: pointer
}

.div_footer ul li a.wb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADqUlEQVRYR+1YWyhsYRhdg4SIklfXlKLkUvJAlBByzeXBkwflFgkPKCElFMqt3FMUShEPKE/kQbmmlJS8uWQw486c1ncycU7O7Dkzx5kHX03t9v7n/9Ze3/rWt/dWqdVqHQBYW1tDpVLJ7ytDp9OBv5eXF0mrIiAbG5svB/LrTRPU8/MzVDc3NzorK6uvJOXTXK+vr1BpNBrdV5fpM0RkSaXVakVDlhLfgAxV4puh/8LQwMAAJicn4e7ujtjYWKSmpsLW1tYQlp/G+C+6bH19HXNzc9jf38fFxQV8fX3R0tICV1dXg6BMAkS7f3x8hL29vT7R+fk5hoaGEBwcjOjoaExNTaGvrw9+fn7o7u6WEfWn+CtA9/f3GBkZwezsLG5vb9HY2IiIiAjJo1arMTg4iOXlZSQmJqK4uBhjY2Po7+9HbW2tlNCsgJiwvLwch4eH+n2joqLQ0NDwIc/u7q6AmZ6ehrOzM1JSUhAYGIjm5mbzAdJqtSgrK8PBwcGHTWNiYlBSUiKsnJycCFuhoaGIi4uTcnl7e6O0tBRnZ2cYHx83DyDOmerqaqyurv62ITXESf309CTX2FEsJzXm5OQk53gjp6en5gPErmltbTXYJW8LCMjFxUW/fmlpSQAnJCSYzhBLlZOTg6urK9nM09MT8fHx0jmOjo5yfmdnR1i5vLyU9p6YmICdnZ3iG3hbqKjLaHJdXV3yEFdQUICsrCzxl42NDTw8PCAoKAgeHh7QaDSoqanB5uamCLmurk60ZEwoAkRBMkl+fj5yc3OxsrKCpqYm8SAGvaW+vh6RkZHCUGZmplyjfthl733KEDhFgOgdFOrMzIzsl5aWhuvrazkOCQkRbdzd3Yn/MNhx29vbctzT04OAgABDOPTXFQFi+1IvnZ2dODo6En/p7e0FXZkl46hYW1sTNhiFhYXY29uT4+HhYfj4+JgXEO+YjIyOjgoI6oiaIoj29nZJlp2djaKiIilZRkaG2ICbm5uMDmOe2RUxtLCwIA5LVvz9/TE/Py/lITh2WXp6OvLy8kT0HCM0SEZFRQWSk5MVs8OFigDR4KqqqnB8fIy2tjZpexolWSMgiprzraOjAwTPSEpKQmVlpdGvV4oAMQG1Qg3R4DgqwsLCxG/Y6tQLgdAKHBwchC122t+8zSgG9MY7WVpcXMTW1pYwxmlPlry8vBAeHi6G+d6hjaqX0pIZu6kp641myJRkSv77DcgQS5bHkMV9bLC4zzEW98HK0j7p/QCYKiMtc23xCAAAAABJRU5ErkJggg==)
}

.div_footer ul li a.dy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACZUlEQVRYR+2YP2jyQBjGn9QiBQcHh+pUcHIQUQcHXRwUhE7aSVFwFlxcBAVFRBFd2sFBXJ26FJ0Ux4KDboqDhQq6qFCq4B8c1HzcQaWWtsZ8NTj4wi3JXZ7fPe97ueSYyWTCAoBIJALDMLQJGSzLgrT1ek1lGQJ0eXkpOMjXSROo1WoFZjqdshcXF0Ka8qPWZrMBM5vNWKHT9BMRcYmZz+e0hk4lzkD7MnF2SDCH7u7uUC6XqV4qlYLf79+n/e39P0vZZ6Db21s8Pj6eDhB5r1UqFZhMpoOhjuIQoZBKpXh4eIDD4aD7JNc4GtAHgEKhgMfjQTQa5cR0dCBCcUhN8QIiu3K9Xkev14NOp4NKpcLnog4Gg+h2u3h6eqI7+FGBCoUCIpEIRqMRTUE8HkcgENgBymaz8Hq9GI/HaDQaEIvFMJvNf5+yZDKJRCKx8+DfgDgRfOnEOWW1Wg1Wq3U7XCKRQKvVUidcLhddTWSpk/hw6KhATqcTpVKJaqjVahSLRcjl8q2m4EA3Nzd4e3ujAATGYrHsGCA4kEwmw3K5pBCtVgtKpXIHyGaz4fn5mV7L5/M0jXyCcw3p9Xp0Oh2qkclk4PP5tnqDwQAajQaLxYJeq1arMBqNfHi4f8LGYjGk02kqcnV1RZc7ceX19RXhcBjtdpveu76+xsvLC8ifDJ/g7ND7+zsMBgOIG79FLpeD2+3mw0LHcAYinZvNJux2O4bD4beCxKlQKMQb5mAgMoCstPv7e/oK6Pf7dFcn9UI+yPjWzecZHOTQf02d4+Az0D6jzg7tdejkDhtO7jjm5A6sTu1I7x9Rjn4erHwTYgAAAABJRU5ErkJggg==);
    cursor: pointer
}

.div_footer ul li span {
    border: 7px solid #fff;
    bottom: 50px;
    box-shadow: 0 0 5px 1px #cdcdcd;
    display: none;
    height: 150px;
    left: -57px;
    position: absolute;
    transition: opacity 3s ease-in 2s;
    width: 150px;
    z-index: 100
}

.div_footer ul li span i {
    background: #fff;
    bottom: -12px;
    height: 10px;
    left: 63px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px
}