body{background: #f2f2f2;}
#main{margin-bottom: 50px;}



/* 以下list页面   ↓↓↓ */

/* banner开始 */
#banner{width: 100%;background: url(../img/listbanner.jpg) no-repeat center center;}
#banner h2{height: 300px;line-height: 300px;text-align: center;font-size: 72px;color: #fff;font-weight: normal;overflow: hidden;}
#banner h2 span {padding: 0 140px;background: url(../img/listh1bj.png) right center no-repeat, url(../img/listh1bj.png) left center no-repeat;}
/* banner结束 */

/* 二级栏目开始 */
#section{/* display: none; */width: 100%;background: #fff;padding: 30px 0;text-align: center;font-size: 20px;}
#section .sec2{display: inline-block;padding: 0 10px;line-height: 50px;height: 50px;margin: 0 20px;}
#section .sec2:hover{border-bottom: 3px solid #ff4000;}
/* 二级栏目结束 */

/* 左侧内容推荐开始 */
.promotion {width: 300px;}
.promotion>h3 {line-height: 26px;padding-bottom: 8px;font-size: 18px;color: #fff;background: url(../img/xiangxia.png) no-repeat center bottom;text-align: center;}
.promotion>h3 span {background: #ff4000;display: block;padding: 27px 14px;}
.promotion>.pro{}
.promotion>.pro li{border: 1px solid #cacaca;background: #fff;margin: 15px auto;}
.promotion>.pro li .picbox {width: 260px;height: 260px;margin: 20px auto 0;overflow: hidden;}
.promotion>.pro li .picbox img {width: 100%;height: 100%;transition: all 0.6s;}
.promotion>.pro li:hover .picbox img {transform: scale(1.1);    -webkit-transform: scale(1.1);    -o-transform: scale(1.1);    -moz-transform: scale(1.1);}
.promotion>.pro li p {width: 260px;text-align: center;line-height: 50px;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-style:italic;}
.promotion>.pro li:hover p {color: #ff4000;}
/* 左侧内容推荐结束 */

/* 右侧框 */
.listbox{width: 1070px;padding: 30px;background: #fff;float: right;}

/* 文字列表开始 */
.txtlist{}
.txtlist>ul li{width: 100%;height: 173px;padding: 15px 0;transition: all 0.2s;border-bottom: 1px solid #ccc;}
.txtlist>ul li:hover{margin-left: 3px;background: #f4f1ec;}
.txtlist>ul li .left {width: 212px;height: 100%;border: 1px solid #cacaca;overflow: hidden;}
.txtlist>ul li .left>img{width: 100%;height: 100%;}
.txtlist>ul li .right{width: 750px;height: 100%;padding: 20px 0;color: #222;font-size: 16px;font-weight: normal;line-height: 25px;}
.txtlist>ul li .right .date {}
.txtlist>ul li .right .date span {padding: 0 5px;}
.txtlist>ul li .right h5{font-size: 24px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txtlist>ul li:hover .right h5{color: #ff4000;}
.txtlist>ul li .right .date,.txtlist>ul li .right .text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 文字列表结束 */

/* 分页开始 */
.next{line-height: 30px;font-size: 14px;text-align: center;color: #666;margin: 40px auto 20px;}
.next>a{margin: 0px 2px;padding: 8px 16px;background: #fff;border: 1px solid #ddd;}
.next>a:hover{text-decoration: underline;}
.next>.on{color: #fff;background: #ff4000 url(../img/gradientbj.png);background-size: 100% 100%;}
/* .next>.guodu{color: #666;} */
/* 分页结束 */



/* 以下list-pic页面   ↓↓↓ */
/* 图片列表开始 */
.piclist{}
.piclist li{display: inline-block;width: 285px;margin: 30px 20px;text-align: center;}
.piclist li .picbox{width: 100%;height: 285px;overflow: hidden;border: 1px solid #ddd;border-bottom: none;}
.piclist li .picbox img{width: 100%;height: 100%;transition: all 0.6s;}
.piclist li .txtbox {padding: 10px 18px;width: 100%;line-height: 20px;color: #fff;background: #824318;font-size: 16px;text-align: center;}
.piclist li .txtbox p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.piclist li:hover .picbox img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.piclist li:hover .txtbox p{font-weight: bold;font-size: 15px;}
/* 图片列表结束 */



/* 以下read页面   ↓↓↓ */

/* 标题表开始 */
.readtit{text-align: center;padding: 20px 50px;background: #f2f2f2;}
.readtit h1{padding-bottom: 10px;font-weight: normal;font-size: 48ppx;line-height: 60px;}
.readtit p{color: #999;}
.readtit p span{padding: 0 10px;}
/* 标题表结束 */

/* 文章开始 */
.article{padding-top: 30px;color: #333;font-size: 16px;line-height: 36px;}
.article img {text-align: center;margin: 20px auto;}
/* 文章结束 */
