.new-txt {
    width: 90%;
    margin: auto;
}
.new-left {
    width: 268px;
}
.new-left ul
{
width:100%;
}
.new-left ul li:nth-child(1) {
    width: 18%;
}
.new-left ul li
{
width:33.3%;
position:relative;
overflow: hidden;
float:left;
padding-left:5px;
}
.new-left ul li a
{
display:block;
width:100%;
position:relative;
overflow: hidden;
color:#999999;
}
.new-left ul li.cur a
{
	color:#333;
}
.new-left ul li.cur:before {
    width: 3px;
    height: 15px;
    background: #ed4948;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.new-right {
    width: 100%;
    margin-top: 10px;
}
.nr-div 
{
	width:100%;
}
.nr-div ul
{
width:100%;	
}
.nr-div  ul li {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
}
.new-div {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
}
.new-div a
{
width:100%;	
position:relative;
overflow: hidden;
display:block;	
}
.ndiv-img
{
width:100%;	
position:relative;
overflow: hidden;
height:144px;		
}
.ndiv-img img {
    width: 100%;
    display: block;
    height: 100%;
}
.ndiv-txt {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.nd-left {
    width: 16%;
    float: left;
}
.nd-left p
{
	color:#999999;
	font-size:12px;
}
.nd-left p:nth-of-type(1)
{
	color:#333;
	font-size:16px;
	font-weight:bold;
}
.nd-right {
    width: 84%;
    float: left;
    padding-left: 13px;
}
.nd-right:before
{
	content:"";
	width:1px;
	height:100%;
	background:#dcdcdc;
	position:absolute;
	top:0;
	left:0;
}
.nd-right p {
    width: calc(100% - 30px);
    color: #999999;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.nd-right p:nth-of-type(1)
{
	color:#333;
	font-size:14px;
	margin-bottom:5px;
}
.n-img
{
width:14px;
position:absolute;
top:45%;
right:5px;
display:block;
}
.xq
{
 width:100%;   
}
.xq-title
{
    width:100%;
}
.xq-title p:nth-of-type(1)
{

    color:#333;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}
.xq-title p 
{
    text-align:center;
    font-size:12px;
    color:#999;
}
.xq-content {
    width: 100%;
    margin-top: 10px;
    min-height: calc(100vh - 407px);
}
@media(min-width:768px)
{
.nr-div ul li {
    width: 50%;
    padding: 10px;
    float:left;
}
.ndiv-img {
 height: 140px;
}
}
@media(min-width:992px)
{
.xq-content {
    min-height: calc(100vh - 411px);
}    
}
@media(min-width:1200px)
{
.new-left {
    width: 11%;
    float: left;
}
.new-right {
    width: 84%;
    margin-top: 0px;
    float: right;
}
.new-left ul li:nth-child(1) {
    width: 100%;
}
.new-left ul li {
    width: 100%;
    padding:5px 8px;
}
.new-txt {
    width: 96%;
   transition: .5s; 
   margin-top:0;
}
.new-txt.active {
   margin-top: 3%;
}
.ndiv-img {
    height: 175px;
}
.nd-left p:nth-of-type(1) {
   font-size: 18px;
}
 .new-left ul li:before
 {
  width: 3px;
    height: 0px;
    background: #ed4948;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .3s;	
 }
 .new-left ul li:hover:before
 {
  height: 15px;
}	
 .new-left ul li:hover a
 {
 	color:#333;
 }
.new-div
{
transition: transform 218ms ease-in-out;
}
 .nr-div ul li:hover .new-div {
    box-shadow: 0px 2px 20px rgba(0,0,0,.2);
    transform: translate3d(0,-5px,0);
    -webkit-transform: translate3d(0,-5px,0);

}
.ndiv-img img
{
	transition: .5s;
}	
 .nr-div ul li:hover .ndiv-img img
{
	transform: scale(1.1);
}
}
@media(min-width:1440px)
{
.new-txt {
    width: 92%;
}
.new-left ul li {
 padding: 10px 10px;
}
.new-left ul li a {

    font-size: 16px;
}
.ndiv-img {
    height: 198px;
}
.nr-div ul li {
  padding: 20px 15px;
}
.nd-left p:nth-of-type(1) {
    font-size: 25px;
}
.nd-left p {
font-size: 16px;
}
.ndiv-txt {
    padding: 20px;
}
.nd-right p:nth-of-type(1) {
 font-size: 20px;
 margin-bottom: 10px;
}
.nd-right p {
font-size: 16px;
  }
 .nd-right {
    width: 80%;
}
.nd-left {
    width: 20%;
}
.xq-title p:nth-of-type(1) {
font-size: 20px;

}
}