.case{margin-top:99px;}
.common{height: 285px;text-align: center;cursor: pointer;position: relative;background-position: center;}
.red{width: 100%;height: 100%;position:absolute;z-index: 1;background-color: rgba(132,132,132,0.4);top: 0;left: 0;opacity: 0;transition: all 0.5s ease; }
.common .box{position: absolute;z-index: 2;top: 50%;margin-top: -55px;left: 50%;margin-left: -55px;}
.common .box p{margin-bottom: 0px;}
.common p:nth-of-type(1),.common p:nth-of-type(2){font-size: 18px;color: #595758;}
.common p:nth-of-type(3){font-size: 12px;color: #a0a0a0;}
.common p:nth-of-type(4){border-top: 1px solid #a0a0a0;width: 70px;margin: 5px auto 0 auto;}
.common p:nth-of-type(5){width: 15px;height: 15px;margin: 10px auto 0 auto;background: url(../images/low.png);}
.common:hover .red{opacity: 1;}
.common:hover .box p{color: #fff;}
.common:hover p:nth-of-type(4){border-top: 1px solid #fff;}
.common:hover p:nth-of-type(5){background-position-y:15px; }
.case .s_box{display: none;}
.case .s_box >div{width: 25%;float: left;}
.case .s_box div a{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.case .s_box div a img{	transition: all 0.5s ease;}
.case .s_box div a:hover img{transform: scale(1.2,1.2);}
.case .s_box div img{width: 100%;display: block;}
.case .s_box div:hover .zz{opacity: 1;}
.case_1{background-image: url(../images/case_1.jpg);}
.case_2{background-image: url(../images/case_2.jpg);}
.case_3{background-image: url(../images/case_3.jpg);}
.case_4{background-image: url(../images/case_4.jpg);}
.case_5{background-image: url(../images/case_5.jpg);}
.case_6{background-image: url(../images/case_6.jpg);}
.mainhead{margin-top: 110px;text-align: center;font-size: 26px;color: #434343;padding: 40px 0;border-bottom: 1px #949494 solid;}
.mainhead p:nth-of-type(2){font-size: 14px;margin-top: 10px;}
.main{width: 960px;margin: 0 auto;padding: 40px 0;font-size: 14px;line-height: 30px;text-align: justify;color: #656565;}
.main img{width: 100%;}
.main .next{margin-top: 100px;}
.main .next a{color: #3c3c3c;}
.main .next a:nth-of-type(2){float: right;}
.main .next a:hover{color: #e30013;}
.main .return{text-align: right;margin-top: 100px;}
.main .return a{display: inline-block;padding: 5px 40px;border:2px solid #e50012; color: #e50012;border-radius: 10px; }
.main .return a:hover{background-color:#e50012;color: #fff;transition: all ease 0.5s; }
@media(max-width: 800px){
	.case{margin-top: 95px;}
	.main{width: 700px;}
	.mainhead p:nth-of-type(1){width: 90%;margin: 0 auto;}
}
@media(max-width: 480px){
	.case{margin-top: 75px;}
	.case .s_box div{width: 49.5%;padding-top: 0;}
	.common p:nth-of-type(1), .common p:nth-of-type(2){font-size: 18px;color: #fff;}
	.common p:nth-of-type(3){color: #fff;}
	.common p:nth-of-type(4){border-top: 1px solid #fff;}
	.common p:nth-of-type(5){background-position-y:15px !important; }
	.red{opacity: 1 !important;background-color: rgba(132,132,132,0.4);}
	.case_1{background-position: 40% 0;}
	.case_2{background-position: 60% 0;}
	.case_3{background-position: 40% 0;}
	.case_4{background-position: 60% 0;}
	.case_5{background-position: 37% 0;}
	.main{width: 90%;}
	.mainhead{margin-top: 80px;font-size: 20px;}
	.main .next a{display: block;}
	.main .next a:nth-of-type(2){float:none;}
}