@charset "utf-8";
/* CSS Document */
.part_2{ background-color: #e6e6e6; padding: 0.9rem 0rem;}
.solve_list{ margin-top:32px; margin-bottom: 51px;}
.solve_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
align-items: stretch;}
.solve_list ul li{ background-color: #fff; border: 1px #c6c6c6 solid;}
.solve_list ul li a{ display: block; padding: 30px 20px;}
.solve_list ul li a .icon{width: 200px;height: 100px;/* border-radius: 50%; */overflow: hidden;margin: 0px auto 23px;}
.solve_list ul li a .icon img{ width: 100%; height:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.solve_list ul li a .icon:hover img{transform:scale(1.07);-webkit-transform:scale(1.07);}
.solve_list ul li a .title{ font-size: 16px; margin-bottom: 13px;}
.solve_list ul li a .desc{color: #666; min-height: 120px; margin-bottom: 12px; line-height: 1.5;}
.solve_list ul li a .cont .cname{ font-size: 16px; margin-bottom: 10px;}
.solve_list ul li a .lab{color: #666;}
.solve_list ul li a:hover .title{ color: #00a1e6;}

.in_list{ margin-top: 32px;}
.in_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
align-items: stretch;}
.in_list ul li{ background-color: #fff; border: 1px #c6c6c6 solid;}
.in_list ul li a{ display: block; }
.in_list ul li a .icon{ position:relative; display:block; padding-top:71.3%; width:100%; overflow:hidden; }
.in_list ul li a .icon img{ width: 100%; height:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s; position: absolute; left: 0px; top: 0px;}
.in_list ul li a .icon:hover img{transform:scale(1.07);-webkit-transform:scale(1.05);}
.in_list ul li a .title{ font-size: 16px; margin-bottom: 13px;}
.in_list ul li a .desc{color: #666; line-height: 1.5;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.in_list ul li a .content{ padding: 29px 21px 40px;}
.in_list ul li a:hover .title{ color: #00a1e6;}

@media (max-width:758px){
.solve_list ul{
	grid-template-columns: repeat(1, 1fr);gap: 20px;}
.in_list ul{
	grid-template-columns: repeat(1, 1fr);gap: 20px;}
}