﻿.banner {
	width: 100%;
	height: 6.84rem;
}

.banner img {
	width: 100%;
	height: 100%;
}

.dhzs {
	padding: 1px;
}

.dhzs .main {
	margin-top: .1rem;
}

.dhzs .main .item {
	display: flex;
	justify-content: space-between;
	height: 3rem;
	padding-top: .4rem;
	padding-left: .22rem;
	padding-right: .22rem;
	position: relative;
}

.dhzs .main .item::after {
	content: "";
	border-bottom: .01rem solid #a0a0a0;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	box-shadow: 0 0 .01rem #a0a0a0;
}

.dhzs .main .item .img-box {
	width: 1.66rem;
	height: 1.66rem;
	flex-shrink: 0;
}

.dhzs .main .item .img-box img {
	width: 100%;
	height: 100%;
}

.dhzs .main .item .text-box {
	flex: 1;
	margin-left: .1rem;
}

.dhzs .main .item .text-box .tit-box {
	display: flex;
	justify-content: space-between;
}

.dhzs .main .item .text-box .tit-box .tit {
	font-size: .36rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #333333;
	line-height: .36rem;
	letter-spacing: .03rem;
}

.dhzs .main .item .text-box .tit-box .btn {
	width: 1.54rem;
	height: .54rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .27rem;
	font-size: .26rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #f92b2b;
	line-height: .26rem;
	letter-spacing: .02rem;
	border: .01rem solid #f92b2b;
}

.dhzs .main .item .tips-box {
	display: flex;
	align-items: center;
}

.dhzs .main .item .tips-box .tips {
	font-size: .26rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: .26rem;
	letter-spacing: .01rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .1rem .15rem;
	height: .44rem;
	border-radius: .22rem;
	background: #EEE;
	border: 1px solid #d5d5d5;
	margin-right: .1rem;
}

.dhzs .main .item .text {
	margin-top: .07rem;
}

.dhzs .main .item .text .head {
	font-size: .26rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: .40rem;
	letter-spacing: .01rem;
}

.dhzs .main .item .text .body {
	font-size: .26rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #666666;
	line-height: .40rem;
	letter-spacing: .01rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.form {
	padding: 1px;
	background: #e9ecf5;

}

.form .tit {
	margin-top: .6rem;
	font-size: .4rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #40538D;
	line-height: .4rem;
	letter-spacing: .02rem;
}

.form .tit span {
	color: #E04B40;
}

.form .tips {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: .35rem;
	width: 2.38rem;
	height: .56rem;
	background: #fafafa;
	border-radius: .28rem;
	margin-bottom: .5rem;
}

.form .tips.ts {
	width: 4.66rem;
	height: .7rem;
	border-radius: .35rem;
	margin-bottom: .35rem;
}

.form .tips .icon {
	width: .19rem;
	height: .24rem;
	margin-right: .15rem;
}

.form .tips .icon img {
	width: 100%;
	height: 100%;
}

.form .tips span {
	font-size: .28rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #e04b40;
	line-height: .28rem;
	letter-spacing: .02rem;
}

.form .tips.ts span {
	font-size: .4rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #e04b40;
	line-height: .4rem;
	letter-spacing: .02rem;
}

.form .input-box {
	margin: 0 auto;
	margin-bottom: .38rem;
	width: 6.7rem;
	height: .8rem;
	background: #FAFAFA;
	display: flex;
	align-items: center;
}

.form .input-box .head {
	font-size: .3rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: .3rem;
	letter-spacing: .03rem;
	margin-left: .26rem;
}

.form .input-box .head span {
	color: #FC020E;
}

.form .input-box input {
	display: block;
	margin-left: .25rem;
	background: #fafafa;
	font-size: .28rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #b0b0b0;
	line-height: .28rem;
	letter-spacing: .03rem;
	border-style: none;
	outline: none;
}

.form .radio-box {
	display: flex;
	align-items: center;
	margin-top: .25rem;
}

.form .radio-box .icon {
	width: .30rem;
	height: .30rem;
	background: #E6322E;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .15rem;
}

.form .radio-box .text {
	font-size: .28rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #9a999a;
	line-height: .28rem;
	letter-spacing: .01rem;
}

.form .radio-box .text span {
	color: #E6322E;
}

.form .btn {
	margin: 0 auto;
	margin-top: .5rem;
	margin-bottom: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.7rem;
	height: .72rem;
	background: #E6322E;
	font-size: .30rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: .3rem;
	letter-spacing: .06rem;
	border-radius: .36rem;
}

.form .form-bottom {
	padding: 1px;
	background: #fef5f4;
	width: 6.7rem;
	height: 3.16rem;
	margin: 0 auto;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}

.form .form-bottom .tit {
	font-size: .3rem;
	color: #333;
	line-height: .3rem;
	text-align: center;
	margin-top: .21rem;
}
.form .form-bottom .hd{
	margin-top: .2rem;
	height: 2.2rem;
	overflow: hidden;
}
.form .form-bottom .main{
	
}

.form .form-bottom .main .item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 5.9rem;
	margin: .06rem auto;
	height: .72rem;
	border-radius: .36rem;
	transition: .5s;
	color: #e04b40;
	font-size: .3rem;
	line-height: .3rem;
	padding-left: .58rem;
	padding-right: .46rem;
	
}

.form .form-bottom .main .item.focus{
	background: #fbdddc;
}

.index-tit-box {
	margin-top: .76rem;
}

.index-tit-box .tit-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-tit-box .tit-box .tit {
	font-size: .44rem;
	font-weight: 400;
	text-align: center;
	color: #40538d;
	line-height: .44rem; font-weight:900;
	letter-spacing: .02rem;
	margin-left: .3rem;
	margin-right: .3rem;
}

.index-tit-box .tit-box .icon {
	width: .8rem;
	height: .22rem;
}

.index-tit-box .tit-box .icon img {
	width: 100%;
	height: 100%;
}

.index-tit-box .en {
	font-size: .14rem;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align: center;
	color: #999999;
	line-height: .14rem;
	letter-spacing: .01rem;
	margin-top: .16rem;
}

.index-tit-box .text {
	font-size: .28rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #666666;
	line-height: .28rem;
	letter-spacing: .01rem;
	margin-top: .18rem;
}

.scenarios {
	padding: 1px;
}

.scenarios .main {
	display: flex;
	margin-top: .54rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: .3rem;
}

.scenarios .main .item {
	width: 2.16rem;
	height: 3.3rem;
	background: #eee;
	margin-bottom: .37rem;
}

.scenarios .main .item .img-box {
	width: 1.82rem;
	height: 2.1rem;
	margin-top: .22rem;
	margin-left: .17rem;
	margin-bottom: .18rem;
}

.scenarios .main .item .img-box img {
	width: 100%;
	height: 100%;
}

.scenarios .main .item .text-box {
	width: 100%;
	height: .8rem;
	background: #40538d;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .34rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: .34rem;
	letter-spacing: .02rem;
}

.index-tl-1 {
	width: 100%;
	height: 6.9rem;
}

.index-tl-1 img {
	width: 100%;
	height: 100%;
}

.advantages {
	padding: 1px;
	background: #e9ecf5;
}

.advantages .main {
	margin-top: .3rem;
	margin-bottom: .1rem;
}

.advantages .main .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: .02rem solid #cacaca;
	padding-bottom: .42rem;
	padding-top: .42rem;
}

.advantages .main .item .img-box {
	width: 3.27rem;
	height: 3.16rem;
	flex-shrink: 0;
}

.advantages .main .item .img-box img {
	width: 100%;
	height: 100%;
}

.advantages .main .item .text-box {
	width: 3.5rem;
}

.advantages .main .item .text-box .tit {
	background: url(../image/advantages-tit-bg.png) no-repeat center center;
	background-size: 100% 100%;
	width: 100%;
	height: .69rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .4rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
	line-height: .4rem;
	letter-spacing: .02rem;
	margin-bottom: .185rem;
}
.advantages .main .item .text-box .tit.bg2{
	background: url(../image/advantages-tit-bg2.png) no-repeat center center;
	background-size: 100% 100%;
}
.advantages .main .item .text-box p {
	font-size: .26rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: justify;
	color: #666666;
	line-height: .45rem;
	letter-spacing: .01rem;
}
.advantages .main .item .text-box p.ml25{
	margin-left: .2rem;
}
.service {
	padding: 1px;
}

.service .main {
	margin-top: .62rem;
	margin-bottom: .4rem;
}

.service .main .item {
	width: 7.18rem;
	height: 2.48rem;
	position: relative;background: #40538d;
	padding: 1px;
}

.service .main .item .bg {
	width: 100%;
	height: 100%; display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.service .main .item .bg img {
	width: 100%;
	height: 100%;
}

.service .main .item .tit {
	font-size: .5rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: .5rem;
	letter-spacing: .02rem;
	margin-top: .58rem;
	position: relative;
	z-index: 10;
}

.service .main .item .text {
	font-size: .34rem;
	font-family: FZHei-B01T, FZHei-B01T-Regular;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: .34rem;
	margin-top: .43rem;
	position: relative;
	z-index: 10;
}

.service .main .icon {
	width: .63rem;
	height: .44rem;
	margin: 0 auto;
	margin-top: .19rem;
	margin-bottom: .21rem;
}

.service .main .icon img {
	width: 100%;
	height: 100%;
}

.case {
	padding: 1px;
	background: #e9ecf5;
}

.case .main {
	margin-top: .5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: .1rem;
}

.case .main .item {
	width: 3.36rem;
	margin-bottom: .52rem;
}

.case .main .item .img-box {
	width: 100%;
	height: 2.35rem;
	position: relative;
	box-shadow: 0 0 .1rem #666;
}

.case .main .item .img-box img {
	width: 100%;
	height: 100%;
}

.case .main .item .img-box .num {
	position: absolute;
	width: .68rem;
	height: .49rem;
	background: #40538d;
	border-top-right-radius: .245rem;
	border-bottom-right-radius: .245rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .28rem;
	color: #FFF;
	line-height: .28rem;
	top: 0;
	left: 0;
}

.case .main .item .text {
	font-size: .28rem;
	line-height: .28rem;
	margin-top: .28rem;
	text-align: center;
	letter-spacing: .01rem;
}

.wen {
	padding: 1px;
	padding-bottom: .21rem;
}

.wen .item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: .33rem;
	padding: .22rem;
	position: relative;
}

.wen .item::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: .01rem;
	background: #bdbdbd;
	box-shadow: 0 0 .05rem #F5f5f5;
}

.wen .item .box {
	display: flex;
	align-items: center;
}

.wen .item .box .icon {
	width: .4rem;
	height: .4rem;
	background: #e52723;
	border-radius: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .28rem;
	color: #FFF;
	line-height: .28rem;
	margin-right: .18rem;
}

.wen .item .box .text {
	font-size: .3rem;
	line-height: .3rem;
	color: #333;
	letter-spacing: .024rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.wen .item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.54rem;
	height: .46rem;
	border-radius: .23rem;
	color: #FFF;
	font-size: .28rem;
	line-height: .28rem;
	background: #e52723;
	letter-spacing: .02rem;
}
