@charset "utf-8";

.newcatalist{width: 100%;  padding:2% 3%;  margin: 0 auto;  margin-bottom:2%; border-bottom:1px solid #f2f2f2;}
.newcatalist .biglist{ overflow:hidden; width:100%; }
.newcatalist .biglist li{ padding:10px 30px; background-color:#707070; color:#FFFFFF; margin:0 10px 10px 0; border-radius:28px; line-height:24px; float:left; }
.newcatalist .biglist li:hover{ 
  background-color:#a81519;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.newcatalist .biglist li.current{ background-color:#a81519;}
.newcatalist .biglist li a{ color:#FFFFFF; }

.newcontent{ width:100%;}
.newcontent .newlist{ width:94%; margin:0 3%;}
.newcontent .newlist li{ width:47%; margin-right:6%; margin-bottom:35px; float:left; border-bottom:1px dashed #dedede; padding-bottom:10px;}
.newcontent .newlist li:nth-child(2n){margin-right:0;}
.newcontent .newlist li span{ width:206px; height:206px; float:left;}
.newcontent .newlist li span img{ width:200px; height:200px; border:1px solid #f2f2f2; padding:2px;}
.newcontent .newlist li span img:hover{ border:1px solid #ff6600;}
.newcontent .newlist li .ndes{float:left; width:calc(100% - 206px); padding-left:30px;}
.newcontent .newlist li .ndes h2{ line-height:30px; font-size:18px;}
.newcontent .newlist li .ndes .times{ line-height:30px; font-size:14px; color:#999; }
.newcontent .newlist li .ndes .des{ 
line-height:24px; 
height:120px; 
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.newcontent .newlist li:hover a { color:#A81519;}

.newdetail{  width:94%; margin:2% 3%; }
.newdetail .title{  width:100%; height:60px; font-size:24px; }
.newdetail .stitle{  width:100%; height:60px; }
.newdetail .des{  width:100%; padding:20px 10px; background-color:#f2f2f2; line-height:30px; }
.newdetail .des a{ color:#ff6600; }
.newdetail .ncon{ padding:30px 0; font-size:16px; line-height:30px;}
.newdetail .pnext{ padding:10px 0; font-size:16px; line-height:30px;}
.newdetail .pnext a:hover{color:#ff6600;}

.xiangguan{ width:96%; margin:2% 3%; border-top:1px solid #f2f2f2; font-size:24px; padding:20px 0; }

@media (max-width: 1280px) {
.newcontent .newlist li{ width:100%;}
.newdetail .title{  width:100%; padding:10px 0; font-size:20px; }
.newdetail .stitle{  width:100%; padding:10px 0; }
.newdetail .ncon{  font-size:14px; line-height:26px;}
.newdetail .pnext{ font-size:14px; line-height:26px;}
}

@media (max-width: 768px) {
.newcatalist{ display:none;}
  
.newcontent{ width:100%;}
.newcontent .newlist{ width:94%; margin:0 3%;}
.newcontent .newlist li{ width:100%; margin-bottom:20px;}
.newcontent .newlist li span{ display:none;}
.newcontent .newlist li span img{ width:200px; height:200px; border:1px solid #f2f2f2; padding:2px;}
.newcontent .newlist li .ndes{float:left; width:100%; padding-left:0;}
.newcontent .newlist li .ndes h2{ line-height:26px; font-size:18px; height:auto;}
.newcontent .newlist li .ndes .times{ line-height:20px; font-size:14px; color:#999; margin-top:10px; }
.newcontent .newlist li .ndes .des{ 
line-height:24px; 
height:72px; 
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.newcontent .newlist li:hover a { color:#FF0000;}

.newdetail .ncon img{ width:100%;}
}