@charset "utf-8";

.ctitle {
	height: 120px;
	width: 1200px;
	margin: auto auto;
	background: #e3e7eb;
	padding: 10px 0 10px 0;
}

.icon_items {
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	height: 950px;
	margin: 0 auto;
	background-color: #f2f2f2;
	margin-bottom: 30px;
}

.icon_items a .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 150px;
	border: 1px solid #fff;
	border-radius: 20px;
	background-color: #fff;
}

.icon_items a .box:hover {
	border: 1px solid #CFD1D3;
}

.icon_items a {
	margin: 30px 18px 0 18px;
}

.icon_items a .box .icon1 {
	width: 46px;
	height: 50px;
	background: url(../images/ic1.png) no-repeat -24px -44px;
}

.icon_items a .box .icon1:hover {
	background: url(../images/ic2.png) no-repeat -24px -44px;
}

.icon_items a .box .icon2 {
	width: 60px;
	height: 42px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -93px -52px;
}

.icon_items a .box .icon2:hover {
	background: url(../images/ic2.png) no-repeat -93px -52px;
}

.icon_items a .box .icon3 {
	width: 52px;
	height: 50px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -174px -44px;
}

.icon_items a .box .icon3:hover {
	background: url(../images/ic2.png) no-repeat -174px -44px;
}

.icon_items a .box .icon4 {
	width: 49px;
	height: 49px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -242px -46px;
}

.icon_items a .box .icon4:hover {
	background: url(../images/ic2.png) no-repeat -242px -46px;
}

.icon_items a .box .icon5 {
	width: 51px;
	height: 45px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -313px -46px;
}

.icon_items a .box .icon5:hover {
	background: url(../images/ic2.png) no-repeat -313px -46px;
}

.icon_items a .box .icon6 {
	width: 52px;
	height: 51px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -26px -110px;
}

.icon_items a .box .icon6:hover {
	background: url(../images/ic2.png) no-repeat -26px -110px;
}

.icon_items a .box .icon7 {
	width: 42px;
	height: 53px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -114px -113px;
}

.icon_items a .box .icon7:hover {
	background: url(../images/ic2.png) no-repeat -114px -113px;
}

.icon_items a .box .icon8 {
	width: 43px;
	height: 50px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -177px -110px;
}

.icon_items a .box .icon8:hover {
	background: url(../images/ic2.png) no-repeat -177px -110px;
}

.icon_items a .box .icon9 {
	width: 52px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -245px -109px;
}

.icon_items a .box .icon9:hover {
	background: url(../images/ic2.png) no-repeat -245px -109px;
}

.icon_items a .box .icon10 {
	width: 49px;
	height: 49px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -318px -109px;
}

.icon_items a .box .icon10:hover {
	background: url(../images/ic2.png) no-repeat -318px -109px;
}

.icon_items a .box .icon11 {
	width: 45px;
	height: 54px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -24px -179px;
}

.icon_items a .box .icon11:hover {
	background: url(../images/ic2.png) no-repeat -24px -179px;
}

.icon_items a .box .icon12 {
	width: 52px;
	height: 48px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -104px -183px;
}

.icon_items a .box .icon12:hover {
	background: url(../images/ic2.png) no-repeat -104px -183px;
}

.icon_items a .box .icon13 {
	width: 54px;
	height: 51px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -177px -180px;
}

.icon_items a .box .icon13:hover {
	background: url(../images/ic2.png) no-repeat -177px -180px;
}

.icon_items a .box .icon14 {
	width: 46px;
	height: 42px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -252px -182px;
}

.icon_items a .box .icon14:hover {
	background: url(../images/ic2.png) no-repeat -252px -182px;
}

.icon_items a .box .icon15 {
	width: 52px;
	height: 45px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -318px -180px;
}

.icon_items a .box .icon15:hover {
	background: url(../images/ic2.png) no-repeat -318px -180px;
}

.icon_items a .box .icon16 {
	width: 50px;
	height: 47px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -19px -253px;
}

.icon_items a .box .icon16:hover {
	background: url(../images/ic2.png) no-repeat -19px -253px;
}

.icon_items a .box .icon17 {
	width: 56px;
	height: 42px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -99px -248px;
}

.icon_items a .box .icon17:hover {
	background: url(../images/ic2.png) no-repeat -99px -248px;
}

.icon_items a .box .icon18 {
	width: 43px;
	height: 48px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -196px -242px;
}

.icon_items a .box .icon18:hover {
	background: url(../images/ic2.png) no-repeat -196px -242px;
}

.icon_items a .box .icon19 {
	width: 42px;
	height: 50px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -258px -240px;
}

.icon_items a .box .icon19:hover {
	background: url(../images/ic2.png) no-repeat -258px -240px;
}

.icon_items a .box .icon20 {
	width: 43px;
	height: 51px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -335px -243px;
}

.icon_items a .box .icon20:hover {
	background: url(../images/ic2.png) no-repeat -335px -243px;
}

.icon_items a .box .icon21 {
	width: 50px;
	height: 51px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -24px -326px;
}

.icon_items a .box .icon21:hover {
	background: url(../images/ic2.png) no-repeat -24px -326px;
}

.icon_items a .box .icon22 {
	width: 44px;
	height: 54px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -102px -323px;
}

.icon_items a .box .icon22:hover {
	background: url(../images/ic2.png) no-repeat -102px -323px;
}

.icon_items a .box .icon23 {
	width: 62px;
	height: 49px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -174px -327px;
}

.icon_items a .box .icon23:hover {
	background: url(../images/ic2.png) no-repeat -174px -327px;
}

.icon_items a .box .icon24 {
	width: 49px;
	height: 48px;
	margin-top: 10px;
	background: url(../images/ic1.png) no-repeat -258px -323px;
}

.icon_items a .box .icon24:hover {
	background: url(../images/ic2.png) no-repeat -258px -323px;
}

.icon_items a .box span {
	display: block;
	font-size: 18px;
	color: #888;
	margin-top: 10px;


}

.icon_items a .box span:hover {
	color: #333;
}