.content{width:1004px;margin:15px auto;}
.left{ width:310px;border:#ffdd8c 1px solid; background:#f6efe1; height:950px; float:left}
.left h1{ width:280px; height:50px; line-height:50px; font-size:24px; color:#fff; text-align:center; margin:-8px auto 0;  background:#ce1d0c; border-radius:3px;}
.left ul{ width:280px; height:840px; background:#fff url(list_res/list-bg.jpg) no-repeat left bottom; margin:20px auto 0; padding-top:30px;}
.left li a{ display:block; width:260px; height:40px; line-height:40px; text-align:center; margin:0 auto;}
.left li.e a{ background-color:#ce1d0c; color:#fff;}
.right{ width:674px;height:950px; float:right;}
.model-box{border:#ffcb44 1px solid;width:100%; height:auto; border-radius:3px; margin-bottom:20px;}
.title{ height:27px; border-bottom:#ffcb44 1px solid; background:url(list_res/tit-bg.gif) repeat-x; text-indent:50px;color:#e12f00; line-height:27px; position:relative;}
.title b{background:url(list_res/tit.gif) no-repeat left top; position:absolute; left:0;top:0; width:39px; height:28px; z-index:2;}
.title p{float:right;margin-right:15px;line-height:27px;font-family:宋体;}
.title p,.title p a{ color:#90791c; font-size:12px;}
.title p a:hover{ color:#e12f00}
.model-box em{ position:absolute; left:40px; top:-7px;background:url(list_res/n-tit.gif) no-repeat; width:112px; height:35px; font-style:normal;line-height:35px; color:#fff; display:block; text-indent:30px; z-index:0; font-size:16px;}

.right .model-box{ height:948px;}
.model-box ul{ margin:15px 0; padding:0 25px;background:url(list_res/repeat.gif) repeat;}
.model-box li{height:44px; overflow:hidden;}
.model-box li a{background:url(list_res/dian.gif) no-repeat left center; text-indent:12px; line-height:44px; display:block; font-size:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; transition:all 0.2s linear; -webkit-transition:all 0.2s linear}
.model-box li a:hover{ transform:translateY(-2px);}
.model-box li a{ width:80%;}
.model-box li span{ width:75px; line-height:44px;float:right; color:#7a6c47;}
.page{ text-align:center; margin:15px auto 0; padding-top:20px; border-top:#ddd 1px dotted;}
.page a,.page span{ height:36px; padding:0 15px; background-color:#777777; border:#bababa 1px solid; display:inline-block; text-align:center; line-height:36px; color:#fff;}
.page span{background:none; color:#999; border-color:#fff;}
.page a.e,.page a:hover{ background-color:#ce1d0c; border-color:#e12f00;}
.page a.no{background-color:#b5afaf; border:#bababa 1px solid; cursor:default;}

.prolist { margin-top:18px; margin-left:12px;}
.prolist p{ float:left; margin:10px 7px 10px 18px; border:#f0d9a4 1px solid; padding:4px; background:#fff; overflow:hidden;}
.prolist p a,.prolist p{ width: 178px; height:125px; overflow:hidden; display:block;}
.prolist p:hover{ border-color:#ecbf57}
.prolist p a:hover{ opacity:0.9;}
.prolist p a img{ transition:transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear;}
.prolist p a:hover img{ transform:scale(1.02);-webkit-transform:scale(1.02);}