.mainapp{width: 100%; max-width:1200px;margin:auto;position: relative;}
.main2{width:1000px;margin:0 auto 20px;position: relative;}
/*解决方案*/
.plan-page{}
.plan-page .app-banner{ margin-top:40px; width:100%; height:300px; background:url(../images/plan_banner.jpg) no-repeat center top; line-height:1800px; overflow:hidden;}

/*解决方案*/
.plan-page .content{margin-top: 60px;overflow: hidden;}
.plan-page .content .min_box{ width: 380px;height: 366px;float: left; margin:0 10px;margin-bottom: 40px; border-radius:10px; overflow: hidden; transition:all ease 0.5s; }
.plan-page .content .min_box .img_box{ width:340px; height:149px; overflow:hidden; background:#000; border-radius:10px; margin:10px auto 10px auto;}
.plan-page .content .min_box .img_box img{width: 100%; margin:0 auto; opacity:0.6; filter:alpha(opacity=60); }
.plan-page .content .min_box .title{ width:90%; padding:0 5%; font-size: 24px; color: #f60; margin-top: 5px;}
.plan-page .content .min_box h3{ float:left; width:90%; padding:0 5%; font-weight:normal; color:#09F; font-size: 16px; line-height: 24px; height:60px; margin-bottom: 10px; border-bottom:1px dotted #eee;}
.plan-page .content .min_box h4{ float:left; width:90%; padding:0 5%; font-weight:normal; color: #999; font-size: 16px; line-height: 24px;}
.plan-page .content .min_box:hover{ background:#eee;}
.plan-page .content .min_box:hover .img_box{ background:#FFF; }
.plan-page .content .min_box:hover .img_box img{width: 100%; margin:0 auto; opacity:1; filter:alpha(opacity=100);}
.plan-page .content .min_box:hover .title{ color:#f60; }
.plan-page .content .min_box:hover h3{ color:#09F;}
.plan-page .content .min_box:hover h4{ color: #666;}

.icon_shop{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: 0px -694px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_food{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -94px -697px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_money{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -200px -697px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_edu{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -300px -690px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_tour{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -400px -696px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_house{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -500px -697px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_room{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -600px -693px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_chat{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -700px -693px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}
.icon_door{background: url(../images/icon.png) no-repeat center center;width: 40px;height: 40px;background-size: 1000px;background-position: -800px -692px;margin-bottom: 15px;display: inline-block;vertical-align: middle;}



@media screen and (max-width: 768px){
    .plan-page .content .min_box{
        width: 372px;
    }
	.plan-page .app-banner{ margin-top:40px; width:100%; height:110px; background-size:175%;}
}

@media screen and (max-width: 640px){
    .plan-page .content .min_box{
        margin: 0 auto 20px;
        float: none;

    }
}