﻿.cpayment .list{
	width: 65.279vw;
	margin: 2.604vw auto 0;
	display: flex;
	flex-direction: column;
}
.cpayment .list .list-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5.208vw;
	flex-wrap: wrap;
}
.cpayment .list .list-info .dome{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 20%;
	margin-bottom: 70px;
}
.cpayment .list .list-info .dome .posdata{
	height: 6.77vw;
	margin-bottom: 1.4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.cpayment .list-info .dome .xz{
	width: 6.77vw;
	height: 6.77vw;
	background-size: 100% 100%;
}
.cpayment .list .list-info .dome h3{
	font-size: 1.25vw;
	font-weight:400;
	color: #3E3A39;
	text-align: center;
}
.cpayment .list .list-info .dome:nth-child(1) .xz {
	background: url(../images/cpayment1.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(1):hover .xz {
	background: url(../images/cpayment1-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(2) .xz {
	background: url(../images/cpayment2.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(2):hover .xz {
	background: url(../images/cpayment2-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(3) .xz {
	background: url(../images/cpayment3.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(3):hover .xz {
	background: url(../images/cpayment3-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(4) .xz {
	background: url(../images/cpayment4.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(4):hover .xz {
	background: url(../images/cpayment4-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(5) .xz {
	background: url(../images/cpayment5.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(5):hover .xz {
	background: url(../images/cpayment5-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(6) .xz {
	background: url(../images/cpayment6.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(6):hover .xz {
	background: url(../images/cpayment6-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(7) .xz {
	background: url(../images/cpayment7.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(7):hover .xz {
	background: url(../images/cpayment7-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(8) .xz {
	background: url(../images/cpayment8.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(8):hover .xz {
	background: url(../images/cpayment8-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(9) .xz {
	background: url(../images/cpayment9.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(9):hover .xz {
	background: url(../images/cpayment9-1.png) center center no-repeat;
	background-size: 100%;
}
.cpayment .list .list-info .dome:nth-child(10) .xz {
	background: url(../images/cpayment10.png) center center no-repeat;
	background-size: 50%;
}
.cpayment .list .list-info .dome:nth-child(10):hover .xz {
	background: url(../images/cpayment10-1.png) center center no-repeat;
	background-size: 100%;
}
.cservice{
	margin-top: 5.25vw;
	padding-top: 4vw;
	width: 100%;
	height: 50.25vw;
	background: url(../images/cservice-bj.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.cservice h1{text-align: center;color: #fff;}
.cservice .list{
	padding-top: 20px;
	width: 76.041vw;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.cservice .list .list-info{
	width: 11.666vw;
	height: 17.708vw;
	border-right: 0.05vw solid #ccc;
	text-align: center;
	margin-top: 2.604vw;
	background: #fff;
	cursor: pointer;
    /* transition: .1s ease; */
}
.cservice .list .list-info i{
	margin-top: 5.268vw;
	width: 4.27vw;
	height: 3.645vw;
	display: inline-block;
	background: url(../images/cservice1.png) no-repeat;
	background-size: 100% 100%;
}
.cservice .list .list-info:nth-child(2) i{
	width: 4.27vw;
	background: url(../images/cservice2.png) no-repeat;
	background-size: 100% 100%;
}
.cservice .list .list-info:nth-child(3) i{
	width: 3.645vw;
	height: 3.945vw;
	background: url(../images/cservice3.png) no-repeat;
	background-size: 100% 100%;
}
.cservice .list .list-info:nth-child(3) h3{
	margin-top: 1.3625vw;
}
.cservice .list .list-info:nth-child(4) i{
	width: 3.645vw;
	background: url(../images/cservice4.png) no-repeat;
	background-size: 100% 100%;
}
.cservice .list .list-info:nth-child(5) i{
	width: 3.645vw;
	background: url(../images/cservice5.png) no-repeat;
	background-size: 100% 100%;
}
.cservice .list .list-info h3{
	text-align: center;
	font-weight: 400;
	color: #3e3a39;
	font-size: 1.354vw;
	margin-top: 1.5625vw;
}
.cservice .list .list-info p{
	display: none;
	margin: 0 auto;
	margin-top: 2.52vw;
	text-align: justify;
	color: #b0adb1;
	font-size: 1.041vw;
	line-height: 2vw;
    opacity: 1;

}
.cservice .show{
	margin-top: 0;
	flex: 1;
	height: 24.062vw !important;
}
.cservice .show p{
	display: block !important;
	max-width: 70%;
    opacity: 0;
}
.cservice .show i{
	transform: scale(1.3);
}