.main{width:1120px;margin:54px auto 0 auto;}
.left{width:744px;float:left;}
.title {width:100%;overflow:hidden;float:left;margin-top:25px;}
.title h1{font-size: 30px;color: #000;letter-spacing: 1px; margin: 0;line-height: 1.4; font-weight: normal;}
.describe {width:100%;overflow:hidden;float:left; margin-top:25px;}
.describe ul li {float:left;margin-right:20px; line-height:20px;color: #999;}
.describe ul li i{margin-right:8px;color: #999;}
.guidereading {width:100%;float: left; background: #f8f8f8;padding: 10px 15px;margin-top:25px;color: #999;}
.textcontent {width:100%;display:block;overflow:hidden;float:left;line-height:30px;font-size: 16px;}
.textcontent p {line-height:30px;margin-top:20px;font-size: 16px;}
.textcontent img {width:inherit;max-width:100%;margin:0 auto; border-radius:4px;}
.textcontent table{text-align: center; margin: 0 auto;}
.textcontent table p{margin-top:0;}
.textcontent video{max-width:100%!important; width: 100%!important}
.textcontent td{border:1px solid #eee; padding:5px;}
.textcontent b,strong{font-weight: bold}
.commissioningeditor{width:100%;float: left;font-size: 12px;padding: 10px 15px;color: #999;background: #f6f6f6;border-radius: 2px;line-height: 1.5;position: relative;margin-top:10px;}
.ok{width:100%;float:left;margin-top:10px;}
.keyword {width:600px;overflow:hidden;float:left;}
.keyword a {font-size: 14px;line-height: 26px;float: left;margin: 0 10px 10px 0;
padding: 0 13px;color: #999;border: 1px solid #e0e0e0;border-radius: 2px;font-weight: 400;}
.keyword a:hover{ color:#000;border: 1px solid #000;}
.bdsharebuttonbox{float:right;border: 1px solid #e0e0e0; padding:0 5px; border-radius:4px;}
.textpage{width:100%;overflow:hidden;float:left;margin-top:10px;padding:5px;color:#666;}
.textpage ul li{width:50%;float:left;padding:10px;line-height: 22px;display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#666;}
@media only screen and (max-width:640px) {
.textpage ul li{width:100%;}
}
.share{width:100%;}
.share ul li{width:12.5%;float: left;margin-top:20px;text-align: center}
.share i{color:#ccc;font-size:40px;}
.share i:hover{color:#000;}
.item{width: 100%;float: left;position:relative;}
.item .case{width:100%;float:left;position: relative;border-bottom: 1px solid #d6d6d6;
 padding: 16px 0;}
.item .case .img{display: block;overflow: hidden;width: 270px;height: 152px;float: right;margin-left:20px;}
.item .case .img img{min-height:152px;background-color: #c3c3c3;}
.item .case .tit{font-size: 18px;line-height: 30px;margin-bottom: 16px;min-height: 30px;max-height: 60px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: 600;}
.item .case .text{font-size: 14px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 40px;min-height: 20px;color: #848484;font-weight: 300;}
.item .case .column{display: inline-block;padding: 0 9px;line-height: 2;background-color: #dcdcdc;
font-size: 14px;margin-right:20px;font-weight: 700;transition: all .2s ease 0s;}
.item .case .detail{position: absolute;bottom:16px; }
.item .case .detail em{color: #848484;margin-right:10px;}
.item .case .detail i{color: #848484;margin-right:10px;}
.item .case .tags{display: none}
.item .case:hover .tit{color:red}
.item .case:hover{background-color:#f6f6f6;}
	
.juntitle{width:100%;overflow: hidden; float:left;border-bottom: 1px solid #e4e4e4;line-height:30px;margin-top:30px;}
.juntitle span{font-size:20px;}
.juntitle i{font-size:20px;padding-right:10px;}
/*右边*/

.right{width:314px;float:right;}
.good{float: left;width: 100%;padding:25px 20px;background: #fbf4f4;margin-top:20px;}
.gdtitle{float: left;width: 100%;padding-bottom:10px; border-bottom: 1px solid #CCC;}
.gdtitle h2{float: left;font-size: 18px;line-height:18px; color: #363636;border-left:5px solid #dd0707;padding-left:10px;}
.roll {width:160px;height:18px;float:right;position: relative;}
.roll .swiper-wrapper{width:100%;float:left;}
.roll .swiper-slide{width:100%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:18px;line-height:18px;font-size:14px; color: #848484}
.good-list{float: left;width: 100%;}
.good-list ul li{float: left;width: 100%;margin-top:10px;padding-left:20px;position: relative}
.good-list ul li i{width:7px;height:7px;background: #666;position: absolute;top:8px;left:0;}
.good-list ul li a{line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 44px;min-height: 22px;}
.good-list ul li p{color: #a09f9f;font-weight: 300;}

.good-jpg{width:100%;float:left;}
.good-jpg ul li{width:100%;float:left;margin-top:15px;}
.good-jpg .img{width:90px; height:60px;overflow: hidden;float: left;margin-right:15px;}
.good-jpg .img img{min-height:60px;}
.good-jpg a{line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height:40px;min-height: 20px;}
.good-jpg p{color: #a09f9f;font-weight: 300;line-height:14px;margin-top:5px;}


.kuaixun{float: left;width:100%;height:590px;margin-top:20px;}
.kuaixun .swiper-wrapper{overflow: hidden;float: left;width: 100%;height: auto;}
.kuaixun .swiper-slide{width:100%;float: left;padding-left:20px;line-height: 20px;position: relative;}
.kuaixun .swiper-slide a{width:100%;float: left;max-height:40px;font-weight: 500;line-height: 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom:5px;}
.kuaixun .swiper-slide i{position: absolute;left:0;top:4px;width: 12px;height: 12px;background-color: #ccc;border-radius: 50%;border: 3px solid #eee;}
.kuaixun .swiper-slide span{display: block;color: #a09f9f;margin-bottom:10px;}




@media only screen and (max-width:1120px) {
.disappear,.right{display: none;}
.banner{width:100%;margin:0;float: left}
.swiper1{width:100%;height:auto}	
.hot{width:100%;margin: 0; margin-top:10px;}
.hot li{height:auto;}
.hot li .tit{font-size:12px;line-height:16px;padding:5px;}
.main{width:100%;float: left;}
.left{width:100%;float: left;margin:0;padding:0 10px;}
.item .case{}
.item .case .img{width:130px;height:100px;margin-right:0;}
.item .case .img img{min-height:100px;}	
.item .case .tit{font-size:16px;line-height:22px;}
.item .case .text{display: none;}	
.item .case .source img{width:24px;}	
}
@media only screen and (max-width:480px) {
.item .case i,.item .case .click{display: none}	
}