@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("footer.css");

.container {
    width:1050px;
    margin:290px auto 0 auto;
    background-color: #fff;
    padding:0 30px;
    overflow: hidden;
    border: 1px solid #efefef;
}
.box {
    float:left;
    width:490px;
    margin-top: 5px;
}
.box.box-2 {float:right;}
.box .top {
    position: relative;
    width:100%;
    height:50px;
    line-height: 50px;
    border-bottom: 1px solid #d51923;
}
.box .top .h3 {
    float:left;
    width:135px;
    text-align: center;
    /* height:48px; */
    /* line-height:50px; */
    font-size: 24px;
    color:#d51923;
    font-weight: bold;
    border-bottom: 2px solid #d51923;
}
.box .top .more {
    float:right;
    font-size: 14px;
    color:#888;
}
.box .top .more:hover {color:#d51923;}
.box .top>span {
    position: absolute;
    left:58px;
    bottom:-10px;
    width:19px;
    height:8px;
    background: url("../images/ydyl_icons.png") -21px -23px no-repeat;
}
.box>ul {margin-top:15px;min-height: 252px;}
.box>ul li {height:36px;line-height: 36px;}
.box>ul li a {
    float: left;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.box>ul li a:hover {
    padding-left: 5px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
}
.box>ul li a i {
    float:left;
    width:20px;
    height:36px;
    background: url("../images/ydyl_icons.png") -24px -54px no-repeat;
}
.box>ul li>span {float:right;color:#888;}
.fgx {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1.5px #dedede dashed;
    letter-spacing: 3px;
}