.case{width: 100%; height: auto; position: relative;}
.case_box{width: inherit; height: auto; float: left;}
.case_select_menu{width: inherit; height: auto;}
.case_select_menu>ul{width: 100%; height: 45px; border-left: 1px solid #eee; border-right: 1px solid #eee; font-size: 13px; border-top: 1px solid #eee;}
.case_select_menu>ul:last-child{border-bottom: 1px solid #eee;}
.case_select_menu_blur{height: 27px; text-align: center; float: left; margin: 9px 0 0 10px; line-height: 27px; padding: 0 20px; cursor: pointer; }
.case_select_menu_first{border-right: 1px solid #eee; background: #f8f8f8; width: 110px; height: 45px; line-height: 45px; cursor: default; text-align: center; float: left;}
.case_select_menu_blur:hover{text-decoration: underline;}
.case_select_menu_first:hover{text-decoration: none;}
.case_select_menu>ul{position: relative;overflow: hidden;}
.case_select_menu_first{height: 100%;}
.active{background: #14473b; color: #fff;}
.case_select_menu_more{position: absolute;height: 20px;width: 20px;right: 0;top: 10px;padding: 10px;cursor: pointer;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.case_select_menu_more:hover{opacity: .6;}

.icon{position: relative;display: block;background: #333;width: 15px;height: 3px;border-radius: 1px;}
.icon:before{content: '';position: absolute;height: 15px;width: 3px;background: #333;border-radius: 1px;right: 6px;top: -6px;}
.shrink .icon:before{content: normal !important;}

.case_list{width: inherit; height: auto; float: left;}
.case_list_ul{float: left; margin-left: -15px;}
.case_list_ul>li{float: left; margin: 20px 0 0 15px; box-shadow: 0px 0px 10px #f3e3e3; cursor: pointer;}
.case_list_ul>li:hover{box-shadow: 0px 0px 20px #f3e3e3;}
.case_item{width: 692px; height: 436px; background: #fff; }
.case_item_btn{background: #54a51c; color: #fff; border-radius: 8px; float: right; margin-top: -7px; display: block; width: 90px; height: 25px; text-align: center; line-height: 25px;}
.case_item_btn{background: #f3860f;}
.case_item_btn:hover{background: #f3860f;}
.case_pic{width: inherit; height: 346px; position: relative;}
.case_pic_imgbox{width: inherit; height: inherit; overflow: hidden;}
.case_pic_imgbox>a{width: inherit; height: inherit; display: inline-block; transition: transform 0.5s; -moz-transition: -moz-transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -o-transition: -o-transform 0.5s; }
.case_pic_imgbox>a>img{width: inherit; height: inherit;}
.case_pic:hover .case_pic_imgbox>a{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);}
.case_pic>img{width: inherit; height: 346px;}
.case_designer{position: absolute; bottom: -40px; right: 10px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; background: #fff;}
.case_designer>a{width: 100%; height: 100%;}
.case_designer>a>img{width: 100%; height: 100%;}
.case_designer_info_box{width: 592px; height: 68px; padding: 12px;}
.case_designer_info_title{font-size: 18px; width: 592px; height: 27px; overflow: hidden;}
.case_designer_info_btn_box{width: inherit; height: 25px; margin-top: 15px;}
.case_designer_info_btn_box>h5{float: left; font-size: 14px;}
.case_designer_info_btn_box>a{text-decoration: none; margin-top: 0;}
.case_designer_info_btn2{background: #6a6a6a; margin-left: 10px;}