html,body,div,p,span,em,i,dl,dt,dd,ul,li,a,img,h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
}

ul{
	list-style:none;
}

body{
	max-width:750px;
	margin:0 auto;
}


.banner{
	width:100%;
}

.banner img{
	width:100%;
	display:block;
}

.bigtitle{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:1rem;
}


.bigtitle h2{
	font-size:.46rem;
	color:#444D56;
}


.bigtitle h2 span{
	color:#FF5756;
}


.bigtitle h3{
	color:#99999B;
	font-size:.22rem;
	margin-top:.1rem;
	font-weight:normal;
}

.main{
    position:relative;
	height:auto;
	margin: 0 auto;
    width: 94%;
	margin-top:.6rem;
	margin-bottom:.6rem;
}

.line{
    width:100%;
    height:1.5rem;
    overflow:hidden;
    position:relative;
}

.line img{
	width:100%;
	display:block;
}

.line .l1{
    top:.15rem;
    left:0;
    position:absolute;
    animation:0.5s l1 linear infinite;
}
@keyframes l1{
    0%{transform:rotate(2deg);opacity:1;}
    50%{transform:rotate(-2deg);opacity:0.5;}
    100%{transform:rotate(2deg);opacity:1;}
}
.line .l2{
    top:.1rem;
    left:0;
    position:absolute;
    animation:0.5s l2 linear infinite;
}
@keyframes l2{
    0%{transform:rotate(-2deg);opacity:0.5;}
    50%{transform:rotate(2deg);opacity:1;}
    100%{transform:rotate(-2deg);opacity:0.5;}
}



.tabs{
	width:100%;
	height:2rem;
	position:absolute;
	left:0;
	top:0;
	display:flex;
	justify-content:space-between;
	z-index:99;
}

.tabs li{
	width:1.4rem;
	height:auto;
}


.tabs li.xc p{
	color:#F00;
}

.tabs li dl.b{
	width:1.4rem;
	height:1.4rem;
}

.tabs li dl.box1{
	background:url(../images/ico1.png) no-repeat center;
	background-size:1.4rem auto;
}
.tabs li.xc dl.box1{
	background:url(../images/ico1-1.png) no-repeat center;
	background-size:1.4rem auto;
}

.tabs li dl.box2{
	background:url(../images/ico2.png) no-repeat center;
	background-size:1.4rem auto;
}
.tabs li.xc dl.box2{
	background:url(../images/ico2-1.png) no-repeat center;
	background-size:1.4rem auto;
}

.tabs li dl.box3{
	background:url(../images/ico3.png) no-repeat center;
	background-size:1.4rem auto;
}
.tabs li.xc dl.box3{
	background:url(../images/ico3-1.png) no-repeat center;
	background-size:1.4rem auto;
}



.tabs li p {
    margin-top: .2rem;
    font-size: .28rem;
    line-height: .4rem;
    text-align: center;
}




.tab-box{
	width:100%;
	margin:0 auto;
	height:5.2rem;
}

.tab-box ul{
	width:100%;
	height:100%;
	border:1px solid #ACD7FA;
	border-radius:.12rem;
	background:#FFF;
	position:relative;
	overflow:hidden;
}


.tab-box ul li{
	width:100%;
	height:5rem;
	position:absolute;
	left:0;
	top:8.1rem;
}


.tab-box ul li.set{
	position:absolute;
	left:0;
	top:0;
}

.tab-box ul li p{
	width:100%;
	height:5rem;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}


.tab-box ul li p img{
	display:block;
}

.tab-box ul li dl{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	position:absolute;
	left:.3rem;
	top:.2rem;
}


.tab-box ul li dl dt{
	width:100%;
	font-size:.36rem;
	color:#ED4C50;
	font-weight:bold;
}

.tab-box ul li dl dt i.an3{
	color:#666;
	font-size:.24rem;
	font-style:normal;
}

.tab-box ul li dl dt i.an2{
	color:#444B53;
	font-style:normal;
}

.tab-box ul li dl em{
	font-style:normal;
	font-size:.28rem;
	color:#444B53;
	margin-bottom:.1rem;
	font-weight:bold;
}

.tab-box ul li dl span{
	width:.4rem;
	height:.05rem;
	background:#ED4C50;
	display:inline-block;
	margin-top:.1rem;
}

.tab-box ul li dl dd{
	width:100%;
	font-size:.24rem;
	color:#B1B5BB;
	margin-top:.2rem;
	line-height:.36rem;
}



.kechengbg{
	width:100%;
	height:auto;
	margin-top:.4rem;
	overflow:hidden;
	position:relative;
	background:#4C68D5;
}

.kechengbg img{
	display:block;
}

.kechengtop{
	width:94%;
	margin:0 auto;
	margin-top:.4rem;
	background-size:100% auto;
	display:flex;
	justify-content:space-between;
}

.kechengtop dl{
	width:25%;
}

.kechengtop dl dt{
	width:.8rem;
	height:.8rem;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

.kechengtop dl dt img{
	width:.6rem;
	display:block;
}

.kechengtop dl dd{
	font-size:.24rem;
	color:#FFF;
	text-align:center;
	margin-top:.1rem;
}

.model_one{
	width:94%;
	height:auto;
	margin:0 auto;
	margin-top:.3rem;
	background:#FFF;
	box-shadow:0 0 .08rem #2F4497;
}

.model_two{
	width:94%;
	height:auto;
	margin:0 auto;
	background:#FFF;
	box-shadow:0 0 .08rem #2F4497;
	margin-top:.3rem;
}

.jieduan{
	width:auto;
	height:auto;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:.2rem 0;
}

.jieduan2{
	width:auto;
	height:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:.2rem 0;
}


.jieduan dl{
	width:50%;
	margin-left:3%;
}


.jieduan2 dl{
	margin-right:2%;
}

.jieduan p, .jieduan2 p{
	width:40%;
	margin-left:3%;
}

.jieduan p img, .jieduan2 p img{
	width:100%;
	display:block;
}


.jieduan dl dt, .jieduan2 dl dt{
	font-size:.42rem;
	font-weight:bold;
	color:#333333;
	margin-bottom:.2rem;
}

.jieduan dl dd, .jieduan2 dl dd{
	line-height:.4rem;
	font-size:.24rem;
}


/*咨询*/

.zixun{
	width:46%;
	height:.7rem;
	margin:0 auto;
	margin-top:.7rem;
	position:relative;
	margin-bottom:.6rem;
}


.zixun a{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	border-radius:.1rem;
	text-align:center;
	line-height:.7rem;
	font-size:.28rem;
	color:#FFF;
	animation:4s btn linear infinite;
	-webkit-animation:4s btn linear infinite;
	-ms-animation:4s btn linear infinite;
}

@keyframes btn{
	0%{
		background:#F77963;
		transform:translateY(0px);
	}
    70%{
		background:#F77963;
		transform:translateY(0px);
	}
	80%{
		background:#F00;
		transform:translateY(.2rem);
		color:#FFF;
	}
	90%{
		background:#F00;
		transform:translateY(-.2rem);
	}
    100%{
		background:#FFF;
		transform:translateY(0px);
		color:#FFF;
	}
}



.indexkecheng{
	width:94%;
	height:8.6rem;
	background:url(../images/p6-border.png) no-repeat center top;
	background-size:100% auto;
	margin:0 auto;
	margin-top:.55rem;
}


.border{
    margin:0 auto;
    width:100%;
    height:auto;
}

.border{
    position:relative;
	overflow:hidden;
}

.border .timglist{
    width:94%;
    height:auto;
	margin:0 auto;
	margin-top:.14rem;
}

.border .timglist div{
    width:100%;
    height:auto;
    display:none;
    position:relative;
}

.border .timglist div.act{
    display:block;
}

.border .timglist img{
    width:100%;
    display:block;
}

.border .timglist .tag{
    width:96%;
    height:auto;
    display:block;
}



.border ul{
    width:94%;
	margin:0 auto;
	margin-top:.14rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.border ul li{
    margin-bottom:.3rem;
    width:1.8rem;
    height:.5rem;
    cursor:pointer;
    background:#fbd0d2;
    background: linear-gradient(to right, #fee1d4, #fbd0d2);
}

.border ul li.nbg{
	background:none;
}

.border ul li p{
    top:.1rem;
    left:-.1rem;
    width:1.8rem;
    height:.5rem;
    font-size:.2rem;
    line-height:.5rem;
    color:#ffffff;
    text-align:center;
    position:relative;
    background:#f36469;
    background: linear-gradient(to right, #fd9d71, #f36469);
    transition:0.4s;
}
.border ul li.act p{
    top:0;
    left:0;
    transition:0.8s;
}


.ipad{
    margin:0 auto;
    width:100%;
    height:5.52rem;
    position:relative;
    background:url("../images/ipad.png") no-repeat center top;
	background-size:100% auto;
	margin-top:.5rem;
}
.ipad .box{
    width:80%;
	margin:0 auto;
    height:auto;
	top:.2rem;
    left:.5rem;
    position:absolute;
}
.ipad .box img{
    width:100%;
    height:auto;
    display:block;
	top:0;
    left:0;
    position:absolute;
}
.ipad .box img.i1{
    animation:1s i1 linear infinite;
}
.ipad .box img.i2{
    animation:2s i2 ease-in-out infinite;
}
.ipad .box img.i3{
    animation:2s i3 ease-in-out infinite;
}
.ipad .box img.i4{
    animation:1s i4 linear infinite;
}

@keyframes i1 {
    0%{transform:scale(1)}
    50%{transform:scale(0.98)}
    100%{transform:scale(1)}
}
@keyframes i2 {
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
}
@keyframes i3 {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}
@keyframes i4 {
    0%{transform:scale(0.98)}
    50%{transform:scale(1)}
    100%{transform:scale(0.98)}
}



.mingshi{
	width:94%;
	margin:0 auto;
	margin-top:.5rem;
}

.mingshi ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}

.mingshi ul li{
	width:32%;
	height:auto;
	border:1px solid #BFBFBF;
	box-sizing:border-box;
	border-radius:.1rem;
	overflow:hidden;
	background:#FFF;
	position:relative;
}

.mingshi ul li dl{
	width:100%;
	height:1.6rem;
	background:#BFBFBF;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}

.mingshi ul li dl img{
	width:1.5rem;
	display:block;
}

.mingshi ul li p{
	width:96%;
	height:1.1rem;
	margin:0 auto;
	font-size:.22rem;
}

.mingshi ul li p b{
	width:100%;
	display:block;
	line-height:.6rem;
	font-size:.3rem;
}


.zybox{
	width:94%;
	margin:0 auto;
	margin-top:.4rem;
}

.zybox ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}

.zybox ul li{
	width:32%;
	height:auto;
	background:#FFF;
	border-radius:.1rem;
}

.zybox ul li img{
	width:100%;
	display:block;
}

.zybox ul li dl{
	width:100%;
	height:auto;
	margin:0 auto;
}


.zybox ul li dl dt{
	width:100%;
	height:.8rem;
	line-height:.8rem;
	text-align:center;
	font-size:.28rem;
	font-weight:bold;
	color:#444444;
}


.zybox ul li dl dd{
	width:100%;
	height:.5rem;
	overflow:hidden;
}


.zybox ul li dl dd a{
	width:100%;
	height:.5rem;
	line-height:.5rem;
	text-align:center;
	color:#FFF;
	display:block;
	background:#FF5757;
	border-radius:.08rem;
	font-size:.2rem;
	position:relative;
}


.zybox ul li dl dd a span.money{
	width:.32rem;
	height:.32rem;
	display:block;
	background:url(../images/money.png) no-repeat center center;
	background-size:.32rem auto;
	position:absolute;
	top:.07rem;
	left:.08rem;
	transition:all .5s;
}