.subject1{margin: 25px 0 50px; }
.subject1 .topic{ color: #fff; background: #7d0000; padding: 8px 30px 7px;height: 70px; box-sizing: border-box;}
.subject1 .topic .cn{font-size: 36px;font-size: 3.6rem; padding: 5px 10px; display: inline-block; border-right: 2px solid #fff; margin-right: 10px;vertical-align: super;line-height: 1; }
.subject1 .topic .en{font-size: 16px;font-size: 1.6rem;vertical-align: super;position: relative;  top: -9px; text-transform: uppercase;}
.subject1 .topic>img{vertical-align: bottom;}

.subject1 .item{padding: 35px 30px; border-bottom: 1px dashed #d8b2b3; }
.subject1 .item .pic{float: left;display: block; width: 220px;}
.subject1 .item .pic img{display: block;width: 70%; margin:0 auto;}
.subject1 .item .name{ font-size: 20px; font-size: 2rem; padding: 8px 0;}
.subject1 .item .name .time{ display: inline-block; padding-left: 30px;background: url("../images/subject/time.png") no-repeat 0 center; background-size: 20px; font-size: 14px;font-size: 1.4rem; color: #777;vertical-align: text-top;}
.subject1 .item .name>a{display: inline-block;max-width: 25em;text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;}

.subject1 .item .item-txt{ width: calc(100% - 240px);width: -webkit-calc(100% - 240px); margin-left: 240px;}
.subject1 .item-txt .txt{overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; height: 78px;line-height: 26px; color: #777;}
.subject1 .item-txt .txt:hover,.subject1 .item .name:hover>a{ color: #7d0000;}

.subject1 .more>a{ display: block; background: #7d0000; font-size: 18px;font-size: 1.8rem; color: #fff;text-align: center; width: 140px; height: 40px; line-height: 40px; margin: 22px auto;}
.subject1 .deeds{background: #fffefe;}
.subject1 .deeds .wrap{width:100%;}
.subject1 .topic2 .bg{display: block;width: 100%;}
.subject1 .topic2 .name{width: 17.5%; display: block;margin: 15px auto;}
.subject1 .deeds .cell{ display: block; float: left;width: 20%;box-sizing: border-box; text-align: center; margin-bottom: 10px; padding: 0 4%;position:relative;overflow:hidden; height:240px;}
.subject1 .deeds .cell img{display:block;width:100%; border-radius:50%;}
.subject1 .deeds .pack{padding: 50px 4% 20px;}
.subject1 .deeds .name{ font-size: 18px;font-size: 1.8rem;line-height: 2;}
.subject1 .deeds .txt{font-size: 14px;font-size: 1.4rem; line-height:1.65; position:absolute;left:0;width:100%;box-sizing:border-box;padding:20px 15px;background: rgba(125, 0, 0, 0.75);top:100%;bottom:0; transition:0.3s all ease-in;-webkit-transition:0.3s all ease-in;text-align: left; }
.subject1 .deeds .cell:hover .name{ color: #7d0000;}
.subject1 .deeds .cell:hover .txt{ color: #fff;top:0;transition:0.3s all ease-in;-webkit-transition:0.3s all ease-in;}

.subject1 .page{float: none; text-align: center; width: 100%;}
.subject1 .page ul li{float: none; display: inline-block;}

.subject2 .con-list{border-bottom: 1px dashed #7c0000;}
.subject2 .con-list p:first-child{font-size: 14px;font-size: 1.4rem;float: left;width: calc(100% - 80px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.subject2 .con-list p{float: right;padding: 15px 0 10px;font-size: 12px;font-size: 1.2rem;}
.subject2 .con-list p span{width: 5px;height: 5px;border-radius: 100%;background: #000;display: block;float: left;margin: 8px 10px 0 0;}
.subject2 .pack{margin-bottom: 30px;}
.subject2 .box-nav ul li p:first-child{ display:none;}
#txtPhone{width:150px;}


@media(max-width:1024px){
   .subject1 .deeds .pack{padding:30px 0;}
   .subject1 .deeds .cell{padding: 0 2%;}
   .subject1 .deeds .name{font-size:18px;font-size:1.8rem;}
   .subject1 .topic{height:54px;}
   .subject1 .topic .cn{font-size:24px;font-size:2.4rem;}
   .subject1 .topic>img{width:54px;}
   .subject1 .topic .en{top:-2px;}
}

@media(max-width:768px){
   .subject1 .item .name>a{max-width: calc(100% - 120px);max-width: -webkit-calc(100% - 120px);} 
   .subject1 .more>a{font-size:14px;font-size:1.4rem;}
   .subject1 .item .name{font-size:16px;font-size:1.6rem;}
   .subject1 .item .name .time{font-size:12px;font-size:1.2rem;}
   .subject1 .item .pic{width:160px;}
   .subject1 .item .pic img{width:90%;}
.subject1 .item .item-txt{width: calc(100% - 170px); width: -webkit-calc(100% - 170px);margin-left: 170px;}
   .subject1 .item{padding:20px 5px;}
   .subject1 .deeds .cell{width:50%;    padding: 0 8%; height:auto;margin-bottom:20px;}

}
@media(max-width:420px){
  .subject1 .item .name .time{display:block;padding-left:20px;background-size:contain;}
  .subject1 .item .name>a{max-width:100%;margin-bottom:8px;}
  .subject1 .topic2 .name{width:120px;}
.subject1 .deeds .cell{ padding: 0 3%;}
	
}