@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(footer.css);

.warp{ width:100%; max-width:1920px; min-width:1220px; position:relative; overflow:hidden; margin:0 auto; background:#F2F2F2;}
.warp.bwcxljsm{ background:url(../jpg/zt_bg_1.jpg) no-repeat center top #FFF;}
.warp.sjd{ background:url(../jpg/zt_bg_2.jpg) no-repeat center top #FFF;}
.Ml15{ margin-left:15px;}
.MT15{ margin-top:15px;}
.Ml30{ margin-left:30px;}
.MT30{ margin-top:30px;}

.Main{ box-sizing: border-box;padding: 10px;background-color: #FFF;}

.Title{ position:relative; width:100%; height:38px; border-top:7px solid #fbe5e7; padding-bottom:8px; border-bottom:1px solid #c2c2c2;}
.Title>span{ display:block;height:38px; padding:0 15px; color:#FFF;font-size:16px;line-height:38px;cursor:default;background-color:#d7000f;font-weight: bold;}
.Title:after{position: absolute;left: 0;right: 0;bottom: 8px;height: 1px;background: #d7000f;content: '';-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.Title:hover:after{ bottom: -1px; animation: panel-bottom-solid 5s infinite alternate;-webkit-animation: panel-bottom-solid 5s infinite alternate;-moz-animation: panel-bottom-solid 5s infinite alternate;-o-animation: panel-top-solid 5s infinite alternate;-ms-animation: panel-top-solid 5s infinite alternate;}

@keyframes panel-top-solid{ 
	0% {left:0;} 
	50% { left: 100%;}
	100% {left:0;} 
  } 
  @-webkit-keyframes panel-top-solid{ 
	0% {left:0;} 
	50% { left: 100%;}
	100% {left:0;} 
  } 
  @-moz-keyframes panel-top-solid{ 
	0% {left:0;} 
	50% { left: 100%;}
	100% {left:0;}  
  } 
  @-o-keyframes panel-top-solid{ 
	0% {left:0;} 
	50% { left: 100%;}
	100% {left:0;}  
  } 
  @-ms-keyframes panel-top-solid{ 
	0% {left:0;} 
	50% { left: 100%;}
	100% {left:0;} 
  } 

  @keyframes panel-bottom-solid{ 
	0% {right:100%;} 
	50% { right: 0;}
	100% {right:100%;} 
  } 
  @-webkit-keyframes panel-bottom-solid{ 
	0% {right:100%;} 
	50% { right: 0;}
	100% {right:100%;} 
  } 
  @-moz-keyframes panel-bottom-solid{ 
	0% {right:100%;} 
	50% { right: 0;}
	100% {right:100%;} 
  } 
  @-o-keyframes panel-bottom-solid{ 
	0% {right:100%;} 
	50% { right: 0;}
	100% {right:100%;} 
  } 
  @-ms-keyframes panel-bottom-solid{ 
	0% {right:100%;} 
	50% { right: 0;}
	100% {right:100%;} 
  } 


/*文章列表*/
ul.NewsList{ padding:10px 5px;}
ul.NewsList li{line-height: 40px;background: url(../png/liststyle.png) no-repeat 2px center;padding-left: 17px;height: 40px;/* overflow: hidden; */transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;font-size: 16px;border-bottom: 1px solid #ededed;position: relative;}
/*ul.NewsList li:hover{margin-left:5px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}*/
ul.NewsList li a{float:left;display:inline-block;width: 85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.NewsList li span{float:right;display:inline-block;text-align:right;width: 12%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.NewsList li.b{ height:0; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; background:none;}

ul.NewsList li:after{position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;background: #d7000f;content: '';-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: none;}
ul.NewsList li:hover:after{ display:block; bottom: -1px; animation: panel-bottom-solid 5s infinite alternate;-webkit-animation: panel-bottom-solid 5s infinite alternate;-moz-animation: panel-bottom-solid 5s infinite alternate;-o-animation: panel-top-solid 5s infinite alternate;-ms-animation: panel-top-solid 5s infinite alternate;}