.Top_bg0 {
    width: 100%;
    background: url(../images/top_bg0.gif) repeat-x top;
}

.Top_bg {
    width: 100%;
    background: url(../images/top_bg.jpg) no-repeat top center;
}

.Top_bg1 {
    width: 100%;
    height: 81px;
}

.Logo {
    position: absolute;
    margin-left: 50%;
    left: -500px;
    width: 200px;
    height: 80px;
    background: url(../images/logo.png) no-repeat center top;
}

.DHXT {
    position: absolute;
    margin-left: 50%;
    left: -300px;
    width: 94px;
    height: 80px;
    background: url(../images/dhxt.png) no-repeat left 25px;
}

.Login {
    position: absolute;
    margin-left: 50%;
    left: 250px;
    width: 320px;
    height: 30px;
    padding: 30px 0 0 90px;
}

.clear {
    clear: both;
}

.Foot {
    background: url(../images/bottom_bg.jpg) repeat-x center;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 20px;
}

.bodyer {
    width: 1024px;
    margin: 20px auto auto;
    background: #fff;
}

.t_rt {
    text-align: right;
}

ul,
li {
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

.preview {
    margin: 10px;
    padding: 10px;
    overflow: hidden;
}

.cont {
    padding: 10px;
}

.cls {
    clear: both;
}

.hidden {
    display: none;
}

.dis {
    display: block;
}

.undis {
    display: none;
}

.nav_current {
    cursor: pointer;
    width: 100px;
    height: 31px;
    background: url(../images/qie.jpg) repeat-x;
    line-height: 31px;
    font-weight: bold;
    color: #7f3300;
    font-size: 14px;
    text-align: center;
}

.nav_link {
    cursor: pointer;
    width: 100px;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    color: #FFF;
    font-size: 14px;
    text-align: center;
}

.nav_bar {
    width: 1024px;
    margin: 0px auto;
}

.nav_ul {
    overflow: hidden;
    height: 35px;
    margin-left: 15px;
}

.nav_ul li {
    float: left;
}

a,
aside,
body,
div,
footer,
html,
i,
img,
li,
nav,
p,
section,
ul {
    padding: 0;
    margin: 0
}


a {
    text-decoration: none
}

.site_logo {
    height: 40px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #3273dc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .1rem
}

.main .box {
    overflow: hidden;
    margin: 10px 10px;
    background: #fff;
    padding-bottom: 10px
}

.main .box .sub-category>div {
    padding: 12px 0 0 2.1%;
    font-size: 18px
}

.main .box .item {
    width: 20%;
    border: 1px solid #e4ecf3;
    box-shadow: 1px 2px 3px #f2f6f8;
    border-radius: 6px;
    background: rgb(240, 240, 240);
    padding: 10px;
    min-width: 200px;
    margin: 22px 0 0 2.1%;
    float: left;
    overflow: hidden;
    transition: all .3s
}

.main .box .item:hover {
    transform: translateY(-5px)
}

.main .box .item .no-alogo {
    color: #3273dc;
    font-weight: 700;
    font-size: 14px
}


.main .box .item .alogo {
    height: 40px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #3273dc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .1rem
}

.main .box .item .alogo img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: middle
}

.main .box .item .desc {
    color: gray;
    font-size: 12px;
    padding-top: 10px;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}