@charset "utf-8";
/* CSS Document */

.newslist{ width:815px; height:auto; border:1px solid #e5e5e5; min-height:400px; padding:30px;}
.newslist ul {}
.newslist ul li{border-bottom: 1px solid #e5e5e5;  padding-bottom: 30px; margin-bottom: 30px;}
.newslist ul li .pic{ width:160px; max-height:160px; overflow:hidden;}
.newslist ul li .pic.bor{ padding:5px; border:1px solid #e5e5e5; width:150px;}
.newslist ul li .pic img{ width:100%;}
.newslist ul li .con{ width:630px; height:auto; overflow:hidden;}
.newslist ul li .con h3{ line-height:24px;}
.newslist ul li .con h3 a{ font-size:22px; color:#2a333c;}
.newslist ul li .con h3 a:hover{ text-decoration:underline;}
.newslist ul li .con p{ color: #76838f; font-size: 14px; line-height:26px; margin-top:15px;}


/*productlist*/
.productlist ul li{ width:280px; height:auto; overflow:hidden; float:left; margin:10px;}
.productlist ul li .pic{ border:2px solid #e5e5e5; /*width:calc(100% - 14px);*/ height:220px; overflow:hidden; margin:5px;}
.productlist ul li:hover .pic{ border-color:#0a6cb6;}
.productlist ul li p{ background:url(../images/p_icon.jpg) no-repeat right center; line-height:40px;}
.productlist ul li:hover p{ background-image:url(../images/p_icon_on.jpg);}
.productlist ul li p a{ color:#555; font-size:15px;}
.productlist ul li:hover p a,.classlist ul li .con h3 a:hover{ color:#0a6cb6;}

/*page*/
.page {
    text-align: center;
    margin-top: 10px;
}
.page a {
    border: 1px solid #ccc;
    padding: 2px 3px;
    color: #333;
    margin-right: 5px;
    text-decoration: none;
}
.page span {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 3px;
}
.page span font {
    color: #f00;
}
.page a:hover, .page span {
    border: 1px solid #ccc;
    background-image: none;
    color: #333;
}
.page a:hover {
    color: #f00
}



/*classlist*/
.classlist ul li{border: 1px solid #e5e5e5; height: 100px; margin-bottom: 30px; overflow:hidden;}
.classlist ul li .date{width: 82px;
    padding-right: 8px;
    height: 82px;
    background: url(../images/date.jpg) no-repeat left top;
    text-align: center;
    margin:9px 0 0 9px;
}

.classlist ul li .date h6{    font-size: 32px;line-height: 50px; font-weight:bold; color:#fff;    font-family: Arial;}
.classlist ul li .date p{ font-size:13px; color:#fff; line-height:24px;}
.classlist ul li .con{ margin-right:50px; width:1080px; overflow:hidden;}
.classlist ul li .con h3{
    line-height: 36px;
    padding-top: 10px;
    height: 36px;
    overflow: hidden;}

.classlist ul li .con h3 a{font-size: 16px;color: #4d4d4d;}
.classlist ul li .con p{
    line-height: 20px;
    font-size: 12px;
    height: 40px;
    overflow: hidden;
}


/*downlist*/
.downlist ul li{ padding:0 ; margin:0; line-height:50px;}
.downlist ul li a{ font-size:14px; color:#333;}
.downlist ul li a:hover{ color:#193588; text-decoration:underline;}

/*witnesslist*/
.witnesslist .container{width: 1220px;}
.witnesslist ul li{width: 159px;padding: 10px;border: 2px solid #e5e5e5}
.witnesslist ul li .pic{width:100%;height: 80px;border: none;margin: 0;}