@media only screen and (min-width: 1824px) {
 .case_header,
 .case_filter {
 width: 100%;
 }
 .case_header {
 height: 1.65rem;
 line-height: 1.65rem;
 padding-left: 1.27rem;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 }
 .case_header1 {
 display: none;
 }

 .case_filter {
 height: 0.54rem;
 margin-bottom: 0.5rem;
 }
 .case_filter .large_filter {
 width: 9.86rem;
 height: 0.54rem;
 float: right;
 }
 .case_filter .large_filter .filter-btn-group {
 width: 100%;
 height: 0.15rem;
 }
 .case_filter .large_filter .filter-btn-group.lf_bottom {
 margin-top: 0.25rem;
 }
 .case_filter .large_filter .filter-btn-group ul {
 list-style: none;
 width: 100%;
 height: 0.15rem;
 margin: 0;
 padding: 0;
 }
 .case_filter .large_filter .filter-btn-group ul li {
 display: inline-block;
 float: left;
 width: 1.15rem;
 height: 0.15rem;
 line-height: 0.15rem;
 font-family: shs_normal;
 font-size: 0.1562rem;
 color: #2a2a2a;
 cursor: pointer;
 }
 .case_filter .large_filter .filter-btn-group ul li:hover {
 text-decoration: underline;
 }
 .case_filter .large_filter .filter-btn-group ul li.fc {
 text-decoration: underline;
 font-family: shs_medium;
 }
 .case_filter .min_filter {
 display: none;
 }
 .scase {
 display: none;
 }
 .lcase {
 display: none;
 }
 .xlcase {
 width: 18.24rem;
 margin: 0 auto;
 position: relative;
 padding: 0 0 0.925rem 0;
 }
 .xlcase .case_box {
 width: 18.24rem;
 }
 .xlcase .case_box .type1 {
 width: 5.93rem;
 height: 3.48rem;
 overflow: hidden;
 }
 .xlcase .case_box .type2 {
 width: 5.93rem;
 height: 7.185rem;
 overflow: hidden;
 }
 .xlcase .case_box .type3 {
 width: 12.085rem;
 height: 7.185rem;
 overflow: hidden;
 }
 .xlcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 margin-bottom: 0.225rem;
 position: relative;
 overflow: hidden;
 }
 .xlcase .case_box .case_item img {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }
 .xlcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }
 .xlcase .case_box .case_item .case_mask:hover,
 .xlcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }
 .xlcase .case_box .case_item .case_mask div.case_mask_bottom {
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }
 .xlcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .xlcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }
 .xlcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }
 .xlcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }
 .xlcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }
 .xlcase .case_box .case_item.last_row {
 margin-right: 0;
 }
 .xlcase .case_box .case_item.last_col {
 margin-bottom: 0;
 }
 .xlcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }
 .xlcase .square img {
 width: 100%;
 height: 100%;
 }
 .xlcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}
@media only screen and (min-width: 1440px) and (max-width: 1823px) {
 .case_header {
 width: 100%;
 height: 1.65rem;
 line-height: 1.65rem;
 padding-left: 1.27rem;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 }
 .case_header1 {
 display: none;
 }

 .case_filter {
 width: 100%;
 height: 0.54rem;
 margin-bottom: 0.5rem;
 }
 .case_filter .large_filter {
 width: 9rem;
 max-width: 100%;
 height: 0.54rem;
 float: right;
 }
 .case_filter .large_filter .filter-btn-group {
 width: 100%;
 height: 0.15rem;
 }
 .case_filter .large_filter .filter-btn-group.lf_bottom {
 margin-top: 0.25rem;
 }
 .case_filter .large_filter .filter-btn-group ul {
 list-style: none;
 width: 100%;
 height: 0.15rem;
 margin: 0;
 padding: 0;
 }
 .case_filter .large_filter .filter-btn-group ul li {
 display: inline-block;
 float: left;
 width: 1.08rem;
 height: 0.15rem;
 line-height: 0.15rem;
 font-family: shs_normal;
 font-size: 0.1402rem;
 color: #2a2a2a;
 cursor: pointer;
 }
 .case_filter .large_filter .filter-btn-group ul li:hover {
 text-decoration: underline;
 }
 .case_filter .large_filter .filter-btn-group ul li.fc {
 text-decoration: underline;
 font-family: shs_medium;
 }
 .case_filter .min_filter {
 display: none;
 }
 .scase {
 display: none;
 }
 .xlcase {
 display: none;
 }
 .lcase {
 width: 95%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1.15rem 0;
 }
 .lcase .case_box {
 width: 100%;
 margin-left: 1%;
 }
 .lcase .case_box .type1 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .type2 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .type3 {
 width: 65%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 position: relative;
 overflow: hidden;
 }
 .lcase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }
 .lcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }
 .lcase .case_box .case_item .case_mask:hover,
 .lcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }
 .lcase .case_box .case_item .case_mask div.case_mask_bottom {
 display: block;
 width: 100%;
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }
 .lcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .lcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }
 .lcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }
 .lcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }
 .lcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }
 .lcase .case_box .case_item.last_row {
 margin-right: 0;
 }
 .lcase .case_box .case_item.last_col {
 margin-bottom: 0;
 }
 .lcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 0;
 }
 .lcase .square img {
 width: 100%;
 height: 100%;
 }
 .lcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 0;
 }
}
@media only screen and (min-width: 963px) and (max-width: 1439px) {
 .case_header {
 width: 100%;
 height: 1.65rem;
 line-height: 1.65rem;
 padding-left: 1.27rem;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 }
 .case_header1 {
 display: none;
 }
 .case_filter {
 width: 100%;
 height: 0.54rem;
 margin-bottom: 0.5rem;
 }
 .case_filter .large_filter {
 width: 8.31rem;
 max-width: 100%;
 height: 0.54rem;
 float: right;
 }
 .case_filter .large_filter .filter-btn-group {
 width: 100%;
 height: 0.15rem;
 }
 .case_filter .large_filter .filter-btn-group.lf_bottom {
 margin-top: 0.25rem;
 }
 .case_filter .large_filter .filter-btn-group ul {
 list-style: none;
 width: 100%;
 height: 0.15rem;
 margin: 0;
 padding: 0;
 }
 .case_filter .large_filter .filter-btn-group ul li {
 display: inline-block;
 float: left;
 width: 0.95rem;
 height: 0.15rem;
 line-height: 0.15rem;
 font-family: shs_normal;
 font-size: 0.1362rem;
 color: #2a2a2a;
 cursor: pointer;
 }
 .case_filter .large_filter .filter-btn-group ul li:hover {
 text-decoration: underline;
 }
 .case_filter .large_filter .filter-btn-group ul li.fc {
 text-decoration: underline;
 font-family: shs_medium;
 }
 .case_filter .min_filter {
 display: none;
 }
 .scase {
 display: none;
 }
 .xlcase {
 display: none;
 }
 .lcase {
 width: 95%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1.15rem 0;
 }
 .lcase .case_box {
 width: 100%;
 margin-left: 1%;
 }
 .lcase .case_box .type1 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .type2 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .type3 {
 width: 65%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 position: relative;
 overflow: hidden;
 }
 .lcase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }
 .lcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }
 .lcase .case_box .case_item .case_mask:hover,
 .lcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }
 .lcase .case_box .case_item .case_mask div.case_mask_bottom {
 display: block;
 width: 100%;
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }
 .lcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .lcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }
 .lcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }
 .lcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }
 .lcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }
 .lcase .case_box .case_item.last_row {
 margin-right: 0;
 }
 .lcase .case_box .case_item.last_col {
 margin-bottom: 0;
 }
 .lcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 0;
 }
 .lcase .square img {
 width: 100%;
 height: 100%;
 }
 .lcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 0;
 }
}
@media only screen and (min-width: 769px) and (max-width: 962px) {
 .case_header {
 width: 100%;
 height: 1.65rem;
 line-height: 1.65rem;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 text-align: center;
 }
 .case_header1 {
 display: none;
 }

 .case_filter {
 width: 100%;
 height: 0.54rem;
 margin-bottom: 0.5rem;
 }
 .case_filter .large_filter {
 display: none;
 }
 .case_filter .min_filter ul {
 list-style: none;
 width: 10rem;
 margin: 0 auto;
 padding: 0;
 }
 .case_filter .min_filter ul li {
 display: inline-block;
 float: left;
 width: 1.2rem;
 height: 0.15rem;
 line-height: 0.15rem;
 font-family: shs_normal;
 font-size: 0.1562rem;
 color: #2a2a2a;
 cursor: pointer;
 margin-bottom: 0.15rem;
 }
 .case_filter .min_filter ul li:hover {
 text-decoration: underline;
 }
 .case_filter .min_filter ul li.fc {
 text-decoration: underline;
 font-family: shs_medium;
 }
 .case_filter .min_filter ul li.last_row {
 margin-bottom: 0;
 }
 .scase {
 display: none;
 }
 .xlcase {
 display: none;
 }
 .lcase {
 width: 95%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1.15rem 0;
 }
 .lcase .case_box {
 width: 100%;
 margin-left: 1%;
 }
 .lcase .case_box .type1 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .type2 {
 width: 32%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .type3 {
 width: 65%;
 height: auto;
 overflow: hidden;
 margin-right: 1%;
 margin-bottom: 1%;
 }
 .lcase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 position: relative;
 overflow: hidden;
 }
 .lcase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }
 .lcase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }
 .lcase .case_box .case_item .case_mask:hover,
 .lcase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }
 .lcase .case_box .case_item .case_mask div.case_mask_bottom {
 display: block;
 width: 100%;
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }
 .lcase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .lcase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }
 .lcase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }
 .lcase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }
 .lcase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }
 .lcase .case_box .case_item.last_row {
 margin-right: 0;
 }
 .lcase .case_box .case_item.last_col {
 margin-bottom: 0;
 }
 .lcase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 0;
 }
 .lcase .square img {
 width: 100%;
 height: 100%;
 }
 .lcase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}
@media only screen and (max-width: 768px) {
 .case_header {
 display: none;
 }
 .case_header1 {
 width: 91%;
 margin: 0 auto;
 height: 1.5rem;
 line-height: 0.46rem;
 font-family: shs_medium;
 font-size: 0.2708rem;
 color: #2a2a2a;
 text-align: left;
 margin-top:90px;
 padding: 0 0.1rem;
 }
 .case_filter {
 width: 91%;
 margin: 0 auto;
 margin-bottom: 0.5rem;
 padding: 0 0.1rem;

 }
 .case_filter .large_filter {
 display: none;
 }
 .case_filter .min_filter ul {
 list-style: none;
 width: 4.8rem;
 margin: 0 auto;
 padding: 0;
 }
 .case_filter .min_filter ul li {
 display: inline-block;
 float: left;
 width: 1.15rem;
 height: 0.15rem;
 line-height: 0.15rem;
 font-family: shs_normal;
 font-size: 0.15rem;
 color: #2a2a2a;
 cursor: pointer;
 margin-bottom: 0.15rem;
 text-align:left;
 }
 .case_filter .min_filter ul li:hover {
 text-decoration: underline;
 }
 .case_filter .min_filter ul li.fc {
 text-decoration: underline;
 font-family: shs_medium;
 }
 .case_filter .min_filter ul li.last_row {
 margin-bottom: 0;
 }
 .lcase {
 display: none;
 }
 .xlcase {
 display: none;
 }
 .scase {
 width: 96%;
 margin: 0 auto;
 position: relative;
 padding: 0 0 1.15rem 0;
 }
 .scase .case_box {
 width: 100%;
 }
 .scase .case_box .type1 {
 width: 100%;
 height: auto;
 overflow: hidden;
 }
 .scase .case_box .type2 {
 width: 100%;
 height: auto;
 overflow: hidden;
 }
 .scase .case_box .type3 {
 width: 100%;
 height: auto;
 overflow: hidden;
 }
 .scase .case_box .case_item {
 display: inline-block;
 background: #cccccc;
 float: left;
 position: relative;
 margin-bottom: 0.13rem;
 overflow: hidden;
 }
 .scase .case_box .case_item img {
 position: relative;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000010;
 }
 .scase .case_box .case_item .case_mask {
 display: block;
 opacity: 0;
 filter: alpha(opacity=0);
 /* 针对 IE8 以及更早的版本 */
 position: absolute;
 z-index: 1000011;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("../images/mask_bg.png") repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;
 }
 .scase .case_box .case_item .case_mask:hover,
 .scase .case_box .case_item .case_mask:focus {
 text-decoration: none;
 }
 .scase .case_box .case_item .case_mask div.case_mask_bottom {
 position: absolute;
 z-index: 1000012;
 bottom: 0.3rem;
 left: 0;
 }
 .scase .case_box .case_item .case_mask p {
 margin: 0;
 padding: 0 0 0 0.26rem;
 color: #fff;
 }
 .scase .case_box .case_item .case_mask p.case_title {
 font-family: shs_normal;
 font-weight: bold;
 font-size: 0.1667rem;
 color: #fff;
 }
 .scase .case_box .case_item .case_mask p.case_intro {
 font-family: shs_normal;
 font-size: 0.2083rem;
 color: #fff;
 margin-bottom: 0.15rem;
 }
 .scase .case_box .case_item .case_mask p.case_category {
 font-family: shs_normal;
 font-size: 0.1344rem;
 color: #fff;
 }
 .scase .case_box .case_item .case_mask p.case_line {
 margin-left: 0.26rem;
 display: inline-block;
 width: 0.1rem;
 padding-left: 0 !important;
 height: 0.02rem;
 background: #99a5d2;
 margin-bottom: 0.16rem;
 }
 .scase .case_box .case_item.last {
 margin-bottom: 0;
 }
 .scase .square {
 position: absolute;
 display: inline-block;
 width: 0.51rem;
 height: 0.51rem;
 bottom: 0;
 left: 50%;
 margin-left: -0.255rem;
 z-index: 1000011;
 }
 .scase .square img {
 width: 100%;
 height: 100%;
 }
 .scase .mplus {
 position: absolute;
 width: 0.30rem;
 height: 0.29rem;
 bottom: 0.12rem;
 left: 50%;
 margin-left: -0.14rem;
 z-index: 1000010;
 }
}