.cpyy {
	position: relative;
	margin-top: 116px
}

.cpyy .left-menus {
	float: left;
	width: 370px;
	box-shadow: 0 0 10px 1px #ccc
}

.cpyy .left-menus .menu-header {
	position: relative;
	height: 54px;
	color: #fff;
	background: #1e4398;
	line-height: 54px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 25px
}

.cpyy .left-menus .menu-header::before {
	content: "";
	width: 10px;
	background: #f8b62b;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0
}

.cpyy .left-menus .menus .menu-item {
	position: relative
}

.cpyy .left-menus .menus .menu-item:not (:last-child ){
	border-bottom: 1px solid #e1e1e1
}

.cpyy .left-menus .menus .menu-item .menu-link {
	display: block;
	padding-left: 10px;
	height: 55px;
	line-height: 55px; 
	color: #122A48;
	font-size: 16px;
	/* padding: 15px 20px; */
}

.cpyy .left-menus .menus .menu-item::before {
	content: "";
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	background-color: #1e4398;
	z-index: -1;
	transition: height ease-in-out .3s
}

.cpyy .left-menus .menus .menu-item:hover::before, .cpyy .left-menus .menus .menu-item.active::before
	{
	height: 100%
}

.cpyy .left-menus .menus .menu-item:hover .menu-link, .cpyy .left-menus .menus .menu-item.active .menu-link
	{
	color: #fff
}

.cpyy .right {
	float: left;
	padding-left: 24px;
	width: calc(100% - 370px)
}

.cpyy .right ul {
	width: 100%;
}

.cpyy .right ul .item {
	border: 1px solid #e4e6ea;
	padding: 10px;
	width: 300px;
	float: left
}

.cpyy .right ul .item:nth-child(n+4) {
	margin-top: 58px
}

.cpyy .right ul .item .item-header {
	color: #122A48;
	padding: 17px 5px 15px 0;
	font-size: 15px;
	text-align:center;
}

.cpyy .right ul .item .item-img {
	height: 266px;
	width: 266px
}

.cpyy .right ul .item .item-title {
	color: #898989;
    padding: 15px 0;
    text-align: center;
    font-size: 16px
}

.cpyy .right ul .item .item-tedian {
	color: #898989;
	padding-top: 22px
}