.three-nav {
  /* background-image: url(/tyx/2024muban/css/img/index-three-bg.png);*/
   height: 428px;
 }
 .three-nav .three-box {
   width: 1300px;
   margin: 0px auto;
   background: #Fff;
   padding-bottom:20px;
 }
 .three-nav .three-box .three-left {
   width: 820px;
   float: left;
   padding-top: 20px;
 }
 .three-nav .three-box  .left-tit{
   border-bottom: #0B66AD 4px solid;
 }
 .three-nav .three-box  .left-tit h2{
   color:#333;
   padding-bottom: 10px;
 }
 .three-nav .three-box  .left-tit img:nth-child(0) {
   float: left;
 }
 .three-nav .three-box  .left-tit a {
   float: right;
   position: relative;
   top: -35px;
 }
 .three-nav .three-box .three-left .left-body{
   margin-top: 14px;
 }
 .three-nav .three-box .three-left .left-body ul{
   margin-left: -15px;
 }
 .three-nav .three-box .three-left .left-body ul li{
   float: left;
   margin-left: 15px;
   width:250px;
 }
 
 .three-nav .three-box .three-left .left-body img {
   width: 250px;
   height: 180px;
 }
 
 .three-nav .three-box .three-left .left-body div a {
 
 /*  background-color: #8F000B;*/
   color:#333
 }
 .three-nav .three-box .three-left .left-body div a p.tit {
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   font-size: 14px;
   color: #222;
   line-height: 48px;
 }
 .three-nav .three-box .three-left .left-body div a p.date{
   font-size:12px;
   font-weight: 400;
   color:#8F000B;
   padding:10px 0;
 }
 .three-nav .three-box .three-left .left-body div a span {
   font-size: 14px;
   color: #222;
   float: left;
   margin-left: 10px;
   line-height: 56px;
 }
 
 .three-nav .three-box .three-right {
   height:408px;
   width: 342px;
   background: #FFFFFF;
   float: right;
   padding: 20px 12px 0;
 }
 
 
 .three-nav .three-box .three-right  .right-body a {
   display: block;
   height: 80px;
   padding-top: 15px;
   border-bottom: 1px solid #f2dadc;
 }
 .three-nav .three-box .three-right a p {
   font-size: 14px;
   color: #333;
   margin-bottom: 10px;
   overflow: hidden;
   word-wrap: break-word;
   float: right;
   line-height: 24px;
   width:240px
 }
 .three-nav .three-box .three-right .right-date {
   float: left;
   width:56px;
   height:50px;
   background: #f2dadc;
   text-align: center;
   padding:0px 2px
 }
 .three-nav .three-box .three-right .right-date span{
 
   font-size:12px;
   color:#8F000B
 }
 .three-nav .three-box .three-right .more-btn {
   height: 50px;
   display: block;
   text-align: center;
   line-height: 50px;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   border-top: 1px solid #AE232E;
 }
 .three-nav .three-box .three-right .more-btn span {
   font-size: 18px;
   margin-right: 6px;
 }
 .four-nav {
   background-image: url(/tyx/2024muban/css/img/banner1.jpg);
   background-position: bottom center;
  margin: 0 auto;
  width:1200px;
  margin-top:30px
 }