/*案例menus*/
.plan_tab > li{ display: inline-block; padding: 10px 15px;}
.plan_tab > li > a{ padding: 0 0 5px 0; color: #78828C;border-bottom: 2px solid #fff;}
.plan_tab > li:hover > a,.plan_tab > li:focus > a,.plan_tab > li> a:hover { background: #fff; }
.plan_tab .active a{ color: #327BEB;border-bottom: 2px solid #327BEB;}

/*案例罗列*/
.plan_all{ margin-top:20px; }
.plan_all a{ display: block;}
.plan_all img{ width: 100%;}
.plan_all .pull-left{ float: none!important;}
.plan_all .items-row{ width: 31%; margin: 0 1% 20px 1%; float: left; border: 1px solid #eee\9;}
.plan_all .item{ overflow: hidden; display: block;}
.plan_all .span12{ display: block; ;box-shadow:9px -2px 10px 0px rgba(0,0,0,0.03),-8px 0px 10px 0px rgba(0,0,0,0.03),8px 0px 10px 0px rgba(0,0,0,0.03);}
.plan_txts,.plan_txts:hover{ padding: 5px 20px ; color:#939BA4; font-size: 14px;text-align: left; }
.plan_all  .page-header{ float: left;margin: 0;}
.plan_names .plan_times{ float: right; color: #fff; font-size: 14px;}
.plan_names{ padding: 20px 22px; background: #327DF1; color: #fff;}
.plan_names a{ color: #fff; text-decoration: none; font-size: 18px;}
.plan_names .page-header{ border-bottom: none; padding-bottom: 0; }
.plan_all .item-image{ overflow: hidden;}
.plan_all .item-image img{ width: 100%; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.plan_all .item-image a:hover img{ transform: scale(1.05); }

/*内容详情区域*/
.plan_detail{ margin-bottom: 30px;}
.plan_detail .page-header{ margin-top: 30px; border-bottom: 0; margin-bottom: 10px;}
.plan_detail .article-info{ clear: both; padding-bottom: 15px; border-bottom: 1px solid #ddd;margin-bottom: 20px; padding-left: 2px;}
.plan_detail dl dd{ display:inline-block;color: #999;margin-right: 30px;}
.plan_detail p {  font-size: 14px;  color: #666; margin-bottom: 10px;}
.plan_detail p img{max-width: 700px; width: auto;  margin: 25px auto;  display: block;}

@media (max-width: 992px) and (min-width: 768px){
    .plan_title{ font-size: 26px;}
    .plan_type a{ margin-bottom: 15px;}
    .plan_name{ font-size: 32px; height: 280px;}
    .plan_all .items-row {  width: 48%;  margin: 0 1% 20px 1%;  float: left;}

    .plan_detail p img{ max-width: 80%;}
}
@media only screen and (max-width: 767px) and (min-width: 0px){
    .crumb_url{ display: none;}
    .plan_title{ font-size: 20px;}
    .plan_name{ font-size: 24px; height: 100%; margin-top: 15px; padding: 15% 0;}
    .plan_all .items-row {  width: 98%;  margin: 0 1% 20px 1%;  float: left;}
    .plan_names a{ font-size: 16px;}
    .plan_type a{ margin-bottom: 15px;}
    .plan_names{ padding: 15px;}
    .plan_tab{ width: 280px; margin: 0 auto;}
    .plan_tab > li{ font-size: 14px; padding: 10px 6px; float: left;}
    .plan_all{ margin-top: 10px;}
    .sucess_plan{ margin:20px 0 25px 0;}

    .plan_detail .page-header{ margin-top: 20px; margin-bottom: 5px;}
    .plan_detail .page-header h2{ font-size: 20px;}
    .plan_detail dl{ padding-bottom: 10px; margin-bottom: 15px;}
    .plan_detail p img{ max-width: 90%;}

}