.hj-list{position: relative;margin:10px auto;width: 1200px;}
.hj-info{overflow: hidden;width: 1200px;}
.hj-list-c{height: auto;display: block;overflow: hidden;}
.hj-list-c>ul{display: table;width: 1240px;margin-top: 20px;}
.hj-list-c>ul li{display: block;float: left;width: 280px;height: 260px;background: #fff;margin:0 24px 20px 0;transition: all .2s linear;-webkit-transition: all .2s linear;border: 1px solid #f2f2f2;border-radius: 4px;overflow: hidden;}
.hj-list-c>ul li img{width: 280px;height: 140px;}
.hj-list-c>ul li span{display: block;width: 250px;height: 26px;line-height: 26px;margin: 8px auto 0;color:#404040;font-size: 16px;overflow: hidden;}
.hj-list-c>ul li p{width: 250px;height: 40px;margin: 0 auto;color: #a6a6a6;font-size: 12px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.hj-list-c>ul li i{display: block;float: left;width: auto;padding: 0 12px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #8ba8a3;border: 1px solid #8ba8a3;border-radius: 160px;margin: 10px 16px;}
.hj-list-c>ul li:hover{margin-top: -5px;margin-bottom: 25px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.hj-list-c>ul li:hover i{color: #3db73d;border: 1px solid #3db73d;}
.hj-list-c>ul li:hover span{color: #3db73d;}
.hj-list-c>ul li:hover p{color: #595959;}
.hj-list-c .time{width: 250px;margin: 5px auto;height: 26px;line-height: 26px;color: #8ba8a3;font-size: 12px;}
.hj-list-d{height: auto;display: block;overflow: hidden;}
.hj-list-d>ul{display: table;width: 1240px;margin-top: 20px;}
.hj-list-d>ul li{display: block;float: left;width: 280px;height: 260px;background: #fff;margin:0 24px 20px 0;transition: all .2s linear;-webkit-transition: all .2s linear;border: 1px solid #f2f2f2;}
.hj-list-d>ul li img{width: 280px;height: 140px;}
.hj-list-d>ul li span{display: block;width: 250px;height: 26px;line-height: 26px;margin: 8px auto 0;color:#404040;font-size: 16px;overflow: hidden;}
.hj-list-d>ul li p{width: 250px;height: 40px;margin: 0 auto;color: #a6a6a6;font-size: 12px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.hj-list-d>ul li i{display: block;float: left;width: auto;padding: 0 12px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #8ba8a3;border: 1px solid #8ba8a3;border-radius: 160px;margin: 10px 16px;}
.hj-list-d>ul li:hover{margin-top: -5px;margin-bottom: 25px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.hj-list-d>ul li:hover i{color: #3db73d;border: 1px solid #3db73d;}
.hj-list-d>ul li:hover span{color: #3db73d;}
.hj-list-d>ul li:hover p{color: #595959;}
.hj-list-d .time{width: 250px;margin: 5px auto;height: 26px;line-height: 26px;color: #8ba8a3;font-size: 12px;}
/*new add */
.main_box {
    width: 1200px;
    margin: 0 auto;
}
#mbx {
    clear: both;
    width: 100%;
    height: 50px;
}
#mbx .mbxbox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
#mbx .mbxbox span {
    margin-left: 10px;
    color: #666;
}
#mbx .mbxbox a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    padding: 0 15px 0 10px;
    margin: 16px 0;
    background: url(../images/next.png) no-repeat right center;
}

.page {
    clear: both;
    text-align: center;
    overflow: hidden;
}
.page>div {
    display: inline-block;
    padding: 20px 0;
    overflow: hidden;
}
.page>div a {
    display: block;
    float: left;
    font-size: 14px;
    color: #565656;
    padding: 4px 12px;
    margin: 0 5px;
}
.page>div a.current, .page>div a:hover {
    border-radius: 2px;
    color: #fff;
    background: #3db73d;
}