@charset 'utf-8';
.classification{float: left; width: 226px;}
.classification h2{font-size: 22px; font-weight: bold;   margin-bottom: 30px;   text-transform: uppercase;}
.classification ul li{border: 1px solid #eee; border-left: none; border-right: none; padding: 10px 0;}
.services_page{padding: 50px 0;}
.services_page .services_list{float: right; width: calc(100% - 256px) ;}
.services_page .services_list .list{width: 32%; float: left; margin: 0 2% 30px 0;}
.services_page .services_list .list:nth-child(3n){margin-right: 0;}
.services_page .services_list .list .picture{overflow: hidden;}
.services_page .services_list .list .picture img{width: 100%; height: auto; transition: all 0.5s;}
.services_page .services_list .list:hover .picture img{transform: scale(1.1);}
.services_page .services_list .list .content{padding: 20px; background: #f6f6f6; transition: all 0.3s;}
.services_page .services_list .list:hover .content{background: #3d005e;}
.services_page .services_list .list .content .title a{display: block; font-size: 18px; font-weight: bold; color: #001b46; }
.services_page .services_list .list .content .text{margin-top: 10px;}
.services_page .services_list .list .content .text a{line-height: 24px; height: 48px; color: #444; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.services_page .services_list .list .content .button{margin-top: 10px;}
.services_page .services_list .list .content .button a{display: inline-block;font-size: 14px;line-height: 25px;padding: 9px 30px;color: #000;border: solid #333 1px;border-radius: 5px;}
.services_page .services_list .list:hover .content .title a{color: #fff;}
.services_page .services_list .list:hover .content .text a{color: #fff;}
.services_page .services_list .list:hover .content .button a{color: #fff; border-color: #fff;}


@media (max-width: 960px) {
	.services_page .classification{width: 92%; margin: 0 4%;  float: none;}
	.services_page .services_list{width: 92%; margin: 40px 4%; float: none;}
	.services_page{padding: 30px 15px;}
	.services_page .services_list .list{width: 100%;}
	.services_page .services_list .list:nth-child(2n){margin-right: 0;}
	.services_page .services_list .list .content{padding: 10px;}
	.services_page .services_list .list .content .title a{font-size: 16px;}
}