.banner {
    width: 100%;
    margin-top: 50px;
}
.banner img {
    width: 100%;
    display: block;
}
.hy{
    margin-bottom:45px;
}
.title{
  
    font-size: 38px;
    color: #121F25;
    margin-bottom: 90px;
    padding-top:50px;

}
.title h2{
    
    font-weight: bold;
    margin: 0 0 20px;
}
.title .hr span{
    width: 17%;
    height: 6px;
    background: #345AC9;
    display: block;
    margin:0 auto;
    position:absolute;
    top: -2px;
    left: calc((100% - 17% ) / 2);
}
.hr{
    width: 61%;
    height: 2px;
    background: #1F1E24;
    position: relative;
    margin: 0 auto;
}
.main{
    background: #f8f8f8;
}
.tuijian{
    display: flex;
    align-items: stretch;
    justify-content: center;
    max-width:1387px;
    margin:50px auto!important;
}

.tuijian li{
    margin-right: 20px;
    width:calc((100%  - 40px) / 3);
    background: #F8F8F8;
    position: relative;
    
}
.tuijian li h2{    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tuijian li img{
    width: 100%;
}
.tuijian li h2{
    font-size: 21px;
color: #101010;
font-weight: normal;
line-height: 1.5;
margin: 20px 20px 10px;
}
.tuijian li .time{
    font-size: 14px;
color: #666666;
display: block;
margin: 0 20px;
}
 .tuijian li p{
    font-size: 14px;
color: #303030;
margin: 10px 20px 30px;
    display: -webkit-box;
-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tuijian span{
    position: absolute;
    left: 0;
    top:0;
    background: #345ACA;
    color: #fff;
    font-size: 14px;
       padding: 5px 10px;
display: inline-block;
}
.section-con{ width:100%;padding:3%  10px 5% ;}
.about-dt-list{width:100%;margin:0 auto;max-width:1250px;padding:100px 15px;text-align: center; background:#F8F8F8}
.about-dt-list li{ margin-bottom: 50px;overflow: hidden;display: flex;}
.about-dt-list li .big-img{width:35%;max-width:426px; height:auto;}
.about-dt-list li .big-img img{width: 100%; height: auto;-webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.about-dt-list li:hover .big-img img{transform: scale(1.01,1.01); -webkit-transform: scale(1.01,1.01);}
.about-dt-list-con{width:59.6%}
.about-dt-list-conL{padding-top: 0px; padding-left:35px;  }
.about-dt-list-conL h5{margin: 15px 0 10px;}
.about-dt-list-conL h5 a{ display: block; line-height: 32px; font-weight: normal; font-size: 26px; color: #000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #ddd;padding-bottom: 20px;text-align: left;}
.about-dt-list-conL em{ display: inline-block; margin-right:0px; font-size: 16px;font-weight: normal;color:#888; line-height: 30px;font-style:normal;float: right;}
.about-dt-list-conL p{ font-size: 16px; line-height: 30px; color: #333; margin: 12px 0 0 0;text-align: left; }
.about-dt-list-conR{  padding-top:20px;}
.about-dt-list-conR i{ text-align: right; font-size: 14px; color: #999; line-height: 1; }
.about-dt-list-conR span{background: #186ed7;width:120px; display: block; border:1px solid #186ed7; text-align: center; line-height: 32px; margin-left:35px; transition: all .5s ease-in-out;border-radius: 0px; }
.about-dt-list-conR span a{ display: block; font-size: 16px; color: #fff; }

.list_page{width:100%; height: 59px; overflow: hidden; padding:8px 0;text-align: center; border-radius: 5px; float: left;color: #000; margin-top: 30px; margin-bottom: 20px;}
.list_page .span-right i {
    display: inline-block;
}
.riqi{width:5.4%;max-width:65px;color:#333;font-size:30px;font-weight:lighter;margin-right:35px;text-align: center;}
.riqi span{display: block;color:#333;font-size:22px;font-weight:normal;}


.pagination{display:inline-block;margin:20px auto;border-radius:4px;}
.pagination > li{display:inline}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination > li:last-child > a,.pagination > li:last-child > span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination > li > a:hover,.pagination > li > a:focus,.pagination > li > span:hover,.pagination > li > span:focus{z-index:2;color:#23527c;background-color:#eeeeee;border-color:#ddd}
.pagination > .active > a,.pagination > .active > a:hover,.pagination > .active > a:focus,.pagination > .active > span,.pagination > .active > span:hover,.pagination > .active > span:focus{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}


/*新闻内容页*/
.section-con h2{font-size:24px;}
.content{font-size: 16px;margin-top:30px;width:100%;max-width:1200px; margin-left:auto;margin-right:auto;}
.content p{font-size: 16px;margin:15px 0; line-height:1.8;}
.content img{display:block;margin:0 auto; max-width:1000px;}

@media (max-width: 950px){
   
    .banner{margin-top:50px;}

    .about-dt-list li{ flex-direction: column; }
    .about-dt-list li .big-img,.about-dt-list-con{width:100%;max-width: unset;}
    .about-dt-list-conL{padding-left:unset;}
    .about-dt-list-conR span{margin-left:0;}
}
@media (max-width: 750px){
     .title{
        font-size: 26px;
        padding-top: 30px;
        margin-bottom: 40px;
    }
    .about-dt-list{padding: 30px 15px;}
    .about-dt-list-conL h5 a{font-size:20px;}
    .about-dt-list-conL p{font-size:15px;}
    .about-dt-list-conR {    padding-top: 20px;}
    .riqi span {font-size:14px;}
    .riqi{font-size:20px;}
    
    .tuijian{
            flex-direction: column;
    }
      .tuijian li{
          width: 100%;
          margin-bottom: 20px;
      }
      .tuijian li h2{
          font-size: 18px;
      }
}