 html, body { }
*{ margin: 0; padding:0;}
    body {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }
li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color:#333;
}
    .swiper {
      width: 600px;
      height: 400px;
      margin: 0;
      border:1px solid #ccc;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .box-wrapper{ width:1200px; margin: 0 auto;}
    .topBanner{ margin:50px 0;}
    .wrapper-flex{ display: flex; }
    .swiper-slide { position: relative;}
    .swiper-slide img{ width: 100%; height:100%;}
    .swiper-slide p{
        text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
    font-size:16px;
     background: rgba(0, 0, 0, 0.7); position: absolute; bottom:0; width:100%; height:40px; line-height: 40px; color: #fff; padding-right:100px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
     .swiper-pagination-bullet{ border:1px solid #fff; opacity: 1}
     .swiper-pagination-bullet-active{ background: #ff0000;}
     .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{    text-align: right; bottom:13px;}
     .hotDynamics{ margin-left:30px;    flex: 1;}
     .hotTitle{ display: flex; justify-content:space-between;align-items: center; margin-bottom: 20px;}
     .hotTitle-left{ flex:1;    display: flex;align-items: center;}
     .hotTitle-left-01{ flex:1; display: flex;align-items: center;}
     .dot{ width:6px; height:6px; display: inline-block; background: #c5cee4; border-radius: 90px;}
     .dot-line{ flex:1; height:2px; background:  #c5cee4 }
     .hotTitle-txt{ font-size: 30px; color:#153991; margin:0 20px;}
      .btn-more{ margin-left:10px; color:#153991; cursor: pointer;}
      .new-list{ display: flex; flex-direction: column; gap:30px;}
      .new-list a{ color:#333}
      .new-list li { display: flex; justify-content:space-between;align-items: center;
       
      }
     .new-list li div{ background: url("/tyjrps/images/icon-01.png") no-repeat center left; padding-left:22px;
      display: -webkit-box;
	  overflow: hidden;
	  -webkit-line-clamp: 1;
	  -webkit-box-orient: vertical;
	  font-size:16px;
	  flex:1;
     }
      .new-list li p{ color:#999999; margin-left: 30px;}
     .mar50{ margin-top:50px;}
     .mar30{margin-top:30px;}
     .policy-box{ display: flex;}
     .policy-left{flex:0 0 383px; margin-right:30px;}
     .policy-right{ flex:1}
     .policy-title{ display: flex; align-items: center; margin-bottom: 20px;}
     .policy-title span{ height: 1px; border-bottom: 1px dashed #c5cee4; flex:1; margin:0 10px;}
     .policy-txt{ font-size:16px; background: #153991; height:40px; color: #fff;display: flex;align-items: center; min-width: 140px; padding:0 10px; box-sizing: border-box;}
     .policy-txt img{ margin-right: 10px;}
     .jiedu{ display: flex;}
     .jiedu-left{flex:0 0 383px; margin-right:30px; display: flex; flex-direction: column;}
     .jiedu-left-bottom{ display: flex; flex-direction: column; gap:20px; margin-top:20px;}
     .jiedu-left-bottom >div{ display:flex;  gap:20px; color: #2258c9; font-size: 16px;}
     .jiedu-left-bottom  >div span{ border:1px solid #c4cde3; border-radius:5px; flex:1;display: flex;align-items: center; justify-content: center; height:63px;}
     .jiedu-left-bottom  >div span img{ margin-right: 15px;}
     .jiedu-left-bottom  >div a{ flex:1;}
     .jiedu-right{ flex:1;}
     .typicalCase{ display: flex; gap:30px; margin-bottom: 30px;}
     .typicalCase-list{ flex:0 0 275px; border:1px solid #c4cde3; border-radius: 5px; padding-bottom:15px; color:#333;}
     .typicalCase-list img{ width:100%; height:155px;border-radius: 5px 5px 0 0;}
     .typicalCase-list-txt{ font-size: 16px; padding:15px;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; height:40px;}
     .typicalCase-list-text{
         font-size: 14px; padding:0 15px;
           display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #333333;
     }
     .more-new-list{ margin-top:30px;}
     .more-new-list li{ border-bottom: 1px dashed #ccc; padding-bottom:30px;}
     .more-case-list{ display: flex;}
     .more-case-list li{ border-bottom: 1px dashed #ccc; padding-bottom:30px;}
     .more-case-list li div{ background: none;}
     .more-case-list li div:nth-child(1){ flex: initial;    padding-left: 0px;}
     .more-case-list li div img{ width:302px; height:170px; border-radius: 5px;}
     .more-case-list li div:nth-child(2){    padding-left: 20px;
    display: flex;
    flex-direction: column;
    height: 135px;}
     .more-case-list li p{ font-size:16px;  margin-left: 0px; color:#333; line-height:2;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
   .more-case-list li div:nth-child(2) div{
       font-size: 20px;
       margin-bottom: 20px;
   }
   .moreRegulation{ display: flex;}
   .moreRegulation-left{ margin-right:50px; width:300px; height:400px; border-radius: 5px; background: #f3f5f9; box-sizing: border-box; padding:20px;}
    .moreRegulation-left ul{ height:359px; border-bottom: 5px #153991 solid; background: #fff; font-size: 16px;}
   .moreRegulation-left li{ height:57px; cursor:pointer; line-height:57px; text-align: center; border-bottom: 1px solid #dddddd;}
   .moreRegulation-left li.active{ background: #f5f5f5; color:#153991; font-weight: bold;}
   .details_{ display: flex; flex-direction: column;}
   .details-title{ font-size: 18px; color:#153991; text-align: center; margin-bottom: 10px;}
   .details-data{ display: flex; justify-content: space-between; border-bottom:1px solid #ccc; padding:20px 0; margin-bottom: 30px; color:#999;}
   .no-data{ width: 100%; text-align: center;}
   .returnBox{ text-align: right; margin-bottom:20px;}
   .returnBox a{ border:1px solid #153991; cursor: pointer; border:1px solid #153991; color:#153991; font-size:16px;  width:118px; height:38px; border-radius:5px; line-height: 38px; text-align: center; display: inline-block;}
  /* 页码 */  
  .pageBox { text-align: center; margin:30px  0;} 
  .pageBox span{ width:28px; height:28px; line-height:28px; cursor:pointer; color:#999999;  margin:0 3px;  border:1px solid #ccc; border-radius: 3px; display: inline-block;}
   .pageBox input{width:27px; height:27px; line-height:27px; border:1px solid #ccc; border-radius: 3px; text-align: center;}  
   .pageBox span.active{ background:#153991; color:#fff;}
   .pageBox span.btnGo{background:#153991; color:#fff;}
     
