/* 浜у搧涓庢湇鍔 */
.cpyfw_list { overflow: hidden; padding-top: 58px; padding-bottom: 35px; }
.cpyfw_ul { width: 110%; overflow:hidden;}
.cpyfw_ul li { width: 370px; height: 310px; float: left;margin-right: 45px; margin-bottom:45px;}
.cpyfw_ul li a,.cpyfw_ul li span,.cpyfw_ul li font{display: block;}
.cpyfw_ul li a.TitImg{width: 370px; height: 250px; object-fit: cover; overflow:hidden;}
.cpyfw_ul li a.TitImg img{width:100%;height:100%;object-fit:cover;-border-radius:5px;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s; }
.cpyfw_ul li a.TitImg:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.cpyfw_ul li a.TitCon span{height: 40px; line-height: 40px; margin:25px 0; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 24px; color: #333; font-weight: bold;}
.cpyfw_ul li a.TitCon span img{height: 27px; margin-right:20px;}
.cpyfw_ul li a.TitCon font{font-size: 16px; color: #888; line-height: 30px;}

/* 淇℃伅鍏紑 */
.xxgk_list { overflow: hidden; padding-top: 22px; padding-bottom: 85px; }
.xxgk_ul { width: 110%; }
.xxgk_ul li { width: 498px; height: 93px; padding: 30px 40px; float: left; border: 1px solid #1961ad; margin-top: 40px; margin-right: 40px; background: url(/web/uiFramework/commonResource/image/2021010615024114087.png) no-repeat right bottom; }
.xxgk_ul li span { display: inline-block; float: left; }
.xxgk_ul li span.img { width: 98px; height: 98px; border-radius: 49px; background: #1961ad; margin-right: 32px; }
.xxgk_ul li span img { margin-left: 21px; margin-top: 21px; }
.xxgk_ul li span img.hov { display: none; }
.xxgk_ul li span.txt { line-height: 80px; font-size: 30px; color: #333; margin-top: 9px; position: relative; }
.xxgk_ul li span.txt i { display: inline-block; width: 75px; height: 1px; background: #333; opacity: 0.3; filter: alpha(opacity=30); position: absolute; bottom: 0; left: 0; }
.xxgk_ul li:hover { background-color: #1961ad; background-image: url(/web/uiFramework/commonResource/image/2021010615025030110.png); }
.xxgk_ul li:hover .img { background-color: #fff; }
.xxgk_ul li:hover img { -webkit-animation: move 300ms ease-in 1; -o-animation: move 300ms ease-in 1; animation: move 300ms ease-in 1; }
.xxgk_ul li:hover img.hov { display: inline-block; }
.xxgk_ul li:hover img.nor { display: none; }
.xxgk_ul li:hover span.txt { color: #fff; }
.xxgk_ul li:hover span.txt i { opacity: 1; filter: alpha(opacity=100); background-color: #fff; }

/* 鍔ㄧ敾浠ｇ爜 */
@keyframes move {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(15deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-15deg); }
	100% { transform: rotate(0deg); }
}
@-webkit-keyframes move {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(15deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(-15deg); }
	100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes move {
	0% { -moz-transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); }
	50% { -moz-transform: rotate(0deg); }
	75% { -moz-transform: rotate(-15deg); }
	100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes move {
	0% { -o-transform: rotate(0deg); }
	25% { -o-transform: rotate(15deg); }
	50% { -o-transform: rotate(0deg); }
	75% { -o-transform: rotate(-15deg); }
	100% { -o-transform: rotate(0deg); }
}

/* 鍝嶅簲寮忎唬鐮 */
@media screen and (max-width:1199px){
	/* 淇℃伅鍏紑 */
	.xxgk_ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.xxgk_ul li { box-sizing: border-box; width: 48%; height: 153px; margin-right: 0; }
	/*浜у搧涓庢湇鍔?/
	.cpyfw_ul{width: 100%;}
	.cpyfw_ul li{width: 31.33%; margin:0 1% 20px; overflow:hidden;}
	.cpyfw_ul li a.TitImg{width: 100%;}
}
@media screen and (max-width:1024px){
	/* 淇℃伅鍏紑 */
	.xxgk_ul li { height: auto; padding: 20px; }
}
@media screen and (max-width:767px){
	/* 淇℃伅鍏紑 */
	.xxgk_list { padding-top: 0; padding-bottom: 4vw; }
	.xxgk_ul li { width: 48%; margin-top: 4vw; background-size: auto 80%; }
	.xxgk_ul li span.img { width: 12vw; height: 12vw; border-radius: 50%; margin-right: 10px; display: flex; justify-content: center; align-items: center; }
	.xxgk_ul li span img { margin: 0; height: 6vw; }
	.xxgk_ul li span.txt { line-height: 8vw; font-size: 20px; margin-top: 2vw; }
	/*浜у搧涓庢湇鍔?/
	.cpyfw_ul li{width: 46%; margin:0 2% 20px; }
        .cpyfw_list{padding:4vw 0;}
}
@media screen and (max-width:500px){
	/* 淇℃伅鍏紑 */
	.xxgk_ul li { padding: 10px; }
	.xxgk_ul li span.txt { font-size: 16px; }
	.xxgk_ul li span.txt i { width: 50%; }
	/*浜у搧涓庢湇鍔?/
	.cpyfw_ul li{width: 100%; margin:0 0 20px; height: auto;}
	.cpyfw_ul li a.TitCon span{font-size: 20px; margin:10px 0;}
	.cpyfw_ul li a.TitCon span img{margin-right:10px;}
}