@charset "utf-8";
/* CSS Document */

body{ background-color:#fcfdee;}


.listpage{ width: 1200px; margin: 110px auto 0 auto; overflow: hidden;}

.listpage_l{ width:910px; float:left; overflow:hidden;}
.title{ width: 910px; height: 40px; overflow: hidden;}
.title h2{ padding: 0 10px; border-radius: 2px 2px 0 0; float: left;  font-size: 15px; color: #639963; line-height: 40px;}
.title li{ float:right; font-size:14px; color:#AAAAAA; line-height:40px; margin: 0 10px; cursor:pointer;}

.demo2{display: block;overflow: hidden;width: 910px;}
.demo2 li{float:right; font-size:14px; color:#AAAAAA; line-height:40px; margin: 0 10px; cursor:pointer;}

.whklist{display: block;overflow: hidden;margin: 0 2px 2px;padding: 0 0 20px;}
.whklist >ul{ width:906px; overflow:hidden;margin: 0 0 20px;}
.whklist >ul li{ width:886px;/*height: 50px; */border-bottom:dashed 1px #639963; overflow:hidden;margin: 0 10px;}
.whklist >ul li:hover{ opacity:0.8;}

.demo{display: block;overflow: hidden;float: left;width: 550px!important;margin: 0 !important;}
.demo1{display: block;overflow: hidden;float: right;margin: 0 !important;}
.demo >h3{ width:380px;height: 50px; font-size:15px; color:#333333; line-height:50px; float:left; margin:0 0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.demo >p{ width:500px; font-size:14px; color:#666666; line-height:24px; float:left; text-align:justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;margin: 0 0 10px 50px;}
#wenzhang{display: block;overflow: hidden;float: left;width: 18px;height: 18px;margin: 16px 0 0 10px;}

.demo1 h4,.demo1 h5{ font-size:14px; color:#666666; float:right; margin:0 20px 0 0;line-height: 50px;}
.demo1 h5{color: #949494;width: 100px;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.demo1 h5 span{text-overflow: ellipsis;white-space: nowrap;display:block;overflow:hidden;float:left;}
.demo1 img{ width:20px; height:20px; float:right; margin:20px 10px 0 0;}

.listpage_r{ width:260px; float:right; overflow:hidden;box-shadow: 0 0 2px #639963;margin: 41px 2px 2px;}
    .listpage_r div {
        width: 260px;
        height: 40px;
        overflow: hidden;
        background-image: url('../Image/hot.png');
        background-size: 7% 50%;
        background-repeat: no-repeat;
        background-position: 5px 8px;
    }
.listpage_r div h2{ padding: 0 10px; border-radius: 2px 2px 0 0; float: left; font-size: 15px; color: #639963; line-height: 40px;margin: 0 0 0 20px;font-weight: 600;}
.listpage_r div h3{ padding: 0 10px; border-radius: 2px 2px 0 0; float: right; font-size: 14px; color: #949494; line-height: 40px;margin: 0 10px 0 20px;}
.listpage_r li{ /*border-bottom: dashed 1px #639963; */overflow:hidden;margin: 0 0 10px;}
.listpage_r li:hover{ opacity: 0.8;}
.listpage_r li h1{ font-size:16px; color:#333333; line-height:50px; float:left;}
.listpage_r li h3{ width:140px; font-size:15px; color:#333333; line-height:30px; float:left; margin:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;/*padding: 0 0 10px;*/}
.listpage_r li p{ font-size:14px; color:#949494; line-height:30px; float:right;width: 52px;text-overflow:ellipsis;white-space:nowrap; margin: 0 10px 0 0;display:block;overflow:hidden;}
.listpage_r li img{ width:20px; height:20px; float:right; margin:0 10px;}