.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;font-size:1rem;}
.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;font-size: 1rem;}
.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;}

/*pro_tit*/
.list_pronav{display: inline-block;width: 100%;}
.list_pronav .left{float: left;background: url(../images/pro_tits.png) no-repeat 3%;padding-left: 5rem;}
.list_pronav .left h2{font-size:1.6rem;}
.list_pronav .left p{color: #666;margin-top:0.4rem;font-size:1rem;}
.list_pronav .right{float: right;margin-top:1.2rem;}
.list_pronav .right span{
    background: linear-gradient(to right,#f20d01 ,#ff461f);
    color: #fff;
    padding: 0.5rem 1.5rem;
    margin: 0 0.5rem;
    border-radius: 1.5rem;
    cursor: pointer;
}

.pro_pros{background: #F5F5F5;border-radius: 4rem;padding: 2rem ;}
.pro_pros .pro_lists {
 	display: inline-block;width: 100%;
}
.pro_pros .pro_lists li {
	float: left;
	width: 21%;
	margin-left: 1%;
	margin-right:  1%;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 1rem;
	padding: 0.5% 1%;
	background: #fff;
	margin-top: 6rem;
	position: relative;
	z-index: 1;
}
.pro_pros .pro_lists li:before {
    content: "";
    border: 1px dashed #67b4da;
    border-radius: 10px;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    z-index: -1;
}
.pro_pros .pro_pics {
	width: 100%;
	display: block;
	position: relative;
}
.pro_pros .pro_pics img {
	max-width:100%;
	display: block;
	position: relative;
	border-radius: 1rem;
	width: 100%;
	margin-top: -4rem;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-ms-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}
.pro_pros .pro_pics:hover img {
	transform: scale(1.08);
}
.pro_pros .pro_txts {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align:center;
	margin:1rem;
}
.pro_pros .pro_txts a {
	font-size: 1.1rem;
	color: #333;
	font-weight: 500;
	display: block;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.my_pages{text-align:center;}


@media screen and (max-width:1400px){
	.pro_ly .tits h1{font-size:1.8rem;}
}
@media screen and (max-width:1200px){
	.pro_ly .tits h1{font-size:1.6rem;}
	.list_pronav .left h2{font-size: 1.4rem;}
	.pro_pros .pro_txts a{font-size: 1rem;}
	.pro_ly .tits p,.pro_ly .titsp ul li select,.pro_ly .titsp ul li input,.titsp .right span,.titsp .right input,.list_pronav .left p,.list_pronav .right span{font-size:0.9rem;}
}
@media screen and (max-width:999px){
	.titsp .right span{display: none;}
	.pro_ly .tits h1{font-size:1.4rem;}
	.list_pronav .left h2{font-size: 1.2rem;}
	.pro_pros .pro_txts a{font-size: 0.9rem;}
	.pro_ly .tits p,.pro_ly .titsp ul li select,.pro_ly .titsp ul li input,.titsp .right span,.titsp .right input,.list_pronav .left p,.list_pronav .right span{font-size:0.85rem;}
}

@media screen and (max-width:768px){
	.list_pronav{padding: 1rem 0;}
	.index_probj{background:#fff;}
	.pro_ly,.list_pronav .left p{display: none;}
	.list_pronav .left{padding-left:12%;background-size: 18%; }
	.list_pronav .right{margin: 0;}
	.pro_pros .pro_lists li{width:46%;margin-top:5rem;}
	.pro_pros .pro_txts{background:url(../images/pro_list_bg.png) no-repeat bottom center;border-radius:1rem;padding:0.5rem;margin:0;}
	.pro_pros .pro_txts a{font-size:1rem;}
	.pro_pros{background: #fff;border-radius: 0;padding: 0;}
	.pro_pros .pro_lists li:before{border:0;}
}
@media screen and (max-width:650px){

}