.show-box{ }

.show-box .head{ padding: 0 10px; height: 38px; line-height: 38px; background-color: #f5f5f5;}
.show-box .head .pg{ font-size: 12px; color: #666666;}
.show-box .head .pg a{ width:13px; height: 13px; border:1px solid #d3d3d4;}
.show-box .head .pg a:hover{ border:1px solid #666666;}

.show-box .list { padding-bottom:20px;}
.show-box .list li{ height: 120px; padding:20px 0; border-bottom:1px dashed #e4e4e4;}
.show-box .list .img{ width:120px; height: 120px; overflow: hidden;}
.show-box .list .img img{ width:120px; height: 120px;}
.show-box .list .des{ width:270px; padding:0 145px 0 20px; border-right:1px dashed #e4e4e4;}
.show-box .list .des h3{ padding:20px 0;}
.show-box .list .des p{ line-height: 24px; color: #666666;}
.show-box .list .data{ padding-left: 50px;}
.show-box .list .data h3{ padding:10px 0 40px 0;}
.show-box .list .data h3 span{ font-size: 18px; font-weight: bold;}
.show-box .list .data p{ line-height: 24px; color: #666666;}
.show-box .list .bt a{ display: block; width:88px; height: 30px; line-height: 30px; margin-top:20px;}

.web-box .web-list li{ height: 205px;}
.web-box .web-list .img{ width:560px; height: 205px; font-size: 0; border-right:1px dashed #e4e4e4;}
.web-box .web-list .img h3{ font-size: 14px; padding-bottom:12px;}
.web-box .web-list .img img{ width:120px; height: 178px; border:1px solid #e4e4e4; margin-right:10px;}
.web-box .web-list .data h3{ padding:90px 0 10px 0;}
.web-box .web-list .bt a{ margin-top:95px;}

.news-box .head{ height: 45px; line-height: 45px; border:1px solid #eeeeee; background-color: #f4f4f4;}
.news-box .head li{ float: left; padding:0 25px;}
.news-box .head li:hover,.news-box .head li.on{ background-color: #4884ff;}
.news-box .head li:hover a,.news-box .head li.on a{ color: #fff; }
.news-box .head li a{ font-size: 18px;}

.news-box .list{padding-bottom:20px;}
.news-box .list li{ height: 130px; padding:20px 0; border-bottom:1px solid #e4e4e4;}
.news-box .list .img{ width:230px; height: 130px;}
.news-box .list .img img{ width:230px; height: 130px;}
.news-box .list .des{ width:950px;}
.news-box .list .des h3{ font-size: 16px; padding:15px 0 10px 0;}
.news-box .list .des p{ line-height: 24px; color: #666666;}
.news-box .list .des .date{ display: inline-block; height: 14px; line-height: 14px; color: #9e9e9e; padding-right: 10px; border-right:1px solid #e4e4e4;}
.news-box .list .des .zan{ cursor: pointer; padding-left: 30px; color: #9e9e9e; background:url(../img/icon/icon-zan.png) 10px center no-repeat;}
.news-box .list .des .zan.on{ color: #ff4848; background-image: url(../img/icon/icon-zanh.png)}

.article-box{ border:1px solid #eeeeee; }
.article-box .head{ min-height: 88px; text-align: center; border-bottom:1px solid #eee; background-color: #f4f4f4;}
.article-box .head h3{ font-size: 18px; color:#2b2b2b; padding:20px 0;}
.article-box .head p{ font-size: 16px; color:#666666;}
.article-box .cont{ padding:20px;}

.show-box .cont-introduce{ padding:20px 0; border-bottom:1px dashed #e4e4e4;}
.show-box .cont-introduce .img{ width:245px; height: 245px;}
.show-box .cont-introduce .img img{ width:245px; height: 245px;}
.show-box .cont-introduce .des{ width:640px; padding-left: 20px;}
.show-box .cont-introduce .des h3{ font-size: 18px; padding:20px 0;}
.show-box .cont-introduce .des p{ color: #666666; line-height: 24px;}
.show-box .cont-introduce .des .price{ color: #2b2b2b;}
.show-box .cont-introduce .des .btn{ padding:5px 20px; margin-right: 20px;}
.show-box .cont-detail{ padding-top:20px;}

.show-box .cyc-select a{ padding:5px; margin-right: 5px; border:2px solid #c0c0c0; border-radius: 4px;}
.show-box .cyc-select a.on{ color: #fff; border-color:#4884ff; background-color: #4884ff;}

.case-list{ width:100%; height:400px; overflow:hidden; position:relative;}
.case-list .hd{  overflow:hidden; position:absolute; right:0; top:0; z-index:1; }
.case-list .hd ul{ overflow:hidden; zoom:1; float:left;  }
.case-list .hd ul li{width:210px; height:81px; margin-bottom:20px; text-align:center; border:2px solid #fff; cursor:pointer; }
.case-list .hd ul li.on{ border:2px solid #4884ff;}
.case-list .bd{ position:relative; height:100%; z-index:0;   }
.case-list .bd li{ zoom:1; vertical-align:middle; }
.case-list .bd img{ width:951px; height:400px; display:block; }