@charset "utf-8";
/* CSS Document */

.pro_01 .ty02{ display: flex; flex-wrap:wrap}
.pro_01 dl{ width:22.75%; margin-right:3%; float:left; overflow:hidden; margin-bottom:30px; border:1px solid #f5f6f9; padding:30px; box-sizing:border-box}
.pro_01 dl:nth-of-type(4n){ margin-right:0}

.pro_01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:20px; color:#333; font-weight:bold; direction: rtl;}
.pro_01 dl dt a:hover{ color:#125db2; text-decoration:underline}
.pro_01 dl dd{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:16px; color:#666; margin-bottom:20px}
.pro_01 dl dd img{ width:100%; float:left; overflow:hidden}
.pro_01 dl:hover{ border:1px solid rgba(236,108,0,.25)}
.pro_01 dl:hover dt{ color:#ec6c00}




@media (max-width:767px){
.pro_01 dl{ width:48.5%; margin-right:0; margin-bottom:10px; padding:8px;}
.pro_01 dl:nth-of-type(2n+1){ margin-right:3%}
.pro_01 dl dd{ line-height:20px; font-size:12px; margin-bottom:10px}
.pro_01 dl dt{line-height:20px; font-size:11px; height:20px }
.pro_19 .ty02 dl:nth-child(-n+2){ width:100%; margin-right:0 }
}


/******** 1400px ********/
@media (min-width:768px){
	
	
.pro_19 .ty02 dl:nth-child(-n+2){ width:48.5%; }
.pro_19 .ty02 dl:nth-child(2){ margin-right:0}
.pro_19 dl:nth-of-type(4n){margin-right:3%;}
.pro_19 dl:nth-of-type(6),.pro_19 dl:nth-of-type(10),.pro_19 dl:nth-of-type(14),.pro_19 dl:nth-of-type(18){margin-right:0; }


}