.wx-service{
	position: relative;
	top: -1.75rem;
	background-color: #ffffff;
	box-shadow: 0 0 1rem 0 rgba(0, 149, 255, .34);
	border-radius: 1.875rem;
	overflow: hidden;
}
.wbSubtitle{margin-bottom: 2.125rem;}
.wx-list{
	height: 20rem;
	margin-bottom: 3.75rem;
	padding: 0 4.143%;
}
.wx-item{
	width: 18.75rem;
	height: 18.125rem;
	padding: 3.125rem 0;
	box-shadow: 0 0 1rem 0 rgba(0, 149, 255, .34);
	border-radius: 10px;
}
.wx-item>div{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.wx-item>div .txt{
	margin-left: 1.375rem;
	margin-right: 1.625rem;
	width: 37.333%;
}
.wx-item>div .txt h3{
	font-size: 1.125rem;
	color: #00024a;
	text-align: center;
}
.wx-item>div .txt p{
	margin-top: 1.5rem;
	font-size: .875rem;
	line-height: 1.25rem;
	color: #333;
}
.wx-item .img>img{
	width: 6.25rem;
	height: 11.875rem;
}

.wx-item .img .on{
	display: none;
}

.wx-item>p{margin-top: 1.5rem;}
.wx-item>p>a{
	display: none;
	width: 7.75rem;
	height: 1.875rem;
	background: url(../images/more-btn.png) no-repeat;
	background-size: 100% 100%;
}

.wx-fun{
	background: url(../images/wxfun-bg.png) no-repeat;
}
.wx-fun>div>p{
	margin-top: 21.875rem;
	margin-left: 1.875rem;
	width: 31.714%;
	line-height: 1.5rem;
	color: #fff;
}
.funs{
	width: 65%;
	padding: 3rem 4.288% 0;
}
.funs>li{
	float: left;
	margin-bottom: 3rem;
	margin-right: 8.76%;
	width: 9.368%;
}
.funs>li img{max-width: 100%;}
.funs>li:nth-child(6n){
	margin-right: 0;
}
.funs>li>p{
	margin-top: 3px;
	text-align: center;
	font-size: .875rem;
	color: #fff;
}
.cust-tab>a{
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	height: 3.125rem;
	line-height: 3.125rem;
	text-align: center;
	color: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.cust-tab>a>span{
	margin-right: 6px;
	width: 1.25rem;
	height: 1px;
	background-color: #0095ff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}
.cust-tab>a.active{
	border-top: 1px solid #0095ff;
	border-bottom: 1px solid #0095ff;
	color: #0095ff;
}
.cust-tab>a.active>span{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
}

.cust-list{	min-height: 32rem;
	padding: 3.75rem 6.786%;
}
.cust-list .cust-item{
	position: relative;
	float: left;
	margin-right: 10.357%;
	width: 17.2%;
	height: 24.5rem;
	padding: 6px 9px;
	text-align: center;
}
.cust-list .cust-item>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.cust-list .cover{
	position: absolute;
	top: 6px;
	left: 9px;
	width: calc(100% - 18px);
	height: calc(100% - 12px);
	opacity: 0;
	background: url(../images/masked-cover.png) no-repeat;
	background-size: 100% 100%;
}
.cust-list .cover img{
	opacity: 0;
	margin-top: 20px;
	max-width: 80%;
}

.cust-list>.cust-item:nth-child(4n),.cust-list>.cust-item:last-child{
	margin-right: 0;
}
.cust-list .img>img{
	width: 100%;
	height: 23.75rem;
}

.retail{
	background: url(../images/retail-outerbg.png) no-repeat;
	background-size: 100% 100%;
}
.retail .content{
	height: 36.125rem;
	background: url(../images/retail-innerbg.png) no-repeat;
	background-size: 100% 100%;
}

.retail-txt{overflow: hidden;}
.retail-txt *{font-family: "微软雅黑";}
.retail-txt>*{float: left;}
.retail .retail-txt>ul{
	width: 23.286%;
	margin-top: 4.8rem;
	margin-left: 1.35%;
}
.retail-txt>ul>li>span{
	margin-bottom: 1.3rem;
	height: 2.25rem;
	max-width: 100%;
	line-height: 2.25rem;
	padding: 0 5px;
	background-color: rgba(82,97,187,.8);
	color: #fff;
	box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.34), inset 0px 1px 3px 0px rgba(26, 52, 114, 0.35);
	border-radius: 18px;
}
.retail-txt>ul>li:nth-child(4)>span{
	width: 77%;
	margin-left: -6.8%;
}

.retail-txt>p.text-center{
	margin-top: 4.5rem;
	margin-left: 15%;
	font-size: 1.875rem;
	line-height: 2.5rem;
	color: #0095ff;
}
.retail-txt>p.code-txt{
	width: 12%;
	height: 3rem;
	overflow: hidden;
	font-size: 1.125rem;
	line-height: 1.4rem;
	color: #fff;
}
.retail-txt>p.code1{
	margin-top: 18.4rem;
	margin-left: 7.2%;
}
.retail-txt>img{
	display: block;
	width: 9.286%;
	margin-top: 8rem;
	margin-left: -.2%;
}
.retail-txt>p.code2{
	margin-top: .5rem;
	margin-left: -2rem;
}



.form{padding-top: 3.25rem;margin-bottom: 5.25rem;}
.form>form{display: inline-block;}
.form>form>*{float: left;margin-right: 1.25rem;}
.form>form input{
	border: solid 1px #c5c5c5;
	padding: 0 2rem;
	width: 15.5rem;
	height: 38px;
	line-height: 38px;
	font-size: .875rem;
	border-radius: 29px;
	color: #838383;
}
.form>form .msg input{width: 28.3125rem;}
.form>form input::-webkit-input-placeholder,.form>form input:-ms-input-placeholder,.form>form input::-moz-placeholder{
	color: #838383;
}
.form>form>button{
	width: 136px;
	height: 38px;
	margin-right: 0;
	background: linear-gradient(0deg, #0296ff 0%, #2ad9ff 100%), linear-gradient(#fff, #fff);
	color: #fff;
	border-radius: 29px;
	cursor: pointer;
}

@media only screen and (max-width: 1400px) {
	.retail .content{padding: 0;}
	.retail-txt>p.text-center {margin-left: 17.3%;}
}
@media only screen and (max-width: 1370px) {
	.retail-txt>p.text-center {margin-left: 16.8%;}
}
@media only screen and (max-width: 1350px) {
	.retail-txt>p.text-center {margin-left: 16.5%;}
}
@media only screen and (max-width: 1320px) {
	.retail-txt>p.text-center {margin-left: 16.1%;}
}
@media only screen and (max-width: 1290px) {
	.retail-txt>p.text-center {margin-left: 15.8%;}
}


@media only screen and (min-width: 767px) {
	.wx-item:hover{
		width: 20.75rem;
		height: 20rem;
	}
	.wx-item:hover>p>a{
		display: inline-block;
	}
	.wx-item:hover .img>img{display: none;}
	.wx-item:hover .img .on{display: block;}
	.wx-item:hover .txt>h3{
		font-size: 1.25rem;
		color: #0296ff;
	}
	.wx-item:hover .txt>p{
		font-size: 1rem;
		color: #0296ff;
	}
	.cust-tab>a:hover{
		border-top: 1px solid #0095ff;
		border-bottom: 1px solid #0095ff;
		color: #0095ff;
	}
	.cust-tab>a:hover>span{
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		-o-transform: scaleX(1);
	}

	.cust-list .cust-item:hover .cover{opacity: 1;}
	.cust-list .cust-item:hover .cover img{opacity: 1;margin-top: 0;}
}
@media only screen and (max-width: 767px) {
	.wx-list{
		height: 22rem;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
	}
	.wx-item{padding-left: 15px;margin-right: 15px;}
	.wx-list>div{display: inline-block;	margin-right: 15px;}
	.wx-item .txt>p{white-space: normal;}
	.wx-fun>div>p{margin-top: 2rem;margin-left: 0;width: 100%;}
	.wx-fun>div>ul{
		width: 100%;
		padding: 3rem 0 0;
		height: 35rem;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.funs>li,.funs>li:nth-child(6n){margin-right: 3.2%;}
	.funs>li:nth-child(4n){margin-right: 0;}
	.cust-tab>a{width: 50%;}
	.cust-list{
		padding: 3.75rem 0;
	}
	.cust-list .cust-item{
		width: 40%;
		margin: 0 5% 1.25rem;
		height: 21.5rem;
		padding: 4px 7px;
	}
	.cust-list .img>img {height: 20.5rem;}
	.cust-list .cover {
		position: absolute;
		top: 4px;
		left: 7px;
		width: calc(100% - 14px);
		height: calc(100% - 8px);
	}
	.retail{
		background-size: auto;
	}
	.retail .content{
		height: auto;
		background-size: 300% auto;
	}
	.retail .retail-txt>ul {
		width: 68%;
		margin-top: 3.5rem;
		margin-left: 5%;
	}
	.retail-txt>p{display: none;}
	.retail-txt>*{float: inherit;}
	.retail-txt>img{
		width: 30%;
		margin: 1rem auto;
	}
	.form>form{width: 100%;}
	.form>form>* {
		float: inherit;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.form>form input,.form>form .msg input{width: 100%;}
	.form>form>button{margin: auto;}
}