.index_probj{background: url(../images/index_probj.jpg) no-repeat;}

.pro_ly{padding:2rem;}
.pro_ly .tits{text-align: center;margin-bottom:1rem;}
.pro_ly .tits h1{margin-bottom: 1rem;color: #fff;font-size:2rem;}
.pro_ly .tits p{color: #fff;}
.pro_ly .titsp{margin:1rem;display: inline-block;width: 100%;}
.pro_ly .titsp ul li{float: left;width: 33%;}
.pro_ly .titsp ul li select,.pro_ly .titsp ul li input{padding: 0.6rem 1rem;font-size:1rem;border:1px solid #aeaeae;background: #56595d;color: #fff;border-radius: 0.5rem;}
.pro_ly .titsp ul li select{width: 90%;}
.pro_ly .titsp ul li input{width: 80%;}

.titsp .left{float: left;width: 60%;}
.titsp .right{float: right;width: 40%;}
.titsp .right span{margin: 0 1rem;color: #fff;}
.titsp .right input{background:linear-gradient(110deg,rgb(200, 0, 0),rgb(250, 71, 71));color: #fff;padding: 0.4rem 2.5rem;border-radius: 1rem;font-size: 1rem;cursor:pointer;}

/*case*/
.case_topr{float: right;width: 72%;}
.case_topr li{float: left;width: 48%;margin: 0 1%;text-align: center;background: #fff;box-shadow: 0 2px 15px rgba(0,0,0,0.2);}
.case_topr li img{max-width: 100%;}
.case_topr li h3{padding: 1rem 0;}
.case_topr li a{}


.abcs {position: absolute;right:15px;bottom: 25px;width: 100px;height: 20px;z-index: 9999;}
.case_indexz{}
.case_indexu{display:inline-block;padding:2%;}
.case_indexu li{float: left;width: 31%;margin:1%;background: #f7f9ff;transition:all .3s ease;box-shadow:0 5px 15px #c4c5ca;}
.case_indexu li:hover {background:#f7f9ff;border-radius:1rem;box-shadow:0 5px 15px #c4c5ca;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
.case_indexu li div{padding: 4%;position:relative;}
.case_indexu li img{max-width: 100%;height:256px;}
.case_indexu li h3{font-size: 1.2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_indexu li p{line-height: 36px;font-size: 1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.case_xx {
	position: absolute;
	right: 18px;
	bottom: 10px;
	background: #fff;
	box-shadow: 2px 3px 14px rgba(213, 74, 74, 0.38) inset;
	border-radius: 50%;
	font-style: normal;
	font-size: 1rem;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #c9221e;
}

.case_index{display: inline-block;}
.case_index img{max-width: 100%;}
.case_index li {
	width: 30.5%;
	margin: 1rem;
	border-bottom: 2px solid #f4f4f4;
	float: left;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(20,40,66,.2);
}

@media screen and (max-width:999px){
	.case_indexu li .case_xx{display: none;}
}
@media screen and (max-width:768px){
	.index_probj{background:#fff;}
	.pro_ly{display: none;}
	.pro_pros .pro_lists li{width:48%;margin-bottom:1rem;}
	.pro_pros .pro_txts{background:url(../images/pro_list_bg.png) no-repeat bottom center;}
	.pro_pros .pro_txts a{font-size:1rem;font-weight:500;}
	.pro_pros .pro_tit .tit_cer h2{font-size:1.4rem;}
	.pro_pros .pro_tit strong{display:none;}
	.case_indexu{padding:0;}
	.case_indexu li{width:48%;}	
	.case_indexu li h3{font-size: 1rem;}
	.case_indexu li p{font-size: 0.85rem;line-height: 1.8;}
}
@media screen and (max-width:650px){
	.case_indexu li img{height: auto !important;}
}