/* 定价 */
body{
	background: #f6f6f6;
}
.price-main-banner-bg{
	width: 100%;
	height: 5rem;
	background: url("../image/placard-bg.jpg")no-repeat center;
	background-size: cover;
}
.price-banner{
	height: 100%;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.price-banner>div h2{
	text-align: left;
	font-size:.6rem;
}
.price-banner>div a{
	color:white;
	border: 1px solid #fff;
	line-height: .7rem;
	width: 2.8rem;
	box-sizing: border-box;
	text-align: center;
	margin-right: .4rem;
	margin-top: .8rem;
	font-size: .3rem
}
.price-banner>div a:hover{
	background: white;
	color:#00a4ff;
}
.price-banner>div:first-child{
	width:55%;
	text-align: left;
}
.price-banner-footer ul{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:nowrap;
	justify-content: space-evenly;
}
.price-banner-footer ul li{
	width:25%;
	text-align: center;
	position: relative;
}
.price-banner-footer ul li a{
	line-height: 1rem;
	font-size: .35rem;
	width:100%;
	color:white;
}
.price-banner-footer ul li:hover a{
	color:white;
}
.price-banner-footer ul li.active a{
	color:white;
}
.price-banner-footer ul li.active::after{
	content:'';
	position: absolute;
	bottom:0px;
	left: 0px;
	width:100%;
	height: .03rem;
	background: #00a4ff;
}
.price-content-lump{
	padding-top: .9rem;
	padding-bottom: 1.2rem;
}
.price-content-lump>h2{
	font-size: .5rem;
	color: #333;
	line-height: 1;
	font-weight: 400;
	padding-bottom: .6rem;
	margin-bottom:0px;

}
.price-content-lump>ul{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:nowrap;
	justify-content: space-between;
}
.price-content-lump>ul li{
	padding:0px .3rem;
}
.price-content-lump>ul li img{
	display: block;
	width: 3.34rem;
	height: 2.24rem;
	margin-right: auto;
	margin-left: auto;
}
.price-content-lump>ul li h3{
	color:#333;
	font-size: .35rem;
	line-height: .6rem;
	font-weight: 400;
	text-align: center;
	margin:.3rem 0px;
}
.price-content-lump>ul li span{
	font-size: .25rem;
	line-height: .4rem;
	margin-top: .3rem;
	color: #333;
	display: inline-block;
}
.price-content-lump>ul li a{
	color: #00a4ff;
	float: left;
	margin-top:.1rem;
}
.serve-item-content{
	/*width:1200px;*/
	/*margin:0.6rem auto;*/
	/*background: white;*/
	width:100%;
	background: url("../image/case-p-bg-page.png")no-repeat center;
	background-size: cover;
}
.serve-item{
	display: none;
	padding-bottom:1rem
}
.price-banner-footer{
	background: rgba(9,6,46,1);
}
.serve-item.active{
	display: block !important;
}
.serve-item>.item{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 0 0.3rem;
	background: url("../image/form-item-bg.png")no-repeat ;
	background-size: 100%;
	background-position-x: left;
	background-position-y: bottom;
}
.serve-item>.item img{
	width:30%;
	align-items: center;
}
.serve-item>.item>div {
	align-items: center;
	flex:1;
	padding-bottom:.8rem;
}
.serve-item:nth-child(1)>.item>div {
	padding-bottom:.6rem;
}
.serve-item:nth-child(3)>.item>div {
	padding-bottom:.6rem;
}
.serve-item:nth-child(4)>.item>div {
	padding-bottom:1rem;
}
.serve-item>.item>div h2{
	font-size:.5rem;
	color:#FFF;
	text-align: center;
	padding-bottom: .5rem;
}
.serve-item>.item>div span{
	font-size:.28rem;
	color:#849dc9;
	line-height: .5rem;
	display: inline-block;
	margin-right: 35px;
}
.table{
	margin:0px auto;
	text-align: center;
}
.table th, td {
	border: 1px solid #849dc9;
}
.table th{
	background: #0a1549;
	color: #849dc9;
	font-size: 15px;
	line-height: 33px;
	text-align: center;
}
.table td{
	color: #849dc9;
	font-size: 13px;
	padding: 5px;
}
.serve-item1-bd{
	background-size: 217% !important;
	/*padding: 1rem 0!important;*/
	background-position: bottom!important;
	margin-top:1rem !important;
}
.serve-item1-bd .item-left{
	margin-right:0rem;
}
.serve-item1-bd .item-left>div{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	margin-top:.2rem;
}
.serve-item1-bd .item-left>div>div{
	width:30%;
	position: relative;
}
.serve-item1-bd .item-left>div>div:before{
	content: '';
	position: absolute;
	top:50%;
	right: -.45rem;
	transform: translateY(-50%);
	width:1px;
	height: 100%;
	background: #162261;
}
.serve-item1-bd .item-left>div>div:last-child:before{
	display: none;
}
.serve-item1-bd .item-left>div p{
	color: #849dc9;
	font-size: .28rem;
	line-height: .5rem;
}
.table2 td {
	padding: 10px 50px;
}
.serve-item .item:nth-child(2n-1) .item-right{
	margin-left: .6rem;

}
.serve-item .item:nth-child(2n) .item-left{
	margin-left: 2rem;
}
.serve-item .item:nth-child(2n-1) img{
	margin-left: 1rem;

}
.serve-item .item:nth-child(2n) img{
	margin-right: .6rem;
}
.serve-item-content .serve-item:nth-child(1) .item:nth-child(4) .item-left{
	padding-bottom:.3rem;
}
.serve-item-content .serve-item:nth-child(1) .item:nth-child(5) .item-left{
	padding-bottom:.3rem;
	margin-left: .8rem;
}
.serve-item-content .serve-item:nth-child(2) .item:nth-child(3) .item-right{
	padding-bottom:.5rem;
}
.serve-item-content .serve-item:nth-child(4) .item:nth-child(3) .item-right{
	padding-bottom:0.3rem;
	margin-left: .8rem;
}
.serve-item>.item>div span:nth-child(2){
	margin-top:.2rem;
}
.content-serve{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding:1rem 0 .5rem;
	position: relative;
}
.content-serve h2{
	position: absolute;
	top:1rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: .5rem;
	color: #FFF;
	text-align: center;
}
.content-serve>div{
	width:40%;

	margin-top:1.5rem;
}
.content-serve>div .content-serve-top{

}
.content-serve>div .content-serve-nav{
	padding:.5rem;
	position: relative;
	background: #0f0e3d;
}
.content-serve>div .content-serve-nav:before{
	content:'';
	width:100%;
	position: absolute;
	top:0px;
	left: 0px;
	height: .1rem;
	background: #010121;
}
.content-serve>div .content-serve-nav span{
	color: #adbdd9;
	font-size: .3rem;
	line-height: .5rem;
	display: inline-block;
	width:100%;
}
.serve-item:nth-child(1) .item{
	padding-top:.5rem;
}
.serve-item:nth-child(1) .item .item-left{
	padding:.4rem;
	margin:0px auto;
}
/*.serve-item:nth-child(1) .serve-item1-bd>div>div>div{*/
/*    width:30% !important;*/
/*}*/
.content-serve>div .content-serve-top{
	width:100%;
	height: 3.5rem;
	background: url("../image/case-value1.png")no-repeat center;
	background-size: 100%;
}
.content-serve>div:nth-child(3) .content-serve-top{
	background: url("../image/case-value2.png")no-repeat center;
	background-size: 100%;
}
.content-serve>div:nth-child(4) .content-serve-top{
	background: url("../image/case-value3.png")no-repeat center;
	background-size: 100%;
}
.content-serve>div:nth-child(5) .content-serve-top{
	background: url("../image/case-value4.png")no-repeat center;
	background-size: 100%;
}
.serve1-bg{
	width:100%;
	background: #0f0a36;
}
@media screen and (max-width: 769px) {
	.content-serve>div .content-serve-top{
		height: 1.6rem!important;
	}
	.content-serve{
		padding:2.3rem 0 .5rem!important;
		justify-content: space-between!important;
	}
	.content-serve>div{
		width: 47% !important;
		margin-top: 0rem !important;
	}
	.serve-item1-bd .item-left>div{
		flex-wrap: wrap!important;
	}
	.serve-item1-bd .item-left>div>div{
		width: 100% !important;
	}
	.serve-item1-bd .item-left>div>div:before{
		display: none!important;
	}
	.serve-item1-bd .item-left>div p{
		font-size:14px;
		line-height: .6rem;
	}
	.serve-item1-bd{
		background-size: 1100% !important;
	}
	.serve-item1-bd .item-left>div p:first-child{
		font-size:15px!important;
		margin:.3rem 0;
		color:white;
	}
	.serve-item .item:nth-child(2n-1) img{
		margin: 0px !important;
	}
	.serve-item .item:nth-child(2n) img{
		margin: 0px !important;
	}
	.serve-item .item:nth-child(2n) .item-left{
		margin-left: 0.2rem!important;
		margin-right: 0.2rem!important;
	}
	.serve-item>.item>div{
		padding-bottom:0 !important;
	}
	.serve-item .item:nth-child(2n-1) .item-right{
		margin-left: 0.2rem!important;
		margin-right: 0.2rem!important;
	}
	.serve-item>.item>div span{
		margin-right: 0px!important;
	}
	.serve-item>.item{
		/*background: rgba(2,4,41,.7)!important;*/
	}
	.table th{
		line-height: .5rem;
		font-size:.2rem;
		padding:2px;
	}
	.table td{
		font-size:.2rem;
		padding:2px;
	}
	.serve-item>.item>div h2{
		padding-bottom:0rem !important;
	}

}