/*面包屑*/
.brednav{width: 1200px;height: 35px;margin: 0 auto;line-height: 35px;}
.brednav p{line-height: 35px;height: 35px;color: #464646;font-size: 14px;}
.brednav p a{color: #808080;height: 35px;line-height: 35px;}
.brednav p a:hover{color: #12B89C;}
/* 推荐合集 */
.bt-c,.bt-c2{width: 100%;height: 45px;}
.bt-c p,.bt-c h2{display: block;float: left;width: auto;color: #4c4c4c;font-size: 22px;line-height: 42px;font-weight: normal;}
.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;}
.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: #589cf6;border: 1px solid #589cf6;}
.hj-list-c>ul li:hover span{color: #589cf6;}
.hj-list-c>ul li:hover p{color: #595959;}
.hj-list-c .time{width: 250px;margin: 5px auto;height: 26px;line-height: 26px;color: #22c485;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: #589cf6;border: 1px solid #589cf6;}
.hj-list-d>ul li:hover span{color: #589cf6;}
.hj-list-d>ul li:hover p{color: #595959;}
.hj-list-d .time{width: 250px;margin: 5px auto;height: 26px;line-height: 26px;color: #22c485;font-size: 12px;}
.nav > li {width: 13%;}

/** pagelist ***/
.page{text-align:center; height:38px;width:100%;margin:60px auto;}
.page a{display:inline-block; padding:0 15px; height:40px;margin:0 2px;border-radius: 2px; background: #fff; line-height:42px;font-size:14px;color:#666;transition:all .2s; background-color: #fff;border: 1px solid #E4E4E4;}
.page a:hover,.page a.current{background: #f75c07;color:#fff;}
.page span{color:#666; font-size:16px;padding:0 5px;}