.container {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto
}

.certer_left_cp {
	width: 9.1rem;
	height: 2rem
}

.ch-grid {
	margin: 0.23rem 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table
}

.ch-grid:after {
	clear: both
}

.ch-grid li {
	width: 1.6rem;
	height: 1.4rem;
	display: inline-block;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 10%;
	position: relative;
	cursor: default;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	cursor: pointer
}

.ch-img-1 {
	background: url("../images/cp1.png") no-repeat center center;
	background-size: 80%
}


.ch-img-2 {
	background: url("../images/cp2.png") no-repeat center center;
	background-size: 80%
}


.ch-img-3 {
	background: url("../images/cp3.png") no-repeat center center;
	background-size: 80%
}


.ch-img-4 {
	background: url("../images/cp4.png") no-repeat center center;
	background-size: 80%
}


.ch-img-5 {
	background: url("../images/cp5.png") no-repeat center center;
	background-size: 80%
}

.ch-info {
	/* position:absolute; */
	/* width:100%; */
	/* height:100%; */
	/* border-radius:50%; */
	opacity: 1;
	/* -webkit-transition:all 0.4s ease-in-out; */
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	/* transition:all 0.4s ease-in-out; */
	/* -webkit-transform:scale(0); */
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	/* transform:scale(0); */
	-webkit-backface-visibility: hidden;
	text-align: center;
}

.ch-info a {
	    margin: 0 auto;
    border-top: 1px solid rgba(255,255,255,0.5);
    display: block;
    color: #383737;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.14rem;
    letter-spacing: 1px;
    padding: 0.04rem;
    background-color: #ffffff;
    width: 1rem;
    margin-top: 0.1rem;
    border-radius: 10px;
}

.ch-info a:hover {
	color: #FFFFFF;
	background-color: #B10F0F;
	
}

.ch-item:hover {
	box-shadow: inset 0 0 0 110px rgba(255, 255, 255, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1)
}

.ch-item:hover .ch-info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}