.pageContent {
     width: 1180px;
     margin: 0 auto;
 }

 .con {
     margin-top: 20px;
 }

 .clearfix::after {
     content: ".";
     clear: both;
     display: block;
     visibility: hidden;
     overflow: hidden;
     height: 0;
 }

 .infoBox {
     width: 70%;
     float: left;
 }

 .infoCon {
     border: 1px solid #eee;
     padding: 30px;
     padding-top: 0;
     background: #fff;
 }

 h1 {
     font-size: 18px;
     color: #e10020;
     text-align: left;
     font-weight: normal;
     line-height: 50px;
     border-bottom: 1px solid #e1e1e1;
     position: relative;
 }

 ul,
 li {
     list-style: none;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }

 .infoBox ul li {
     padding: 10px;
     padding-left: 0px;
 }

 .noli li {
     border-bottom: 1px solid #eee;
     text-align: left;
 }


 .infoBox li a {
     display: block;
     float: left;
 }

 .infoBox .timeNo {
     font-size: 12px;
     color: #666;
     position: relative;
     float: right;
 }

 .noli .h1 {
     font-size: 16px;
     text-align: left;
     color: #333;
     display: block;
 }

 .infoBox li a .txh2 {
     display: block;
     color: #666;
     font-size: 12px;
     margin: 0;
     padding: 0;
     margin-top: 10px;
     vertical-align: bottom;
     max-width: 510px;
     line-height: 20px;
 }

 .noli li {
     border-bottom: 1px solid #eee;
     text-align: left;
 }

 .noli .h1 {
     font-size: 16px;
     text-align: left;
     color: #333;
     display: block;
     margin: 0;
     width: 530px;
     height: 50px;
     line-height: 25px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .noli .h1:last-child {
     width: 280px;
 }

 .timeNo {
     float: right
 }

 .box.right {
     float: right;
     width: 29%
 }

 .timeNo.right {
     float: none;
     display: block;
 }

 .con {
     margin-top: 20px
 }

 .page {
     text-align: center;
 }

 .page ul {
     margin: 0 auto;
     margin-left: 140px;
     margin-top: 30px;

 }

 .page ul li {
     float: left;
     margin: 0 2px;
     font-size: 12px;
     border-radius: 2px;
 }

 .page ul li input {
     width: 40px;
     margin: 0 2px
 }

 .page ul li strong {
     color: #CD4039
 }

 .page ul li.bigbtn a {
     width: 60px;
 }

 .page ul li.btn a {
     width: 40px;
 }

 .page ul li a.selected {
     background: #e10020;
     border: 1px solid #b30406;
     color: #fff;
 }

 .infoBox {
     width: 70%;
     float: left;
 }

 .infoCon {
     border: 1px solid #eee;
     padding: 30px;
     padding-top: 0;
     background: #fff;
 }

 .infoBox ul li {
     padding: 10px;
     padding-left: 0px;
 }

 .infoBox img {
     width: 120px;
     height: 80px;
     float: left;
     margin-right: 30px
 }

 .infoBox li a {
     display: block;
     float: left;
 }

 .infoBox li a .txh2 {
     display: block;
     color: #666;
     font-size: 12px;
     margin: 0;
     padding: 0;
     margin-top: 10px;
     vertical-align: bottom;
     max-width: 510px;
     line-height: 20px;
 }

 .infoBox li a .txh3 {
     display: block;
     color: #aaa;
     font-size: 12px;
     margin: 0;
     padding: 0;
     margin-top: 26px;
     vertical-align: bottom;
 }

 .infoBox .timeNo {
     font-size: 12px;
     color: #666;
     position: relative;
 }

 .box.right .noli li {
     padding: 10px;
     padding-left: 0px;
     border: 0;
     padding-bottom: 20px;
     display: block;
 }

 .box.right .noli li a p {
     color: #730000
 }

 .timeNo.right {
     float: none;
     display: block;
     font-size: 12px;
     color: #666;
     margin-top: 10px
 }

 .ban {
     position: relative;
 }

 .sban {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     text-align: center;
     color: #fff;
     z-index: 99;
 }

 .sban h3 {
     font-weight: normal;
     font-size: 20px;
     margin: 0;
     padding: 0;
     margin-top: 32px;
     margin-bottom: 10px;
 }

 .right {
     width: 29%;
     float: right;
     overflow: hidden;
 }

 .banimg {
     width: 100%;
     height: auto;
     margin-bottom: 10px
 }


 .box ul li img {
     width: 100%;
     max-height: 110px;
     margin-top: 10px
 }

 .box ul li p.h1 {
     color: #2f4876
 }

 .timeNo_mb {
     display: none;
 }

 /* 分页器 */
 .comm_page {
     width: 100%;
 }

 .page ul {
     margin: 0 auto;
     margin-left: 140px;
     margin-top: 30px;
 }

 .page ul li {
     float: left;
     margin: 0 2px;
     font-size: 12px;
     border-radius: 2px;
 }

 .comm_page ul .page_comm_txt {
     padding: 8px 20px;
     color: #333;
     border: 1px #e3e3e3 solid;
     font-family: 'Microsoft YaHei';
     background-color: #fff;
     display: block;
     line-height: 15px;
 }

 .comm_page ul .page_first,
 .page_prev,
 .page_next,
 .page_last a:visited {
     padding: 9px 20px;
     color: #333;
     border-radius: 2px;
     color: #333;
     font-family: 'Microsoft YaHei';
     border: 1px #e3e3e3 solid;
     background-color: #fff;
     display: block;
 }

 .infoBox li a {
     display: block;
     float: left;
 }

 .comm_page ul .page_item_now {
     padding: 8px 20px;
     border-radius: 2px;
     color: #fff !important;
     font-family: 'Microsoft YaHei';
     border: 1px #e10020 solid !important;
     background-color: #e10020 !important;
     display: block;
     line-height: 15px;
     margin-bottom: 10px;
 }

 .comm_page ul .page_item {
     padding: 8px 20px;
     border-radius: 2px;
     font-family: 'Microsoft YaHei';
     color: #333;
     border: 1px #e3e3e3 solid;
     background-color: #fff;
     display: block;
     line-height: 15px;
     margin-bottom: 10px;
     cursor: pointer;
 }

 .comm_page ul .page_first,
 .page_prev,
 .page_next,
 .page_last a:hover {
     padding: 8px 20px;
     color: #333;
     border-radius: 2px;
     color: #333;
     font-family: 'Microsoft YaHei';
     border: 1px #e3e3e3 solid;
     background-color: #fff;
     display: block;
     margin: 0 2px;
     line-height: 15px;
 }

 /* 右侧 */
 .right {
     width: 29%;
     float: right;
     overflow: hidden;
 }

 .right .box {
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     border: 1px solid #eee;
     background: #fff;
     padding: 30px;
     padding-top: 0px;
     width: 100%;
 }

 .right h1 {
     font-size: 18px;
     color: #e10020;
     text-align: left;
     font-weight: normal;
     line-height: 50px;
     border-bottom: 1px solid #e1e1e1;
     position: relative;

 }

 .timeNo.right {
     float: none;
     display: block;
     font-size: 12px;
     color: #666;
     margin-top: 5px;
 }

 .right .box ul li {
     padding: 10px;
     padding-left: 0px;
     border: 0;
     border-bottom: 1px solid #eee;
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {

     .infoCon {
         padding: 10px;
     }

     .pageContent {
         width: 100%;
         margin: 0 auto;
     }

     .right {
         display: none;
     }

     .infoBox {
         width: 100%;
         float: left;
     }

     .infoBox ul li {
         padding: 10px 0;
     }

     .infoBox img {
         width: 100px;
         height: auto;
         border: 1px solid #d1d11d 1;
         float: left;
         margin-right: 10px;
     }

     .infoBox li a .txh2 {
         display: none;
     }

     .noli .h1 {
         width: calc(100vw - 140px);
         font-size: 13px;
         height: 40px;
         line-height: 20px;
     }

     .infoBox li a .txh3 {
         margin-top: 5px;
         width: auto;
         float: left;
     }

     .timeNo_mb {
         display: block;
         font-size: 12px;
         color: #666;
         margin-top: 5px;
         width: auto;
         float: right;
     }

     .timeNo {
         display: none;
     }
 }