p{ margin:0; box-sizing:content-box;}
a,a:link,a:visited,a:hover{ color:#484848;text-decoration: none;}
body{ font-size:12px; line-height:1.2; font-family: "Microsoft YaHei","微软雅黑"sans-serif;background:#fff;margin: 0;}

.recommond{  margin:0 auto; width:100%; text-align:left;}
.recommond .slider{height:281px; width:1200px; margin:0 auto;}
.recommond .slider .item{width:250px; height:281px; position:relative; float:left; overflow:hidden;}
.recommond .slider .item img{ float:right;position: absolute; right:0px;height: 281px;}
.recommond .slider .item .para.i1{ background:url(../images/casedi1.png) left no-repeat;}
.recommond .slider .item .para.i2{ background:url(../images/casedi2.png) left no-repeat;}
.recommond .slider .item .para.i3{ background:url(../images/casedi3.png) left no-repeat;}
.recommond .slider .item .para{width:250px; position:absolute; height:100%; z-index:2; left:0;top:0; overflow:hidden; word-break:break-all;}
.recommond .slider .item .para b{ display:inline-block;width:67px;height:57px; z-index:9; position:absolute; top:auto;left:auto;right:0;bottom:0; background:url(../images/ic.png);}

.recommond .slider .item.active{}
.recommond .slider .item.active .para{width:300px;}
.recommond .slider .item.active .para b{background:url(../images/ic_ac.png);}
.recommond .slider .item.active .para .main h4,.recommond .slider .item.active .para .main a.morebtn,.recommond .slider .item.active .para .main p{ display:block;}

.recommond .slider .item .para .main{ padding:25px; color:#fff;}
.recommond .slider .item .para .main h3{font-size:22px; list-style:none; line-height:30px; font-weight:normal;padding:0;margin:10px 0 20px 0; font-family:"微软雅黑";}
.recommond .slider .item .para .main p{font-size:14px; display:block; text-align:left;}
.recommond .slider .item .para .main p a{font-size:14px; display:block; width:230px; background:none; color:#fff; line-height:24px; height:24px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recommond .slider .item .para .main p a:hover{ text-decoration:underline;}
.recommond .slider .item .para .main a.morebtn{margin-top:20px;display:none; width:120px;height:33px; background-color:#fff; line-height:33px; text-align:center; font-size:12px; color:#000;}
.black{ color:#000 !important;}
#pagelist {
    padding: 4px;
    margin: 4px;
    text-align: center;
}

#pagelist a {
    border: #eee 1px solid;
    padding: 4px 6px;
    margin: 2px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-family: MicroSoft YaHei;
    width:auto;
}

#pagelist a:hover {
    border: #999 1px solid;
    color: #666;
}

#pagelist a:active {
    border: #999 1px solid;
    color: #666;
}

#pagelist .current {
    border: #333 1px solid;
    padding: 4px 6px;
    font-weight: bold;
    margin: 2px;
    color: #fff;
    font-size:14px;
    *font-size:16px;
    background-color: #333;
}

#pagelist .disabled {
    border: #eee 1px solid;
    padding: 3px 6px;
    margin: 2px;
    color: #ddd;
}

#pagelist .total {
    color: #333;
    *vertical-align:4px;
}

#pagelist select {
    border: #eee 1px solid;
    padding: 3px 6px 3px 6px;
    color: #333;
    font-size: 14px;
    font-family: MicroSoft YaHei;
}

.page_show{ margin:10px 0 5px; color:#666; line-height:20px; font-size:12px; border-top:1px dashed #ccc; padding-top:5px}
.page_show a{ color:#000; text-decoration:none}
.page_show a:hover{ text-decoration:underline}