.top-img{
    position: relative;
    height: 3.5rem;;
    /*background: url(../image/bussiness/business-header.png) center no-repeat;*/
    /*background-size: 150%;*/
    /*height: 6rem;*/
    /*background-position-y: 0rem;*/
}
.top-img img{
    height:100% ;
}
.top1{
    top: 0.1rem;
    width: 95% !important;
    left: 0.2rem;
}
.top2{
    width: 45% !important;
    top: 65%;
    left: 10%;
}
.top3{
    width: 35% !important;
    left: 45%;
    bottom: 0;
}
.top4{
    right: 0;
    bottom: 0;
}
.top1,.top2,.top3,.top4{
    position: absolute;
    height: auto !important;
}
.main-intro{
    width: 90%;
    margin: 0 auto;

}
.why-bg{
    background: url("../image/attract/why-bg.png") no-repeat center;
    background-size: 100% 100%;
}
.blob{
    margin-bottom: 0.4rem;
    margin-top: 0;
    padding-top: 0.6rem;
}
.blob span{
    color: #2196F3;
}
.about-intro{
    font-size: 0.28rem;
    line-height: 0.5rem;
}
.about-intro-img{
    width: 80%;
    margin: 0 auto;
    margin-top: 0.3rem;
}
.about-intro-img img{
    width: 100%;
}
.why-div{
    display: flex;
    position: relative;
    width: 100%;
    height: 5rem;
    padding-top: 0.6rem;
    margin-top: 0.4rem;
}
.why-divs{
    position: absolute;
    width: 2rem;
}
.why-divs div{
    position: relative;
    padding-bottom: 0.1rem;
    text-align: center;
    /*height: 2.105263rem;*/
    font-size: 0.4rem;
    font-weight: normal;
    font-stretch: normal;
    /*line-height: 2.105263rem;*/
    letter-spacing: 0px;
    color: #fe5676;
}
.why-divs div::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    width: 1rem;
    height: 1px;
    background-image: linear-gradient(267deg, #11998e 0%, #38ef7d 100%), linear-gradient(#242424, #242424);
    background-blend-mode: normal, normal;
}
.why-divs p{
    text-align: center;
    font-size: 0.2rem;
    margin-top: 0.1rem;
}
.why-div2{
    top: 40%;
    left: 5%;
}
.why-div3{
    left: 35%;
    top: 60%;
}
.why-div4{
    right: 5%;
    top: 40%;
}
.why-div5{
    right: 0;
}
.why-div6{
    width: 30%;
    left: 35%;
}
.why-div6 img{
    width: 100%;
}
.me-tit-img{
    display: flex;
    width: 95%;
    margin: 0 auto;
    padding: 0.3rem 0;
}
.me-tit-img1{
    width: 33.3%;
    text-align: center;
}
.me-tit-img1 img{
    width: 95%;
}
/* ------------------  5大解决方案    ----------------------- */

.solve-wrap {
    padding-top: 0.1rem;
}

.solve-wrap .title {
    width: 2.2rem;
    height: 0.4rem;
    margin: 0 auto;
    margin-bottom: 0.4rem;
    /*background: url(../image/attract/title-1.png) no-repeat;*/
    background-size: 100% 100%;
}

.solve-inner-wrap {
    width: 66.578947rem;
    margin: 0 auto;
}

.navigation {
    /*width: 73.947368rem;*/
    width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    margin-top: 0.3rem;
    /*margin-bottom: 3.263158rem;*/
}

.navigation p {
    width: 18%;
    /* height: 3.157895rem; */
    /* line-height: 3.263158rem; */
    box-shadow: 0px 2px 6px 0px rgba(87, 147, 214, 0.44);
    border-radius: 1.421053rem;
    text-align: center;
    color: #ee0979;
    font-size: 0.2rem;
    border: 1px solid #ee0979;
    cursor: pointer;
    margin-left: 1.66%;
    margin-bottom: 0.3rem;

}

.navigation .active {

    background-image: linear-gradient(0deg,
    #ee0979 0%,
    #f73a3d 75%,
    #ff6a00 100%),
    linear-gradient(#fee505,
            #fee505);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 2px 6px 0px rgba(197, 11, 2, 0.44);
    border-radius: 1.421053rem;
    text-align: center;
    color: #ffffff;
}

.nav-item-icon-wrap {
    /* padding: 1.421053rem 0; */
}

.nav-item-icon {

    width: 100%;
    /* height: 3.368421rem; */
}

.navigation-item-wrap {
    width: 7rem;
    /* margin: 0 auto; */
    /* width: 0.1rem; */
    position: relative;
    left: 0.25rem;
}

.navigation-item-wrap .nav-item:nth-child(7n) {
    /* background: red; */
    margin-right: 0;
}

.nav-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    float: left;
    width: 25%;
    /*width: 8.210526rem;*/
    /*height: 9.947368rem;*/
    /* box-shadow: 0px 0px 10px 0px rgba(3, 57, 232, 0.15); */
    border-radius: 10px;
    /*margin-right: 1.157895rem;*/
    /*margin-bottom: 1.736842rem;*/

}

.subsection {
    padding: 1.105263rem 0;
    border-top: 1px solid #bcbcbc;
    width: 6.421053rem;
}

.subsection-title {
    font-weight: 700;
    text-align: center;
}

.subsection-area {
    text-align: center;
}

.clearfix::after {
    content: ".";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.clearfix {
    zoom: 1;
}
.start-div{
    text-align: center;
    margin-top: 0.5rem;
    position: relative;
    height: 6rem;
}
.start-div-img1{
    width: 5.5rem;
}
.start-div .start-div-tit2{
    font-size: 0.2rem;
    /*color: rgba(51, 51, 51, 1);*/
    margin: 0.1rem 0;
}
.start-div-tit{
    font-size: 0.32rem;
    background: linear-gradient(to right, #f80759, #bc4e9c);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    text-align: center;
    /*margin-bottom: 0.3rem;*/
}
.start-div-img2{
    width: 60%;
    margin-left: 30%;
}
.start-div div{
    text-align: left;
    font-size: 0.2rem;
    padding-left: 0.4rem;
    color: white;
    /* padding-bottom: 0.4rem; */
    position: absolute;
    bottom: 0.3rem;
}
.start-div-bg{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
/*起步领先*/
.starting{
    background: url("../image/attract/starting-bg.png") no-repeat center;
    background-size: 100% 100%;
    /*padding-top: 0.6rem;*/
    padding: 0.4rem 0.4rem 0.3rem;
}
.starting .start-div-tit{
    margin-bottom: 0.6rem;
}
.starting-img{
    width:90% ;
}
.starting-img img{
    width: 100%;
}
/*服务支持*/
.support{
    padding: 0.6rem 0.4rem 0.3rem;
}
.start-div-tit2,.join-tit{
    font-size: 0.3rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.1rem;
}
.join-tit img{
    float: right;
    width: 0.4rem;
}
.support-img{
    display: flex;
    margin-top: 0.4rem;
}
.support-img-left,.support-img-right{
    width: 50%;
}
.support-left-img{
    margin-bottom: 0.1rem;
}
.support-img-left img{
    width: 48%;
}
.support-img-right{
    text-align: right;
}
.support-img-right img{
    width: 90%;
}
.support-bottom img{
    width: 100%;
}

/*.support-bottom{*/
/*    margin-top: 0.4rem;*/
/*}*/
/*加盟政策*/
.join{
    margin-top: 0.3rem;
    position: relative;
    height: 8rem;
}
.join-bg{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.join-main .join-tit{
    text-align: left;
}
.join-main{
    width: 90%;
    margin: 0 auto;
    padding: 0.3rem;
    box-shadow: 1px 0px 5px 0px gainsboro;
    margin-top: 0.3rem;
    background: white;
}
.join-info{
    font-size: 0.25rem;
    margin: 0.3rem 0;
}
.join-img img{
    width: 100%;
}
/*底部申请*/
.bottom-apply{
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}
.bottom-apply .start-div-tit2{
    font-size: 0.28rem;
    text-align: center;
    margin-top: 0.1rem;
}
.bottom-apply .start-div-tit2 span{
    color:#2fb9e7 ;
}
.apply-from-div{
    width: 80%;
    margin: 0 auto;
    margin-top: 0.4rem;
    font-size: 0.2rem;
}
.apply-from-div label,.apply-from-div input{
    font-size: 0.2rem;
}
.apply-from1{
    display: flex;
}
.from1,.from2{
    width: 50%;
}
.from1 input,.from2 input{
    width: 65%;
}
.apply-from2{
    margin: 0.2rem 0;
}
.apply-from2 input{
    font-size: 0.2rem;
    width: 83%;
}
.apply-p1{
    text-align: center;
}
.apply-from-btn{
    width: 25%;
    background: #00d8ff;
    text-align: center;
    color: white;
    height: 0.45rem;
    line-height: 0.45rem;
    border-radius: 1rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}