﻿@charset "utf-8";
html,border{max-width:750px;margin:0 auto;background:#f3f3f3}
.w100{width:100%}
/*服务顶部*/
#service_header{width:100%;padding-top:12px;background-color: #fff;padding-bottom: 5px;}
#service_header .cate{width:92%;height:30px;line-height:30px;text-align:center;background-color:#f0f2f5;border-radius:4px;margin:5px auto;margin-top:0}
#service_header .cate:before{content:"";background-image:url(../images/service1.png);background-repeat:no-repeat;background-position:0 -0px;width:14px;height:14px;float:left;background-size:100%;margin-top:8px;margin-left:34%;margin-right:10px}
#service_header .cate .ser_search{border:0;width:50%;height:100%;margin-top: 4px; background:#f0f2f5;float:left;font-size:1.3rem;color:#999}

#service_card{width:100%;border-top:solid 1px #c1c1c1;font-size:1.3rem;color:#333;background:#f3f3f3}
#service_card:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

#service_card .menu{width:24%;float:left;background:#fff;height:100%;margin-top: 15px;position: fixed;  left: 0;  top: 48px;}
#service_card .menu li{height:50px;border-bottom:solid 1px #e5e5e5;text-align:center;line-height:50px;list-style: none;}
#service_card .menu li.selected{background:#f3f3f3;color:#ff8164}
#service_card .menu_con{width:70%;float:right;margin-right:4%;margin-top: 48px;margin-bottom: 10px;}
#service_card .menu_con .banner{margin:15px 0 10px}
#service_card .menu_con ul{background:#fff;overflow:hidden}
#service_card .menu_con .list{display:none;border-bottom:solid 1px #d8d8d8}
#service_card .menu_con .open{display:block}
#service_card .menu_con .list h3{overflow:hidden;border-bottom:solid 1px #d8d8d8;padding:13px 4%;color:#0096ff}
#service_card .menu_con .list h3:before{content:"";background-image:url(../images/service1.png);background-repeat:no-repeat;width:14px;height:22px;float:left;background-size:100%;margin-right:9px;margin-top:5px}
#service_card .menu_con .list h3 span{float:left}
#service_card .menu_con .list li{width:50%;float:left;padding:15px 4%;margin-bottom:2px}
#service_card .menu_con .list li a{font-size:1.2rem;color:#333}

#service_card .menu_con .list1 h3:before{background-position:-0px -20px}
#service_card .menu_con .list2 h3:before{background-position:-0px -20px}
#service_card .menu_con .list3 h3:before{background-position:-0px -40px}
#service_card .menu_con .list4 h3:before{background-position:-0px -60px}
#service_card .menu_con .list5 h3:before{background-position:-0px -20px}

/*gszc*/
.page-index-constructs {
    max-width: 640px;
    position: relative;
    opacity: 1;
    overflow: hidden;
    margin: auto;
    padding: 10px;
    display: flex;
    padding-bottom: 0;
}
.page-index-constructs .tit,.page-index-constructs .service-menu{
    width: 100%;}
.page-index-constructs .left {
    float: left;
    width: 50%;
    background-color: #f3faff;
}
.page-index-constructs .left label {
    width: 100%;
    height: 5rem;
    background-color: #25A6FF;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 5rem;
    display: block;
}
.page-index-constructs .left ul {
    font-size: 14px;
    margin-left: 20px;
    color: #000;
    margin-top: 17px;
    margin-bottom: 17px;
}
.page-index-constructs .left li {
    line-height: 47px;
    background-color: #f3faff;
}
.page-index-constructs .center{position: absolute;top: 10px;left: 50%;width: 74px;margin-left: -35px;}
.page-index-constructs .center label{width: 5rem;height:5rem;text-align: center;line-height: 6.6rem;background-color: #FFF;display: block; border-radius: 100%; margin:0px 10px;}
.page-index-constructs .center label span{display: inline;font-size: 32px; font-weight: 600;line-height: 100%}
.page-index-constructs .center ul{color: #FFF;overflow: hidden;font-size: 14px;margin-top: 12px;}
.page-index-constructs .center li{width: 74px; height: 36px; text-align: center;line-height: 36px; background-color: #25A6FF;border-radius: 21px; margin: 11px 0;}
.page-index-constructs .right{float: right;width: 50%;background-color: #fffcf0;}
.page-index-constructs .right label{width: 100%;height:5rem;background-color: #FFCC00;color: #FFF;font-size: 18px;text-align: center;line-height: 5rem;display: block;}
.page-index-constructs .right ul{font-size: 14px;text-align:right;margin-right:20px;color: #000;margin-top: 17px; margin-bottom: 17px;}
.page-index-constructs .right li{line-height: 47px; background-color: #fffcf0;}
.icon_wansheng{position: absolute;left: 20px; top: 280px; opacity: 1;}

/*公司注册流程*/
.page-index-13 .swiper-slide p {
    font-size: 1.8rem;
    color: #fff;
    padding:10px 0 0 0px;
    float: left;
    text-align: left;
}
.page-index-13 .swiper-slide p span{
    display: block;
    float: left;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background: #fff;
    border-radius: 50%;
    color: #666;
    margin-left: 1.6rem;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-right: 10px;
    text-align: center;
}
.page-index-13 .swiper-slide div {
    width: 80%;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding-bottom: 10px;
}
.page-index-13 .swiper-slide.advantage_list1 {
    background: #7868ff;
    border-radius: 10px;
}
.page-index-13 .swiper-slide.advantage_list2 {
    background: #ff9b3d;
    border-radius: 10px;
}
.page-index-13 .swiper-slide.advantage_list3 {
    background: #61bdfc;
    border-radius: 10px;
}
.page-index-13 .swiper-slide.advantage_list4 {
    background: #23d795;
    border-radius: 10px;
}
.page-index-13 .swiper-slide.advantage_list5 {
    background: #619bfc;
    border-radius: 10px;
}
.page-index-13 .swiper-slide.advantage_list6 {
    background: #6fc948;
    border-radius: 10px;
}


.data-list {
    width: 100%;
    height: 10rem;
    border-radius: 0.5rem;
    margin: 1rem auto 0;
    padding-left: 1rem;
    box-sizing: border-box;
}
.data-list p {
    font-size: 1.6rem;
    padding: 0.8rem 0 0.6rem 0rem;
}
.data-list1 {
    color: #e18d00;
    background: url(../images/bg_1.png) no-repeat center center;
    background-size: 100% 10rem;
}
.data-list1 li {
    font-size: 1.4rem;
    color: #ca8d26;
    padding-left: 2rem;
    box-sizing: border-box;
    position: relative;
}
.data-list1 li.list1 span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url(../images/star_1.png) no-repeat center center;
    background-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
.data-list1 li.list2 span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url(../images/star_1.png) no-repeat center center;
    background-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
.data-list1 li.list3 span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url(../images/star_1.png) no-repeat center center;
    background-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
.data-list1 li.list4 span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url(../images/star_1.png) no-repeat center center;
    background-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
.data-list1 li.list1,.data-list1 li.list3 {
    width: 50%;
}
.data-list1 li.list1,.data-list1 li.list2 {
    margin-bottom: 0.2rem;
}
.data-list2 {
    color: #fd1600;
    background: url(../images/bg_2.png) no-repeat center center;
    background-size: 100% 10rem;
}
.data-list2 div {
    font-size:1.4rem;
    color: #ff670f;
    margin-bottom: 0.2rem;
    padding-left: 2rem;
    position: relative;
}
.data-list2 div span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url(../images/star_2.png) no-repeat center center;
    background-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
}
.data-list3 {
    color: #4853f9;
    background: url(../images/bg_3.png) no-repeat center center;
    background-size: 100% 10rem;
}
.data-list3 div {
    font-size: 1.4rem;
    color: #708edb;
    margin-bottom: 0.2rem;
    padding-left: 2rem;
    position: relative;
}
.data-list3 div span {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    background: url(../images/star_3.png) no-repeat center center;
    background-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.7rem;
}


/*代理记账*/
.problem-list{
    padding: 10px;
}
.problem-list .problem-que{
    padding: 10px 2rem;
    position: relative;
    text-align: justify;
    color: #ff7852;
}
.problem-que span {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    border-radius: 50%;
    color: #fefefe;
    background: #ff7852;
    position: absolute;
    left: -0.7466666666666667rem;
    top: 1rem;
    font-size: 14px;
}
.problem-anw {
    position: relative;
    text-align: justify;
    line-height: 2rem;
    padding: 0 2rem;
}
.problem-anw span {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    border-radius: 50%;
    color: #fefefe;
    background: #60c87e;
    position: absolute;
    left: -0.7466666666666667rem;
    top: 1rem;
    font-size: 14px;
}