/**组件样式*/
 .search input::placeholder{color: #666;}
.txdt {
    padding: 50px 0;
    background: #fff;}
.main3 {
    margin: 50px 0 0 0;}
.main3 a.clearfix{
    display:block;
    width:282px;
    float:left;}
.main3 .news{
    width:282px;
    height:auto;
    box-sizing:border-box;
    float:left;
    padding:28px 19px 28px 19px;}
.main3 a:hover .news{
    background-color:#0047a0;
    transition:0.6s;}
.main3 a:hover .news .news_title,
.main3 a:hover .news .news_sec_title,
.main3 a:hover .news .news_intro,
.main3 a:hover .news .moreNews{
    color:#fff;
    transition:0.4s;}
.main3 .news_imgs{
    margin-bottom:40px;
    width:244px;
    height:330px;}
.main3 .news_imgs img{
    width:100%;
    height:100%;}
.main3 .news_top{
    overflow:hidden;}
.main3 .news_sec_title{
    margin-left:12px;
    line-height:37px;
    font-weight:bold;}
.main3 a .news_title{
    font-size:18px;
    font-weight:bold;}
.main3 a .news_sec_title,
.main3 a .news_intro{
    font-size:16px;}
.main3 .news_intro{
    line-height:35px;}
.main3 a .moreNews{
    font-size:16px;}
.main3 .slick-prev{background: url(images/prev.png) no-repeat;width: 0.71rem;height: 0.71rem;background-size: 100%;left: 0;z-index: 9;}
.main3 .slick-next{background: url(images/next.png) no-repeat;width: 0.71rem;height: 0.71rem;background-size: 100%;right: 0;z-index: 9;}
.main3 .slick-prev:before, .main3 .slick-next:before{display:none;}
@media screen and (max-width: 1410px) {
 
    .main3 .news_list .news{
        width: 100%;}
    .main3 .news_list .news .news_imgs,
    .main3 .news_list .news .news_imgs img{
        width:100%;
        height:auto;}
  
}

@media screen and (max-width: 767px) {
    .main3 .news_list .news {
        width: 100%;}
}
 
   .txdt {}

    .txdt li {
        float: left;
        width: 23%;
        padding: 2% 1%;
        background-color: #f2f2f2;
        margin: 0 1%;}

    .clear {
        clear: both;}

    .pic-img {
        position: relative;
        padding-top: 70%;
        overflow: hidden;}

    .pic-img img {
        transition: .5s;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 100%;}

    .pic-img:hover img {

        transform: scale(1.2);}

    .txdt li p {
        min-height: 0.52rem;
        font-size: 0.16rem;
        line-height: 0.26rem;
        color: #333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 0.2rem 0;}

    @media screen and (max-width: 1200px) {
        .txdt li {
            float: left;
            width: 48%;
            padding: 2% 1%;
            background-color: #f2f2f2;
                  margin: 2% 1%;}
    }

    @media screen and (max-width: 600px) {
        .txdt li {
            float: left;
            width: 98%;
            padding: 2% 1%;
            background-color: #f2f2f2;
                  margin: 2% 1%;}
    }