@charset "utf-8";
/* CSS Document */
.pro01 { margin:0px 0 60px}
.pro01 h3{ width:100%; float:left; overflow:hidden; text-align:center; line-height:40px; font-size:35px; color:#333; margin-bottom:40px}
.pro01 h5{ width:100%; float:left; overflow:hidden; text-align:center; line-height:35px; font-size:16px; color:#666; text-align:center; padding:0 10%; box-sizing:border-box; font-weight:normal}

.pro02{ margin-bottom:100px}
.pro02 ul{ width:100%; float:left; overflow:hidden;}
.pro02 ul dl{ width:30%; float:left; overflow:hidden; margin-right:4%; margin-bottom:70px;display:flex}
.pro02 ul dl:first-child,.pro02 ul dl:nth-child(4){ margin-left:1%;}
.pro02 ul dl:nth-child(3n){ margin-right:1%}
.pro02 ul dl a{ display:block; width:100%; float:left; overflow:hidden; background:#f9f9f9; border-radius:10px; padding:50px 40px; box-sizing:border-box; }
.pro02 ul dl dd{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:15px}
.pro02 ul dl dd img{ box-shadow:0 0 15px #d5d5d5; margin:15px; border-radius:10px; }
.pro02 ul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:18px; color:#333}
.pro02 ul dl a:hover{ background:rgba(234,69,35,.04)}
.pro02 ul dl a:hover dt{ color:#ea4523}



/******** 手机版 ********/
@media (max-width:767px){
	
	
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.pro01 { margin:0px 0 40px}
.pro01 h3{line-height:30px; font-size:25px;margin-bottom:30px}
.pro01 h5{ padding:0 1%; line-height:24px; font-size:14px;  }
.pro02{ margin-bottom:40px}

.pro02 ul dl{ width:30%;  margin-right:4%; margin-bottom:40px;}
.pro02 ul dl:first-child,.pro02 ul dl:nth-child(4){ margin-left:1%;}
.pro02 ul dl:nth-child(3n){ margin-right:1%}
.pro02 ul dl a{  padding:50px 40px;}
.pro02 ul dl dd{ margin-bottom:15px}
.pro02 ul dl dd img{  margin:15px; border-radius:10px; width:50%;}
.pro02 ul dl dt{ line-height:30px; font-size:17px;}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.pro01 { margin:0px 0 60px}
.pro01 h3{line-height:30px; font-size:25px;margin-bottom:30px}
.pro01 h5{ padding:0 5%; line-height:26px; font-size:14px;  }
.pro02{ margin-bottom:40px}

.pro02 ul dl{ width:30%;  margin-right:4%; margin-bottom:50px;}
.pro02 ul dl:first-child,.pro02 ul dl:nth-child(4){ margin-left:1%;}
.pro02 ul dl:nth-child(3n){ margin-right:1%}
.pro02 ul dl a{  padding:50px 40px;}
.pro02 ul dl dd{ margin-bottom:15px}
.pro02 ul dl dd img{  margin:15px; border-radius:10px; width:50%;}
.pro02 ul dl dt{ line-height:30px; font-size:17px;}



}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.pro01 { margin:0px 0 50px;}
.pro01 h3{line-height:35px; font-size:30px;margin-bottom:20px}
.pro01 h5{ padding:0 5%; line-height:28px; font-size:15px;  }
.pro02{ margin-bottom:50px}

.pro02 ul dl{ width:30%;  margin-right:4%; margin-bottom:60px;}
.pro02 ul dl:first-child,.pro02 ul dl:nth-child(4){ margin-left:1%;}
.pro02 ul dl:nth-child(3n){ margin-right:1%}
.pro02 ul dl a{  padding:50px 40px;}
.pro02 ul dl dd{ margin-bottom:15px}
.pro02 ul dl dd img{  margin:15px; border-radius:10px; }
.pro02 ul dl dt{ line-height:30px; font-size:18px;}




}

/******** 1400px ********/
@media (min-width:1440px){
	
}