@charset "utf-8";
/* CSS Document */
html,body{
	font-family:"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.cstp img{
	width: 7.5rem;	
}
.stop{
	border-bottom: 1px solid #ebebeb;
}
.fservice{
	width: 100%;
	overflow: hidden;
	margin-bottom: .85rem;
}
.fservice-sp .swiper-slide img{
	width: 7.5rem;
}
.fservice-sp .fservice-span span{
	width: .15rem;
	height: .15rem;
	border-radius: 100%;
	background: #979898
}
.fservice-sp .fservice-span .swiper-pagination-bullet-active{
	background: #00a074;
}
.fservicenav{
	width: 100%;
	height: .9rem;
}
.fservice-nav{
	padding:0 0.3rem;
	height: .9rem;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	background: #fff;
}
.fservice-nav-scroll{
	position: fixed;
	top:.88rem;
	z-index: 4;
}
.fservice-nav a{
	display: block;
	width: 2.3rem;
	font-size: .28rem;
	color: #666;
	text-align: center;
	line-height: .9rem;
	float: left;
	position: relative;
}
.fservice-nav a:after{
	content:"";
	width: .02rem;
	height: .38rem;
	background: #fafafa;
	position: absolute;
	left: 0rem;
    top:.26rem
}
.fservice-nav a:first-child:after{
	width: 0;
}
.fservice-nav .cli:after{
	width: 0;
}
.fservice-nav .cli{
	background: #00a074;
	color: #fff;
}

.fintroduce{
	margin-bottom: .85rem;
	overflow: hidden;
}
.fintroduce-img1{
	width: 7.5rem;
}
.fintroduce-h1{
	font-size: .36rem;
	color: #2c2c2c;
	padding: .5rem .5rem .3rem .5rem;
	line-height: .4rem;
	position: relative;
}
.fintroduce-h1:after{
	content:"";
	width: .04rem;
	height: .4rem;
	background: #00a074;
	position: absolute;
	left: .3rem;

}
.fintroduce .h1-1{
	border-bottom: 1px solid #ebebeb;
}
.fintroduce-d1{
	font-size: .26rem;
	color: #777;
	line-height: .5rem;
	width: 6.3rem;
	margin-left: .3rem;
	padding: .3rem;
	border-bottom: 1px solid #ebebeb;
}
.fintroduce-d1 .fd1-d2{
	color: #ff0000;
	line-height: .6rem;
}
.fintroduce-ul1{
	overflow: hidden;
}
.fintroduce-ul1 li{
	width: 3.3rem;
	float: left;
	margin-left: .3rem;
	margin-bottom: .4rem;
	border: 1px solid #ebebeb;
}
.fintroduce-ul1 li img{
	width: 100%;
}
.fintroduce-ul1 li .li-d1{
	width: .33rem;
	height: .33rem;
	background: #00a074;
	font-size: .3rem;
	line-height: .33rem;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	float: left;
	margin: .27rem .15rem 0 .25rem;
}
.fintroduce-ul1 li .li-d2{
	font-size: .3rem;
	line-height: .3rem;
	margin-top: .3rem;
	color: #333;
	float: left;
}
.fintroduce-ul1 li .li-d3{
	width: 2.8rem;
	margin:.15rem .25rem .25rem .25rem;
	font-size: .26rem;
	line-height: .38rem;
	max-height: .76rem;
	color: #666;
	float: left;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fintroduce .h1-2{
	padding-top: .1rem;
	padding-bottom: .4rem;
}
.fintroduce-ul2{
	overflow: hidden;
}
.fintroduce-ul2 li{
	padding: 0 .3rem;
	overflow: hidden;
}
.fintroduce-ul2 li .li-img{
	width: 100%;
	margin-bottom: .45rem;
}
.fintroduce-ul2 li .li-d1{
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	font-size: .48rem;
	color: #fff;
	float: left;
	background: #008560;
}
.fintroduce-ul2 li .li-d2{
	width: 5.7rem;
	padding: 0 .3rem;
	font-size: .3rem;
	line-height: .3rem;
	color: #555;
	float: right;
}
.fintroduce-ul2 li .li-d3{
	width: 5.7rem;
	padding: 0 .3rem;
	font-size: .26rem;
	color: #777;
	line-height: .4rem;
    float: right;
    margin-top: .1rem;
    margin-bottom: .4rem;
}
.fintroduce-d2{
padding: 0 .3rem;
height: 1.5rem;
position: relative;
}
.fintroduce-d2 .d2-img{
	width: .73rem;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -2.35rem;
	z-index: 1;
}
.fintroduce-d2 a{
	display: block;
	width: 3.75rem;
	height: .85rem;
	background: #ececec;
	font-size: .36rem;
	color: #666;
	line-height: .85rem;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: .34rem;
}
.fintroduce-d2 div img{
	width: .15rem;
	margin-left: .2rem;
}
.fintroduce-d3{
	display: inline-block;
	position: fixed;
	right: .05rem;
	top:4.3rem;
	z-index: 4;
}
.fintroduce-d3 img{
	width: 1rem;
}
.fintroduce-d4{
	width: 6rem;
	height: 6rem;
	position: fixed;
	right: -2.1rem;
	top:2.1rem;
	background: rgba(0,0,0,.8);
	border-radius: .5rem;
	opacity: 0;
	transform:scale(.2);
	transition: all .2s;
    -webkit-transition: all .2s;
    z-index: 3;
}
.fintroduce-d4.fintroduce-qh{
	right: .75rem;
	top:3rem;
	opacity: 1;
	transform:scale(1);
	transition: all .2s;
    -webkit-transition: all .2s;
}
.fintroduce-d4 a{
	display: inline-block;
	width: 2rem;
	height: 1.5rem;
	font-size: .2rem;
	color: #fff;
	text-align: center;
	line-height: .5rem;
	position: absolute;
}
.fintroduce-d4 a img{
	width: 1rem;
	line-height: 0;
	vertical-align: middle;
}
.fintroduce-d4 a div{
	width: 2rem;
}
.fintroduce-d4 .d4-a1{
	top:1.2rem;
	left: .2rem;
}
.fintroduce-d4 .d4-a2{
	top:.4rem;
	left: 50%;
	margin-left: -1rem;
}
.fintroduce-d4 .d4-a3{
	top:1.2rem;
	right: .2rem;
}
.fintroduce-d4 .d4-a4{
	top:3.2rem;
	right: .2rem;
}
.fintroduce-d4 .d4-a5{
	top:3.2rem;
	left: .2rem;
}
.fintroduce-d4 .d4-img{
	width: .6rem;
	position: absolute;
	left: 50%;
	bottom: .6rem;
	margin-left: -.21rem;
	
}

.fprocess{
	margin-bottom: .85rem;
}
.fprocess-ul{
	width: 6.9rem;
	margin: 0 .3rem;
	padding-top: .15rem;
	border-top: 1px solid #ebebeb;
	overflow: hidden;
}
.fprocess-ul li{
	padding-left: .25rem;
	margin-top: .3rem;
	overflow: hidden;
	background-image: url(../img/swxxc_icon12.png);
	background-repeat: repeat-y;
	background-size: .02rem;
	background-position-x:.45rem;
	background-position-y:.54rem;
}
.fprocess-d1{
	width: .4rem;
	height: .4rem;
	border-radius: 100%;
	background: url(../img/swxxc_icon11.png) no-repeat center;
	background-size:cover ;
	font-size: .36rem;
	color: #fff;
	line-height: .4rem;
	text-align: center;
	float: left;
}
.fprocess-d2{
	width: 6rem;
	float: right;
	font-size: .3rem;
	color: #444;
	line-height: .4rem;
}
.fprocess-d3{
	width: 6rem;
	float: right;
	border-bottom: 1px solid #ebebeb;
	padding: .2rem 0;
}
.fprocess-d3 .fd3-div{
	width: 2rem;
	float: left;
	text-align: center;
	padding: .35rem 0;
	position: relative;
	z-index: 1;
}
.fprocess-d3 .fd3-div img{
	width: .8rem;
}
.fprocess-d3 .fd3-div div{
	font-size: .22rem;
	color: #444;
	line-height: .6rem;
}
.fprocess-d3 .fd3-div span{
	display: inline-block;
	width: .24rem;
	height: .15rem;
	background-image: url(../img/swxxc_icon15.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top:.7rem;
	left: -.12rem;
	
}
.fprocess-xg{
	height: 2.1rem;
}
.fprocess-xg:nth-child(2n+0) .fd3-div{
	float: right;
}
.fprocess-xg:nth-child(2n+0) .fd3-div span{
	background-image: url(../img/swxxc_icon17.png);
	width: .24rem;
	height: .15rem;
	top:.7rem;
	left: inherit;
	right: -.12rem;
}
.fprocess-xg .fd3-div:first-child span{
	background-image: url(../img/swxxc_icon16.png);
	width: .15rem;
	height: .24rem;
	top:-.12rem;
	left: 50%;
	margin-left: -.07rem;
}
.fprocess-xg:first-child .fd3-div:first-child span{
	display: none;
}
.fprocess-ul li:last-child{
	background: none;
}
.fprocess-ul li:last-child .fprocess-d3{
	border-bottom: 0;
}



.fpolicy{
	margin-bottom: .85rem;
}
.fpolicy-d1{
	width: 6.5rem;
	margin-left: .3rem;
}
.fpolicy-d1 .fd1-d1{
	padding: .6rem .3rem;
	border-top:1px solid #ebebeb;
	font-size: .26rem;
	line-height: .4rem;
	overflow: hidden;
}
.fpolicy-d1 .fd1-img{
	width: .8rem;
	float: left;
}
.fpolicy-d1 .fd1-d1-a{
	width: 4.6rem;
	color: #333;
	padding: 0 .25rem;
    float: right;
}
.fpolicy-d1 .fd1-d1-b{
	color: #666;
	padding: 0 .25rem;
	width: 4.6rem;
	float: right;
}
.fpolicy-d1 .fd1-d1-c{
	width: 4.6rem;
	padding: 0 .25rem;
	float: right;
}
.fpolicy-d1 .fd1-d1-c .list-a{
	padding: .15rem 0 .25rem 0;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	margin-bottom: .15rem;
}
.fpolicy-d1 .fd1-d1-c .list-a1{
	width: .3rem;
	height: .3rem;
	border-radius: 100%;
	background: #00a675;
	font-size: .26rem;
	text-align: center;
	line-height: .3rem;
	color: #fff;
	float: left;
	margin-top: .04rem;
}
.fpolicy-d1 .fd1-d1-c .list-a2{
	width: 4rem;
	float: right;
	padding: 0 .15rem;
	color: #666;
}
.fpolicy-d1 .fd1-d1-d{
	width: 4.6rem;
	float: right;
	margin-right: .3rem;
	font-size: .24rem;
	color: #666;
}
.fpolicy-d1 .p-bottom{
	padding-bottom: .4rem;
}
.fpolicy-d1-img{
	width: 6.9rem;
}
.fpolicy-d2{
	width: 6.9rem;
	margin-left: .3rem;
	overflow: hidden;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
.fpolicy-d2-a{
	width: 6.2rem;
	margin: 0 auto;
	border-top: 1px solid #ebebeb;
	font-size: .28rem;
	color: #666;
	padding: .35rem 0 .75rem 0;
}
.fpolicy-d2-a:first-child{
	border-top: 0;
}
.fpolicy-d2-a .fd2-a1{
	font-size: .3rem;
	color: #333;
	line-height: .7rem;
	text-align: center;
}
.fpolicy .fcon{
	font-size: .28rem;
	color: #666;
	line-height: .45rem;
}
.fpolicy-d3 img{
	width: 6.9rem;
}
.fpolicy-d4{
	width: 6.2rem;
	padding: .25rem .35rem;
	margin: 0 auto;
	border-top:1px solid #ebebeb;
}
.fpolicy .fcon2{
	font-size: .26rem;
	line-height: .42rem;
}









