/* 场景式服务样式 */
.cjfw { width: 100%; background: #fff url(/uiFramework/commonResource/image/2022121317580374100.jpg) no-repeat top center; padding-top: 60px; padding-bottom: 90px; }
.cjfw_tit { text-align: center; margin-bottom: 50px; }
.cjfw_con { width: 1200px; margin: 0 auto; background: #fff; background: rgba(255,255,255,.35); border-radius: 10px; }
.cjfw_list { overflow: hidden; }
.cjfw_list li { width: 20%; float: left; }
.cjfw_list li a { display: block; text-align: center; padding: 80px 0; }
.cjfw_list li .img { width: 138px; height: 138px; background: #fff; border-radius: 50%; margin: 0 auto 70px; transform: scale(1, 1); transition: all 500ms ease-in-out; }
.cjfw_list li .img img { margin-top: 26px; }
.cjfw_list li .tit { font-size: 30px; color: #0053a6; font-family: "微软雅黑"; margin-bottom: 70px; }
.cjfw_list li .more { display: none; }
.cjfw_list li:hover .img { transform: scale(1.2, 1.2); }
.cjfw_list li:hover .more { display: block; }

/* 响应式代码 */
@media screen and (max-width: 1200px) {
	.cjfw { background-size: cover; }
	.cjfw_tit, .cjfw_con { width: 92vw; }
	.cjfw_tit { margin: 0 auto 50px; }
	.cjfw_tit img { height: 60px; }
	.cjfw_list li a { padding: 40px 0; }
	.cjfw_list li .img { width: 12vw; height: 12vw; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
	.cjfw_list li .img img { width: 50%; margin-top: 0; }
	.cjfw_list li .tit { font-size: 18px; margin-bottom: 20px; }
	.cjfw_list li .more img { width: 22px; }
}
@media screen and (max-width: 1024px) {
	.cjfw_list li { -width: 50%; }
}
@media screen and (max-width: 768px) {
	.cjfw { padding: 40px 0; }
	.cjfw_tit { margin-bottom: 30px; }
	.cjfw_tit img { height: auto; width: 80%; }
	.cjfw_list li { width: 50%; -float: none; box-sizing: border-box; padding: 0 20px; }
	.cjfw_list li a { display: flex; justify-content: center; align-items: center; padding: 10px 0; }
	.cjfw_list li .img { margin: 0; }
	.cjfw_list li .tit { margin: 0 20px; }
	.cjfw_list li:hover .img { transform: scale(1, 1); }
	.cjfw_list li .more { display: block; opacity: 0; }
	.cjfw_list li:hover .more { opacity: 1; }
}
@media screen and (max-width: 480px) {
	.cjfw_list li { width: 100%; float: none; }
}