/* =====================案例导航列表页样式======================== */

.casesort{}
.casesort ul{}
.casesort ul li{
	position: relative;
	overflow: hidden;
}
.casesort ul li a{}
.casesort ul li a .pic{}
.casesort ul li a .pic>img{
	width: 100%;
}
.casesort ul li a .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0,.45);
	text-align: center;
	z-index: 2;
}
.casesort ul li a .mask .info{
	position: absolute;
	left: 0;
	top: 46%;
	width: 100%;
	height: 100%;
}
.casesort ul li a .mask img{
	display: inline-block;
	width: auto;
	z-index: 3;
}
.casesort ul li a .mask img.pc_show{
	display: inline-block !important;
}
.casesort ul li a .mask p{
	font-size: 28px;
	color: white;
	font-family: "OP-JH";
	margin-top: 0.45rem;
	z-index: 3;
}
.casesort ul li a .mask p span{
	display: inline-block;
	color: #cb0012;
}

/* =====================案例列表页样式======================== */

.caselist{
	padding-bottom: 0.9rem;
}

.case_tit{
	font-size: 28px;
	line-height: 34px;
	color: #1a1a1a;
	font-family: "OP-JH";
	padding: 0.9rem 0;
	text-align: center;
}
.case_tit span{
	display: inline-block;
	color: #cb0012;
}

.caselist ul{}
.caselist ul.hidden2{
	padding: 0;
}

.caselist ul li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 0.8rem;
}
.caselist ul li:nth-child(2n){
	margin-right: 0;
}
.caselist ul li a{}
.caselist ul li a .pic{}
.caselist ul li a .pic img{}
.caselist ul li a p{
	font-size: 16px;
	padding: 0.2rem 0 0;
	font-family: "OP-JH";
	color: #000000;
	text-align: center;
}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:768px) {
    /* 移动终端以上 360 适配 */
}
@media all and (max-width:640px) {
}
@media all and (max-width:420px) {
}
@media all and (max-width:376px) {
}