@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; }