* {
   box-sizing: border-box;
 }

 .eol-body-box .header-banner {
   width: 100%;
   height: 240px !important;
   background-size: cover;
   background-position: center;
   margin-bottom: 0;
   background-image: url("../img/subjectCollect/banner.jpg");
 }

 .eol-body-inner {
   padding: 30px 0 50px;
   background-image: url("../img/subjectCollect/body-bg.jpg");
   background-size: cover;
 }

 .eol-body-box .list-box {
   width: 1200px;
   margin: 0 auto;
 }

 .eol-body-box .left-list {
   width: 818px;

   float: left;
 }

 .eol-body-box .left-list .body-box {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   flex-direction: row;
 }

 .eol-body-box .left-list .body-box>.item {
   width: 250px;
   margin: 0 18px 26px 0;
 }

 .eol-body-box .left-list .body-box>.item:nth-child(3n) {
   margin-right: 0;
 }

 .eol-body-box .left-list .thumb-image {
   width: 250px;
   height: 146px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }



 .eol-body-box .left-list .description {
   border: 1px solid #F5F5F5;
   background-color: #fff;
   padding: 10px 14px 8px;
   width: 100%;
   position: relative;
 }

 .eol-body-box .left-list .description .title {
   cursor: pointer;
   font-size: 16px;
   font-weight: bold;
   color: #001D3F;
   width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
 }

 .eol-body-box .left-list .item:hover .title {
   color: #004EB3;
 }

 .eol-body-box .right-list {
   float: right;
   width: 335px;
   margin-left: 47px;
 }

 .eol-body-box .right-list .arrow {
   margin-right: 10px;
   background: url("../img/importentNews/title-arrow.png");
   background-size: cover;
   width: 165px;
   height: 18px;
 }

 .eol-body-box .right-list .title .line {
   background: #004EB3;
 }

 .eol-body-box .right-list .title {
   background: #EFF6FF;
   border-radius: 4px 4px 0px 0px;
 }

 .eol-body-box .right-list .list-body {
   background: #FBFDFF;
 }

 .sub-visibility {
   flex: 0 0 260px;
   display: inline-block;
   overflow: visible;
 }

 .right-list .banner a {
   margin-bottom: 20px;
 }

 .eol-body-box {
   background: unset !important;
 }

 .eol-header-box .eol-header-nav {
   background-color: #fff;
 }

 /* PC端 */
 @media screen and (min-width:960px) {
   .h5 {
     display: none;
   }


 }

 /* 移动端 */
 @media screen and (max-width: 960px) {
   .sub-visibility {
     display: none;
   }

   .pc {
     display: none;
   }

   .eol-body-box .list-box {
     width: 100%;
   }

   .eol-body-box .left-list {
     width: 100%;
     justify-content: center;
   }

   .right-list {
     display: none;
   }

   .eol-body-box .header-banner.h5 {
     background: url("../img/banner/zjztk.jpg") !important;
     background-position: center !important;
     background-size: cover !important;
     height: 240px !important;
   }

   #side-bar .item .side-bar>div {
     width: 26px;
   }

   .eol-body-box .left-list .thumb-image {
     width: 100%;
     height: 195px;
   }

   .left-list .body-box .item {
     margin-bottom: 12px;

   }

   .eol-body-box .list-box {
     padding: 0 14px;
   }

   .eol-body-box .eol-body-inner {
     padding: 20px 0;
   }

   .eol-body-box .left-list .body-box>.item {
     width: 100%;
   }

   .eol-body-box .left-list .description {
     padding: 6px 14px 2px;
   }

   .eol-body-box .left-list .body-box>.item:nth-child(3n) {
     margin-right: 0;
   }

   .eol-body-box .left-list {
     justify-content: space-between;
   }

   .eol-body-box .left-list .body-box>.item {
     margin-right: 0;
   }

   .body-box {
     flex-direction: column !important;
   }
 }