/*list-news*/
.type-class{width:90%;margin:0 auto;height:auto;padding-bottom:20px;}
.type-class p{text-align:center;}
.type-class p a{margin:0 auto;height:40px;line-height:40px;}
.type-class p span{border:1px solid #ccc;padding:7px 15px;}
.list-news ul li{width:98%;height:auto;overflow:hidden;margin:0 auto 20px;list-style:none;background:#f7f7f7;}
.list-news ul li .news-img{float:left;height:auto;padding:2% 1%;}
.list-news ul li .news-img img{width:100%;height:auto;}
.list-news ul li .news-info{float:right;height:auto;text-align:left;padding:2% 2% 2% 0}
.list-news ul li .news-info h3{font-weight:bold;padding:0;overflow:hidden;}
.list-news ul li .news-info p{padding:0!important;margin:5px 0;}

.list-news ul li .news-info p span{padding:5px 20px;background:#ccc;}
.list-page li{list-style:none;}
@media (min-width:1001px){
.list-news ul li .news-img{width:27%;}
.list-news ul li .news-info{width:68%;}
.list-news ul li .news-info h3{font-size:18px;margin:0 0 10px;line-height:30px;}
.list-news ul li .news-info p{font-size:16px;line-height:30px;}
.list-news ul li .news-info .news-text{height:70px;overflow:hidden;}
}
@media (max-width:1000px){
.list-news ul li .news-img{width:40%;}
.list-news ul li .news-info{width:55%;}
.list-news ul li .news-info h3{font-size:14px;line-height:20px;margin:0 0 5px;}
.list-news ul li .news-info p{font-size:14px;line-height:30px;}
}
@media (max-width:650px){	
.list-news ul li .news-info .news-text{display:none;}	
}
/*article-article*/

.article-title{height:auto;width:100%;border-bottom:1px solid #ccc;padding-bottom:10px;}
.article-title h1{text-align:center;font-size:20px;margin:15px 0;padding:0;line-height:30px;}
.article-title p{text-align:center;line-height:20px!important;font-size:14px;color:#666;font-weight:600;}
.article-title p span{margin:0 20px;}
.article-body{padding:20px;line-height:20px;}
.article-body p{padding:0!important;margin:0!important;}
.article-body img{max-width:100%;}

/*list-case*/
.list-case{width:100%;height:auto;overflow:hidden;}
.list-case li{list-style:none;border:1px solid #ccc;}
.list-case li img{width:100%;height:auto;}
.list-case li h3{font-size:18px;width:100%;overflow:hidden;height:30px;line-height:30px;margin:10px 0 20px;text-align:center;}
.list-case li p{font-size:14px;font-weight:300;text-align:left;padding:0 10px;height:27px;overflow:hidden;}
.list-case li p span{color:#ffc000;}
.list-case li:hover{border:1px solid #ffc000;}
.list-case li:hover h3{color:#ffc000;}

@media screen and (min-width:1001px){
.list-case li{margin:15px 1%;width:30.1%!important;float:left;padding:0!important;}	
}

@media screen and (max-width:1000px){
.list-case li{margin:15px 1.3%;width:46%!important;float:left;padding:0!important;}	
}

/*article-case*/
.article-case{width:100%;height:auto;overflow:hidden;}
.article-case h1{text-align:center;font-size:24px;font-weight:600;margin:30px 0;padding:0;line-height:24px;}
.article-case .case-litpic,.article-case .case-img {width:80%;margin:0 auto;height:auto;}
.article-case .case-litpic{text-align:center;margin-bottom:20px;}
.article-case .case-litpic img{width:100%;height:auto;}
.article-case .case-img .case-info{float:left;text-align:center;}

.article-case .case-img .case-info dd{background:#ffc000;border-radius:50%;border:3px solid #ffe7a6;height:104px;width:104px;margin:10px auto;padding:25px;}
.article-case .case-img .case-info img{width:100px;height:100px;}
.article-case .case-img .case-info p{width:98%;margin:0 auto;text-align:center;line-height:30px;}

.case-body{width:100%;height:auto;overflow:hidden;}
.case-body .case-body-title{background:#f2f2f2;height:40px;width:100%;line-height:40px;font-size:20px;margin:20px 0;}
.case-body .case-body-title b{background:#ffc000;color:#fff;padding:6px 25px;margin:0;}
.case-body .case-talk{text-indent:2em;font-size:18px;line-height:30px;margin-bottom:15px;}

.case-like{border:1px solid #ccc;height:auto;width:100%;overflow:hidden;}
.case-like .title{height:40px;width:100%;background:#dedede;line-height:40px;}
.case-like .title span{background:#fff;border-top:4px solid #ffc000;padding:5px 20px 8px;font-size:18px;font-weight:bold;}
.case-like ul{margin:10px 0;height:auto;overflow:hidden;}
.case-like ul li{float:left;height:auto;list-style:none;text-align:center;}
.case-like ul li img{width:100%;border:1px solid #f2f2f2;height:auto;padding:2px;}
.case-like ul li p{text-align:center;overflow:hidden;margin-top:10px;}
.case-like ul li:hover{background:#ffc000;}
.case-like ul li:hover p{color:#fff;}
@media (min-width:1001px){
.article-case .case-img .case-info{width:33.33333%;float:left;margin-bottom:20px;}

.case-like ul li{width:22%;margin:15px 1.5%;}
.case-like ul li p{line-height:30px;font-size:14px;height:30px;}
}
@media (max-width:1000px){
.article-case .case-img .case-info{width:100%;height:auto;overflow:hidden;}
.article-case .case-img .case-info dd{display:none;}
.article-case .case-img .case-info p{line-height:26px;text-align:left;}

.case-like ul li{width:48%;margin:10px 1%;}
.case-like ul li p{line-height:20px;font-size:12px;height:20px;}
}

