@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: 2.7rem;
}
.fservice-nav{
padding:0 0.3rem;
height: 2.7rem;
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;
}