/*内容区域*/

.mianbox{

    background: url(../img/othrebg.png) repeat center #f6f6f6;

}







/*第三区域的筛选*/

.pcqxdjnavthree a{

    font-size: 12px;

    

    line-height: 18px;

    padding: 6px 12px;

    display: inline-block;

    background: #ffffff;

    margin: 0 10px 0 0;

    border-radius: 4px;

    letter-spacing: 0;

    color: #888888;

}

.pcqxdjnavthree a i{

    width: 16px;

    height: 16px;

    display: block;

    background: url(../img/sxiocn1.png) no-repeat center;

    background-size: 16px;

    float: right;

    margin: 0px 0 0 2px;

}

.pcqxdjnavthree a:hover,

.pcqxdjnavthree a.navthreecheck{

    background: #DEF4ED;

    color: #217B62;

}

.pcqxdjnavthree a:hover i,

.pcqxdjnavthree a.navthreecheck i{

    background: url(../img/sxiocn2.png) no-repeat center;

    background-size: 16px;

}









/*内容区域*/

.productul  {

   margin-top: 20px;

}

.productul ul{

    margin: 0 -10px;

}



.productul li{

    padding: 0 10px;

    margin-bottom: 20px;
    height: 170px;

}

.productul li a{

    display: block;

    overflow: hidden;

    background: #ffffff;

    padding: 20px 16px;

}

.productul li a .productbox{

    position: relative;

    padding: 0 0 0 16px;

}

.productul li a em{

    width: 5px;

    height: 100%;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    background: #409268;

}



.productul li a .titlebox{

    font-size: 16px;

    

    line-height: 24px;

    text-align: left;

    color: #333333;

    letter-spacing: 0;

}

.productul li a .titlebox span{

    display: inline-block;

    background: #DEF4ED;

    font-size: 12px;

    

    line-height: 18px;

    text-align: left;

    color: #217B62;

    padding: 3px 6px;

    border-radius: 2px;

    margin: 0 5px 0 0;

    letter-spacing: 0;

}



.productul li a p{

    font-size: 14px;

    

    line-height: 20px;

    color: #666666;

    height: 80px;

    overflow: hidden;

    margin:6px 0 4px 0;

    letter-spacing: -0.2px;

}



.productul li a .time{

    font-size: 14px;

    

    line-height: 24px;

    color: #999999;

    letter-spacing: 0;

}

.productul li a:hover{

    box-shadow: 0px 0px 3px #bfbfbf;

}

.productul li a:hover p,

.productul li a:hover .time,

.productul li a:hover .titlebox{

    color: #217B62;

}





/*手机端端*/

@media (max-width: 1400px) {





}

@media (max-width: 1300px) {

    .productul ul {

        margin: 0 -6px;

    }

    .productul li {

        padding: 0 6px;

        margin-bottom: 12px;

        height: 260px;

    }

    .productul li a .titlebox {

        font-size: 15px;

    }

    .productul li a p {

        font-size: 13px;

        line-height: 20px;

        height: 160px;

        margin: 6px 0 4px 0;

        letter-spacing: -0.2px;

    }

    .productul li a .time{

        font-size: 13px;

    }





}

@media (max-width: 1000px) {





}

@media (max-width: 768px) {

    .pcqxdjnavthree{

        margin-top: 8px;

    }

    .pcqxdjnavthree a i {

        background-size: 13px !important;

    }

    .productul {

        margin-top: 8px;

    }

    .productul ul {

        margin: 0 -4px;

    }

    .productul li {

        padding: 0 4px;

        margin-bottom: 8px;
        height: 220px;

    }

    .productul li a {

        padding: 12px 10px;

        border: 1px #e3e5e5 solid;

        box-shadow: none !important;

    }

    .productul li a .productbox {

        padding: 0 0 0 10px;

    }

    .productul li a em {

        width: 2px;

    }

    .productul li a .titlebox {

        font-size: 13px;

        line-height: 24px;

        white-space: normal;

        overflow: unset;

        text-overflow: unset;

        height: 48px;

        overflow: hidden;

    }

    .productul li a .titlebox span {

        font-size: 12px;

        padding: 2px 4px;

        margin: 0 5px 0 0;

    }

    .productul li a p {

        font-size: 12px;

        line-height: 20px;

        height: 120px;

        margin: 4px 0 3px 0;

        text-align: justify;

        letter-spacing: -0.4px;

    }

    .productul li a .time {

        font-size: 12px;

        line-height: 20px;

    }





}