span, p{
    word-wrap:break-word
}
.header {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 7.5rem;
    height: .9rem;
    background: rgba(30, 36, 34, .5);
}

.header .logo img {
    width: 4rem;
    height: .5rem;
}

.header .search img,
.header .menu img {
    width: .42rem;
    height: .42rem;
}

.header .logo {
    margin-top: .19rem;
    margin-left: .25rem;
}

.header .search {
    margin-top: .22rem;
    margin-right: .44rem;
}

.header .menu {
    margin-top: .22rem;
    margin-right: .23rem;
}

/* banner */
.banner {
    position: relative;
    width: 7.5rem;
    height: 4.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
}

.banner .title {
    position: absolute;
    top: 1.4rem;
    z-index: 1;
    width: 100%;
    font-size: .36rem;
    font-weight: bold;
}

.banner .subhead {
    position: absolute;
    top: 2rem;
    z-index: 1;
    width: 100%;
    font-size: .22rem;
    padding-top: .2rem;
}

.banner .phone {
    font-size: .23rem;
    line-height: .98rem;
}
.banner .phone span:first-child{
    margin-right: .4rem;
}
.banner .phone img{
    position: relative;
    top: -0.38rem;
    width: .31rem;
    height: .31rem;
}
.banner .gain {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    bottom: .2rem;
    margin: 0 auto;
    width: 100%;
}
.banner .gain a {
    font-size: .24rem;
}

.banner .gain a:first-child {
    margin-right: .2rem;
}
.banner .gain a:first-child {
    background: #09C383;
}

.banner .gain a:last-child {
    background: #FA9A09;
}
.banner .wxptHal{
    margin-top: .5rem;
}
.banner .mySwiper1{
    width: 7.5rem;
    height: 4.2rem;
}
.banner .mySwiper1 .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* 广告1 */
.advertising1{
    display: block;
    width: 7.5rem;
    height: 1.4rem;
    background-color: #fff;
}
.advertising1 img{
    display: block;
    width: 7.5rem;
    height: 1.4rem;
}
/* footer */
.mainHeight{
    min-height: calc(100vh - 2rem);
}
/* .footer{
    width: 7.5rem;
    height: 1rem;
    margin-bottom: .96rem;
} */
.footerinfo{
    background-color: #282828;
    font-size: .24rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    padding: .2rem;
    height: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
.footerbottomBar{
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 7.54rem;
    height: 1rem;
    background-color: #3F3F3F;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    align-content: center;
    align-items: center;
}
.footerbottomBar li{
    width: 25%;
}
.footerbottomBar a{
    position: relative;
    font-size: .22rem;
    font-weight: 400;
    color: #FFFFFF;
}
.footerbottomBar a::before{
    content: '';
    position: absolute;
    top: .1rem;
    right: 0;
    width: .01rem;
    height: .45rem;
    background-color: #A5A5A5;
}
.footerbottomBar li:last-child a::before{
    content: '';
    display: none;
}
.footerbottomBar img{
    display: block;
    width: .4rem;
    height: .4rem;
    margin:  0 auto;
}
/* 侧边展开菜单 */
.mask{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    width: 7.5rem;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.bodyMenu{
    position: fixed;
    top: 0;
    right: -3.8rem;
    z-index: 102;
    width: 3.8rem;
    /* height: 100%; */
    margin-left: 3.11rem;
    /* box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16); */
}
.bodyMenu .stair a{
    position: relative;
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    background-color: #fff;
    font-size: .28rem;
    font-weight: 400;
    color: #222222;
    border-bottom: 1px solid #EEEEEE;
    padding-left: .56rem;
}
.bodyMenu .stair .second a{
    height: .8rem;
    line-height: .8rem;
    background: #F9F9F9;
    font-size: .26rem;
    color: #454545;
    padding-left: .9rem;
}
.bodyMenu .stair .second .secondbox a{
    color: #898989;
    padding-left: 1.2rem;
}
.bodyMenu .unfold i{
    position: absolute;
    top: 0;
    right: .3rem;
    width: .8rem;
    height: .8rem;
    background-image: url(../imgs/icon/icon_unfold.png);
    background-repeat: no-repeat;
    background-size: .25rem .14rem;
    background-position: center;
}

.bodyMenu .stair a.active i{
    transform: rotate(180deg);
}
.bodyMenu .stair .second{
    right: .38rem;
}
.bodyMenu .clear{
    position: absolute;
    top: .28rem;
    top: .28rem;
    right: 4rem;
    width: .3rem;
    height: .28rem;
    background-image: url(../imgs/icon/clear.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 产品服务-网站建设 */

/* 网站建设 */
.caseShow{
    width: 7.5rem;
    background: #FFFFFF;
}
.caseShow .tab{
    font-size: .28rem;
    height: .6rem;
    line-height: .6rem;
    color: #666666;
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-x: initial;
    /*padding: 0 .25rem;*/
    box-sizing: border-box;
}
 .caseShow .tab span{
    position: relative;
    font-weight: bold;
     margin: 0 0.2rem;
     display: block;
}
.caseShow .tab span.active{
    color: #09C383;
    border-bottom: .01rem solid #09C383;
}
.caseShow .tab span.active a{
    color: #09C383;
}

.wzjs .tab{
    margin-top: .35rem;
}
.wzjsContent{
    margin-top: .46rem;
}
.wzjsContent li{
    float: left;
    margin-left: .3rem;
    margin-right: .2rem;
}
.wzjsContent li:nth-child(2n){
    float: left;
    margin-left: 0;
    margin-right: .3rem;
}
.wzjsContent .imgbox{
    width: 3.35rem;
    height: 2.23rem;
    box-shadow: 0px 0px .2rem rgba(0, 0, 0, 0);
    border-radius: .04rem;
}
.wzjsContent .imgbox img{
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}
.wzjsContent p{
    font-size: .26rem;
    color: #444444;
    text-align: center;
    margin: .28rem 0 .49rem;
}
.page{
    margin: .5rem 0;
}
.page a{
    position: relative;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: rgba(0, 0, 0, .5);
    border-radius: .03rem;
}
.page a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .16rem;
    height: .16rem;
    margin-top: -.08rem;
    margin-left: -.08rem;
    border-top: .01rem solid #fff;
    border-right: .01rem solid #fff;
    transform: rotate(225deg);
}
.page a.page-prev{
    margin-right: .23rem;
}
.page a.page-next::before{
    transform: rotate(45deg);
}

.page .active{
    position: relative;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: #09C383;
    border-radius: .03rem;
}

/* 全面、专业、智能的解决方案 */
.jjfa{
    width: 7.5rem;
    background: #ECF0F7;
    padding-bottom: .5rem;
}
.jjfaContent{
    width: 7rem;
    background: #FFFFFF;
    margin: 0 auto;
}

.jjfaContent ul{
    display: none;
}
.jjfaContent ul:first-child{
    display: block;
}

.jjfaContent li{
    padding: 0 .21rem;
}
.jjfaContent h4,
.jjfaContent a{
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    border-bottom: .01rem solid #eee;
    text-indent: .12rem;
}
.jjfaContent h4{
    font-size: .3rem;
    font-weight: bold;
    color: #373737;
}
.jjfaContent a{
    position: relative;
    font-size: .28rem;
    font-weight: 400;
    color: #757575;
}
.jjfaContent li:last-child a{
    border-bottom: none;
}

.jjfaContent a::before{
    content: '';
    position: absolute;
    top: 50%;
    right: .12rem;
    margin-top: -.08rem;
    width: .16rem;
    height: .16rem;
    border-top: .01rem solid #b7b7b7;
    border-right: .01rem solid #b7b7b7;
    transform: rotate(45deg);
}
.cpfwWzjs .jjfa .tab{
    margin-bottom: .53rem;
}
.cpfwWzjs .cpfwTabContent .cpfwTabContentItem{
    display: none;
}
.cpfwWzjs .cpfwTabContent .cpfwTabContentItem:first-child{
    display: block;
}
/* 10年以上行业经验 */
.decade{
    width: 7.5rem;
    padding-bottom: .14rem;
}
.decade .title{
    font-size: .3rem;
    font-weight: 400;
    color: #252525;
    padding: .49rem 0 .55rem;
    text-align: center;
}
.decade .title span{
    font-size: .36rem;
    font-weight: Bold;
    color: #09C383;
}
.decade .content ul{
    padding: 0 .25rem;
}
.decade .content li{
    float: left;
    width: 3.4rem;
    height: 2.65rem;
    background: #FFFFFF;
    border: .01rem solid #EEEEEE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: .2rem;
    margin-bottom: .2rem;
}
.decade .content li:nth-child(2n){
    margin-right: 0;
}
.decade .content h4{
    font-size: .28rem;
    font-weight: bold;
    color: #252525;
    margin: .27rem 0 .2rem;
}
.decade .content img{
    display: block;
    width: .67rem;
    height: .67rem;
}
.decade .content span{
    display: block;
    font-size: .22rem;
    font-weight: 400;
    color: #656565;
}
/* 产品服务-网站详情 */
.cpfwDetails{
    width: 7.5rem;
    background: #ECF0F7;
    padding-top: .2rem;
}
.cpfwDetails .tab {
    display: flex;
    justify-content: center;
    width: 2.7rem;
    margin: 0 auto;
    padding-bottom: .28rem;
    text-align: center;
}
.cpfwDetails .tab span,
.cpfwDetails .tabContent .swiperTab span{
    position: relative;
    /* float: left; */
    display: inline-block;
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #FFFFFF;
    border-radius: .04rem;
    font-size: .28rem;
    color: #666666;
    text-align: center;
}
.cpfwDetails .tab span:first-child{
    margin-right: .3rem;
}
.cpfwDetails .tab span.active,
.cpfwDetails .tabContent .swiperTab span.active{
    color: #fff;
    background: #09C383;
}
.cpfwDetails .tab span.active::before{
    content: '';
    position: absolute;
    bottom: -.06rem;
    left: 50%;
    width: .12rem;
    height: .12rem;
    margin-left: -.06rem;
    background-color: #09C383;
    transform: rotate(45deg);
}
.cpfwDetails .tabContent .information{
    width: 7rem;
    background-color: #fff;
    padding: 0 .2rem;
    margin: 0 .25rem;
}
.cpfwDetails .tabContent .swiperTab span{
    margin-top: .27rem;
}
.cpfwDetails .tabContent .swiperTab span{
    background: #F9F9F9;
    margin-right: .15rem;
}
.cpfwDetails .tabContent .swiperTab span:last-child{
    margin-right: 0;
}
.swiperPc,
.swiperWap
{
    position: relative;
    width: 100%;
    padding-bottom: .6rem;
    padding-top: .42rem;
}
.swiperPcContent,
.swiperWapContent{
    position: relative;
    width: 5.27rem;
    height: 4.18rem;
    background-image: url(../imgs/background-image/computer.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}
.swiperWapContent{
    width: 3.79rem;
    height: 7.65rem;
    background-image: url(../imgs/background-image/backg_wap2.png);
}
.swiper-container-tabPc,
.swiper-container-tabWap{
    position: relative;
    top: .18rem;
    width: 5rem;
    height: 3.12rem;
}
.swiper-container-tabPc .swiper-slide,
.swiper-container-tabWap .swiper-slide{
    overflow: auto;
}
.swiper-container-tabPc img{
    width: 100%;
    min-height: 3.12rem;
}
.swiper-container-tabWap img{
    width: 100%;
    min-height: 6.36rem;
}
.swiper-container-tabWap{
    top: .62rem;
    width: 3.27rem;
    height: 6.36rem;
}
.swiperPc .swiper-button-prev-radius,
.swiperPc .swiper-button-next-radius{
    top: 46%;
}
/*  */
.tabContent .info .title,
.tabContent .info .subhead{
    font-size: .28rem;
    color: #232323;
}
.tabContent .info .text{
    font-size: .26rem;
    color: #7A7A7A;
    line-height: .36rem;
    margin-top: .29rem;
    padding-bottom: .5rem;
}
.tabContent .info .link a{
    display: block;
    font-size: .24rem;
    color: #09C383;
    height: .5rem;
    line-height: .5rem;
}

.tabContent .info img{
    display: block;
    width: 1.87rem;
    height: 1.85rem;
}
.tabContent .info .sort{
    width: 100%;
    margin: .26rem 0 .49rem;
}
.tabContent .info .sort span{
    float: left;
    display: block;
    width: auto;
    height: .6rem;
    line-height: .6rem;
    background: #F5F5F5;
    border-radius: .03rem;
    font-size: .2rem;
    color: #525252;
    text-align: center;
    padding: 0 .2rem;
    margin: 0 .15rem .15rem 0;
}
.tabContent .info .sort span.active{
    color: #09C383;
    background: #EBF8F2;
}
.tabContent .article{
    padding-top: .4rem;
}
.tabContent .article h2 {
    text-align: center;
    font-size: .36rem;
    color: #000000;
}
.tabContent .article .time {
    text-align: center;
    font-size: .28rem;
    color: #999999;
    margin: .3rem 0;
}
.tabContent .article .time span {
    margin-right: .2rem;
}

.tabContent .article .imgbox {
    display: block;
    width: 100%;
    height: 3.44rem;
    margin-bottom: .3rem;
}
.tabContent .article .particulars{
    font-size: .26rem;
    line-height: .5rem;
    color: #000000;
    padding-bottom: .33rem;
    border-bottom: .01rem solid #eee;
}
.tabContent .article .handle{
    height: 1.12rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-bottom: .01rem solid #eee;
}
.tabContent .article .handle li{
    width: 25%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .22rem;
    color: #989898;
    border-right: .01rem solid #ECECEC;
}
.tabContent .article .handle li:last-child{
    border-right: none;
}
.tabContent .article .handle .icon{
    display: block;
    width: .38rem;
    height: .38rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.tabContent .article .handle .icon1{
    background-image: url(../imgs/icon/slices/icon1.png);
}
.tabContent .article .handle .icon2{
    background-image: url(../imgs/icon/slices/icon2.png);
}
.tabContent .article .handle .icon3{
    background-image: url(../imgs/icon/slices/icon3.png);
}
.tabContent .article .handle .icon4{
    background-image: url(../imgs/icon/slices/icon4.png);
}
.tabContent .article .handle span{
    display: block;
}
.tabContent .article .handle li.active .icon1{
    background-image: url(../imgs/icon/slices/icon1_h.png);
}
.tabContent .article .handle li.active .icon2{
    background-image: url(../imgs/icon/slices/icon2_h.png);
}
/* .tabContent .article .handle li.active .icon3{
    background-image: url(../imgs/icon/slices/icon3_h.png);
}
.tabContent .article .handle li.active .icon4{
    background-image: url(../imgs/icon/slices/icon4_h.png); 
}*/
.tabContent .wzjs-swiper{
    padding-bottom: 0.32rem;

}
.tabContent .wzjs-swiper h4{
    font-size: .32rem;
    color: #222;
    padding-top: .32rem;
    text-align: center;
    font-weight: bold;
}
.tabContent .wzjs-swiper #wzjsSwiperTabWap{
    display: flex;
    justify-content: center;
    margin-top: .27rem;
}
.tabContent .wzjs-swiper #wzjsSwiperTabWap li{
    width: 1.44rem;
    height: 0.6rem;
    border-radius: 0.0.rem;
    background: #F9F9F9;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.26rem;
    margin: 0 0.1rem;
}
.tabContent .wzjs-swiper #wzjsSwiperTabWap li.active a{
    background-color: #09C383;
    color: #fff;
}
.tabContent .wzjs-swiper .wzjs-swiper-content-box{
    margin-top: 0.34rem;
}
.tabContent .wzjs-swiper .wzjs-swiper-content-box .wzjs-swiper-content{
    display: none;
}
.tabContent .wzjs-swiper #wzjsSwiperContent{
    position: relative;
    width: 5.27rem;
    height: 4.18rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    padding-top: 0.17rem;
    background-image: url(../imgs/backg_pc2.png);
}
.tabContent .wzjs-swiper #wzjsSwiperContent .swiper-container{
    width: 5rem;
    height: 3.12rem;
    margin: 0 auto;
    padding: 0;
}
.tabContent .wzjs-swiper #wzjsSwiperContent .swiper-container .box{
    position: relative;
    overflow-y: hidden;
    cursor: pointer;
}
.tabContent .wzjs-swiper #wzjsSwiperContent .swiper-container .box img{
    width: 100%;
    height: 100%;
}
.tabContent .wzjs-swiper #wzjsSwiperContent .swiper-button-prev-radius{
    left: -0.7rem;
}
.tabContent .wzjs-swiper #wzjsSwiperContent .swiper-button-next-radius{
    right: -0.7rem;
}
.tabContent .wzjs-swiper #wzjsSwiperContentWap{
    position: relative;
    width: 100%;
    height: 6.5rem;
}
.tabContent .wzjs-swiper #wzjsSwiperContentWap .swiper-container{
    
    width: 100%;
    height: 6.5rem;
    padding: 0;
}
.tabContent .wzjs-swiper #wzjsSwiperContentWap .swiper-container .swiper-slide{
    width: 3.2rem;
    height: 6.5rem;
}
.tabContent .wzjs-swiper #wzjsSwiperContentWap .swiper-container .swiper-slide .box{
    width: 3.2rem;
    height: 6.5rem;
    background-image: url(../imgs/backg_wap2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.4rem 0.2rem;
    box-sizing: border-box;
}
.tabContent .wzjs-swiper #wzjsSwiperContentWap .swiper-container .swiper-slide .box img{
    width: 100%;
    height: 100%;
    /* display: none; */
}
/* 相关案例 */
.swiperPc3,
.swiperWap3{
    width: 100%;
}
.swiper-container-swiperPc3{
    top: -.4rem;
    height: 4.3rem;
}
.swiper-container-swiperPc3 .swiper-slide,
.swiper-container-swiperWap3 .swiper-slide .backg{
    width: 4.78rem;
    height: 3.56rem;
    background-image: url(../imgs/background-image/backg_pc.png);
    background-repeat: no-repeat;
    background-size: contain;

}
.swiper-container-swiperWap3 .swiper-slide{
    width: 3.6rem;
    height: 7.5rem;
}
.swiper-container-swiperWap3 .swiper-slide .backg{
    width: 3.25rem;
    height: 6.25rem;
    background-image: url(../imgs/background-image/backg_wap2.png);
    margin: 0 auto;
}
.swiper-container-swiperPc3 .swiper-slide .imgbox{
    position: relative;
    display: block;
    top: .6rem;
    left: .67rem;
    width: 3.45rem;
    height: 2.25rem;
    overflow: auto;
}
.swiper-container-swiperPc3 .swiper-slide .imgbox img{
    height: auto;
}
.swiper-container-swiperWap3 .swiper-slide .imgbox{
    position: relative;
    display: block;
    top: .52rem;
    left: .21rem;
    width: 2.72rem;
    height: 5.28rem;
    overflow: auto;
}
.swiper-container-swiperPc3 .swiper-slide p,
.swiper-container-swiperWap3 .swiper-slide p{
    position: relative;
    top: 1.1rem;
    font-size: .26rem;
    color: #333333;
    text-align: center;
}
.swiper-container-swiperWap3 .swiper-slide p{
    top: 1.3rem;
}
.swiper-container-swiperPc3 .swiper-slide,
.swiper-container-swiperWap3 .swiper-slide{
    transform: scale(0.8);
}
.swiper-container-swiperPc3 .swiper-slide-active{
    transform: scale(1.2);
}
.swiper-container-swiperWap3 .swiper-slide-active{
    transform: scale(1.1);
}
.swiper-container-swiperWap3{
    padding: .4rem 0;
}
/* 客户反馈 */

/* 我们的客户 */
.myClient{
    width: 7.5rem;
    background-color: #ECF0F7;
    padding-bottom: .4rem;
}
.swiper-container-myClient{
    position: relative;
    width: 7.5rem;
    height: 3.2rem;
}
.swiper-container-myClient .swiper-slide{
    width: 70%;
    transition: 300ms;
    transform: scale(0.8);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.swiper-container-myClient .swiper-slide-active,
.swiper-container-myClient .swiper-slide-duplicate-active{
    transform: scale(1);
}
.swiper-container-myClient .swiper-slide .info{
    position: relative;
}
.swiper-container-myClient .swiper-slide .info::after{
    content: '';
    position: absolute;
    top: -.22rem;
    left: -.5rem;
    width: .34rem;
    height: 1.18rem;
    background-image: url(../imgs/icon/“.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.swiper-container-myClient .swiper-slide .info::before{
    content: '';
    position: absolute;
    top: .8rem;
    right: -.4rem;
    width: .34rem;
    height: 1.18rem;
    background-image: url(../imgs/icon/”.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.swiper-container-myClient img{
    width: 1.76rem;
    height: .55rem;
    margin-bottom: 0.1rem;
}
.swiper-container-myClient p{
    width: 3.69rem;
    font-size: .26rem;
    color: #666666;
    margin: .2rem 0;
}
.swiper-container-myClient .my_data{
    display: block;
    font-size: .22rem;
    color: #999999;
    text-align: right;
}
.swiper-container-myClient .my_title{
    padding-right: 12px;
}
/* 产品服务-知识产权-详情 */
.zscqDetails{
    padding: .31rem .25rem;
    background: #ECF0F7;
}
.zscqDetails .tabContent{
    background-color: #fff;
    padding: 0 .2rem;
}
.zscqDetails .tabContent .article{
    border-top: none;
    padding-top: .4rem;
    overflow: hidden;
}
.zscqDetails .tabContent .article .imgbox{
    border-top: .01rem solid #D4D4D4;
    padding-top: .26rem;
    height: 3.7rem;
}
.zscqDetails .tabContent .article .particulars{
    padding-bottom: 0;
}
.zscqDetails .tabContent .article .particulars img{
    display: block;
    width: 100% !important;
    margin: 0 auto;
}
.handlePage{
    margin-top: .3rem;
}
.handlePage a{
    float: left;
    display: block;
    width: 2.16rem;
    height: .8rem;
    line-height: .8rem;
    background: #FFFFFF;
    border-radius: .03rem;
    text-align: center;
    font-size: .26rem;
    color: #686868;
    margin-right: .26rem;
}
.handlePage a:last-child{
    margin-right: 0;
}
.handlePage a:hover{
    color: #FFFFFF;
    background: #09C383;
}
.handlePage .none:hover{
    color: #686868;
    background: #FFFFFF;
}
/* 案例展示-网站建设 */
.alzsWzjs .wzjsContent{
    margin-top: 0;
}
.alzsWzjs .wzjsContent .wzjsContent{
    padding-top: .46rem;
}
.alzsWzjs .wzjsContent .tabContentItem{
    display: none;
}
.alzsWzjs .wzjsContent .tabContentItem:first-child{
    display: block;
}
/* 网站建设 */
.alzsWzjs .wzjsContentItem li{
    width: 3.57rem;
    height: 3rem;
    background-image: url(../imgs/background-image/backg_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: .12rem;
    margin-right: .12rem;
}
.alzsWzjs .wzjsContentItem li:nth-child(2n){
    margin-left: 0;
    margin-right: 0;
}
.alzsWzjs .wzjsContentItem .imgbox{
    position: relative;
    top: .45rem;
    left: .5rem;
    width: 2.57rem;
    height: 1.67rem;
    overflow: auto;
}
.alzsWzjs .wzjsContentItem .imgbox img{
    height: auto;
}
.alzsWzjs .wzjsContentItem .title{
    position: relative;
    top: .6rem;
}
/* APP开发 */
.alzsWzjs .appContentItem ul{
    padding: .46rem .25rem 0;
}
.alzsWzjs .appContentItem li{
    width: 3.36rem;
    height: 7.5rem;
    background-image: url(../imgs/background-image/backg_wap2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-right: 0;
}
.alzsWzjs .appContentItem li:nth-child(2n){
    margin-left: .28rem;
}
.alzsWzjs .appContentItem .imgbox{
    position: relative;
    top: .55rem;
    left: .22rem;
    width: 2.93rem;
    height: 5.66rem;
    overflow: auto;
}
.alzsWzjs .appContentItem .imgbox img{
    height: auto;
}
.alzsWzjs .appContentItem .title{
    position: relative;
    top: 1rem;
}

/* 为什么选择我们 */
.whyMe{
    width: 7.5rem;
    background-color: #ECF0F7;
}
.swiper-container-whyMe{
    padding-bottom: .9rem;
}
.whyMe .capacity li{
    width: 7rem;
    height: 1.54rem;
    background-color: rgba(255, 255, 255, .8);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: .31rem .26rem;
    box-sizing: border-box;
    margin: 0 .25rem .2rem;
}
.whyMe .capacity img{
    flex: none;
    display: block;
    width: .92rem;
    height: .92rem;
    margin-right: .29rem;
}
.whyMe .capacity h4{
    font-size: .28rem;
    font-weight: 400;
    color: #232323;
}
.whyMe .capacity p{
    font-size: .24rem;
    font-weight: 400;
    color: #757575;
}
/* 合作流程 */
.process{
    padding-bottom: .5rem;
}
.processTab ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    overflow-x: initial;
    box-sizing: border-box;
    margin-bottom: .32rem;
}
.processTab li{
    width: 2.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.processTab li::after{
    content: "";
    position: absolute;
    top: 0.4rem;
    right: -.5rem;
    width: 1rem;
    height: .01rem;
    background-color: #d1d1d1;
}

.processTab li:last-child:after{
    display: none;
}
/* 底部进度圆 */
.circleProgress_wrapper{
    width: .8rem;
    height: .8rem;
    line-height: .2rem;
    position: relative;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px .03rem .06rem rgba(0, 0, 0, 0.16);
}
.circleProgress_wrapper .wrapper{
    width: .4rem;
    height: .8rem;
    position: absolute;
    top:0;
    overflow: hidden;
}
.circleProgress_wrapper .on{
    font-size: .24rem;
    font-weight: bold;
    color: #575C67;
}
.circleProgress_wrapper .right{
    right:0;
}
.circleProgress_wrapper .left{
    left:0;
}
.circleProgress_wrapper .circleProgress{
    width: .8rem;
    height: .8rem;
    border:3px solid transparent;
    border-radius: 50%;
    position: absolute;
    top:0;
}
/* active */

.active .circleProgress_wrapper .rightcircle{
    border-top:.03rem solid #09C383;
    border-right:.03rem solid #09C383;
}
.active .circleProgress_wrapper .leftcircle{
    border-bottom:.03rem solid #09C383;
    border-left:.03rem solid #09C383;
}

.circleProgress_wrapper .rightcircle{
    border-top:.03rem solid #d1d1d1;
    border-right:.03rem solid #d1d1d1;
    right:0;
    -webkit-transform: rotate(225deg);
}
.circleProgress_wrapper .leftcircle{
    border-bottom:.03rem solid #d1d1d1;
    border-left:.03rem solid #d1d1d1;
    left:0;
    -webkit-transform: rotate(-45deg);
}
.processTab .title{
    font-size: .16rem;
    font-weight: 400;
    color: #252525;
    padding-top: .12rem;
}
.processTab li:nth-child(2) .rightcircle{
    -webkit-transform: rotate(540deg);
}
.processTab li:nth-child(3) .rightcircle{
    -webkit-transform: rotate(110deg);
}
.processTab li:nth-child(4) .rightcircle{
    -webkit-transform: rotate(90deg);
}
.processTab li:nth-child(4) .leftcircle{
    -webkit-transform: rotate(10deg);
}
.processTab li:nth-child(5) .rightcircle{
    -webkit-transform: rotate(90deg);
}
.processTab li:nth-child(5) .leftcircle{
    -webkit-transform: rotate(25deg);
}
/* active */

.processTab li.active:last-child .circleProgress_wrapper{
    background-color: #09C383;
}

.processTab li:last-child .circleProgress_wrapper{
    background-color: #d1d1d1;
}
.processTab li:last-child .on{
    color: #fff;
}
.processTab li:nth-child(6) .rightcircle{
    -webkit-transform: rotate(45deg);
}
.login-b li:nth-child(6) .leftcircle{
    -webkit-transform: rotate(45deg);
}

.processContent li{
    display: none;
}
.processContent .processContentItem{
    width: 7rem;
    height: 2.45rem;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: .23rem .19rem .27rem .22rem;
    box-sizing: border-box;
    margin: 0 .25rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.processContent li:first-child{
    display: block;
}
.processContent img{
    display: block;
    width: 2.60rem;
    height: 1.95rem;
    margin-right: .31rem;
}
.processContent h4{
    font-size: .26rem;
    font-weight: 400;
    color: #09C383;
    line-height: .66rem;
}
.processContent p{
    font-size: .24rem;
    font-weight: 400;
    color: #757575;
    line-height: .36rem;
}

/* 新闻资讯 */
.newsInfo .caseShow .tab {
    margin-top: .35rem;
    padding: 0 .3rem;
}
.newsInfo{
    width: 7.5rem;
}
.newsInfo .content{
    min-height: 16.8rem;
    padding: .46rem 0;  
}
.newsInfo .content .item a{
    height: 1.8rem;
    display: block;
    padding: 0 .26rem;
    margin-bottom: .3rem;
}
.newsInfo .content .item:last-child a{
    margin-bottom: 0;
}
.newsInfo .content img{
    float: left;
    width: 2.42rem;
    height: 1.8rem;
}
.newsInfo .content .info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    float: left;
    width: calc(100% - 2.5rem);
    padding-left: .16rem;
}
.newsInfo .content .info h4{
    font-size: .3rem;
    color: #444444;
    margin-bottom: .12rem;
}
.newsInfo .content .info .text{
    font-size: .26rem;
    color: #999999;
    margin-bottom: .2rem;
}
.time_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.time1{
    display: flex;
    flex: auto;
    font-size: .22rem;
    color: #999999;
}
.eye_box{
    display: flex;
    align-items: center;
    padding-right: .2rem;
}
.eye1{
    width: .50rem;
    height: .36rem;
    display: flex;
    align-items: center;
    float: right;
    background-image: url(../imgs/icon/icon_eye01.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.eye2{
    font-size: .22rem;
    font-family: ArialMT;
    color: #999999;
}
.newsInfo .newsContent .tabContentItem{
    display: none;
}
.newsInfo .newsContent .tabContentItem:first-child{
    display: block;
}
/* 分页 */
.pageDetails ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: .5rem 0;
}
.pageDetails li{
    margin-right: .16rem;
}
.pageDetails .active a{
    background: #09C383;
}
.pageDetails a,
.pageDetails span{
    position: relative;
    display: block;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    background: rgba(0, 0, 0, .5);
    border-radius: .03rem;
    font-size: .23rem;
    color: #FFFFFF;
    text-align: center;
}
.pageDetails span{
    width: auto;
    min-width: .6rem;
    background: #fff;
    color: #7b7b7b;
}
.pageDetails .page-prev::before,
.pageDetails .page-next::before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .16rem;
    height: .16rem;
    margin-top: -.08rem;
    margin-left: -.08rem;
    border-top: .01rem solid #fff;
    border-right: .01rem solid #fff;
}
.pageDetails .page-next{
    background: rgba(0, 0, 0, .5);
}
.pageDetails .page-prev::before{
    transform: rotate(225deg);
}
.pageDetails .page-next::before{
    transform: rotate(45deg);
}
/* 合伙人 */
/* “推荐，让更多人看到你” */
.seeYou{
    width: 7.5rem;
    height: 8.4rem;
    background-image: url(../imgs/background-image/seeYou.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.seeYou .subheading{
    color: #333;
    font-size: .24rem;
    text-align: center;
    padding-bottom: 0.2rem;
}
.seeYou .content{
    position: relative;
    width: 5.72rem;
    height: 6.3rem;
    background: rgba(255, 255, 255, .5);
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.seeYou .content .agencyRoll{
    position: relative;
}
.seeYou .content li a{
    display: block;
    height: .63rem;
    line-height: .63rem;
    font-size: .26rem;
    font-weight: 400;
    color: #222222;
}
.seeYou .content li.active a{
    font-weight: bold;
    color: #FA9A09;
    transition: all .3s;
}
/* 世界很大，找你很不容易 */
.bigWorld{
    width: 7.5rem;
}
.bigWorld .swiper-container-bigWorld .swiper-slide{
    position: relative;
}
.bigWorld .swiper-container-bigWorld img{
    position: absolute;
    left: 50%;
    z-index: 1;
    margin-left: -1.5rem;
    display: block;
    width: 3rem;
    height: 2rem;
}
.bigWorld .swiper-container-bigWorld .content{
    position: relative;
    width: 7rem;
    height: 4.26rem;
    margin: 0 auto;
    background-color: #F8F8F8;
    margin-top: .95rem;
    padding: 1.4rem .36rem 0 .36rem;
    box-sizing: border-box;
}
.bigWorld .swiper-container-bigWorld h4{
    font-size: .28rem;
    font-weight: bold;
    color: #181818;
    text-align: center;
    margin-bottom: .22rem;
}
.bigWorld .swiper-container-bigWorld p{
    font-size: .26rem;
    font-weight: 400;
    color: #6A6A6A;
    line-height: .36rem;
    text-indent: .52rem;
}
/* 合作支持 */
.cooperationSupport{
    width: 7.5rem;
    margin-bottom: .44rem;
}
.cooperationSupport .swiper-container-support{
    width: 7rem;
    height: 5.25rem;
    margin: 0 auto;
}
.cooperationSupport .swiper-container-support .imgbox{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.cooperationSupport .swiper-container-support .imgbox p{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .88rem;
    background: rgba(0, 0, 0, .5);
    font-size: .26rem;
    font-weight: 400;
    line-height: .88rem;
    color: #FFFFFF;
    text-align: center;
}

.cooperationSupport .swiper-container-support .swiper-button-prev-radius{
    left: .11rem;
}
.cooperationSupport .swiper-container-support .swiper-button-next-radius{
    right: .11rem;
}
/* 业务合作 */
.business{
    width: 7.5rem;
    background-image: url(../imgs/background-image/business.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: .2rem;
}
.business .formbox{
    padding: 0 .5rem .32rem;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin: .25rem .25rem 0 .25rem;
}
.business .formbox .formItem input{
    display: block;
    width: 100%;
    height: .8rem;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: .03rem;
    box-sizing: border-box;
    text-indent: .34rem;
    margin-bottom: .3rem;
    font-size: .26rem;
}
.business .intentionBox{
    position: relative;
}
.business .intentionBox::before{
    content: '';
    position: absolute;
    top: .26rem;
    right: .26rem;
    z-index: 1;
    width: .2rem;
    height: .2rem;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(135deg);
}
.business .intentionSelect{
    display: none;
    position: absolute;
    width: 100%;
    background-color: #09C383;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.business .intentionSelect li{
    float: left;
    width: 50%;
    text-align: center;
}
.business .intentionSelect li.active a{
    color: #FA9A09;
}
.business .intentionSelect a{
    font-size: .28rem;
    color: #888888;
    padding: .2rem;
}
.business .formbox button{
    width: 100%;
}
.business .code{
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding-top: .2rem;
}
.business .code li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-right: .25rem;
}
.business .code li:last-child{
    margin-right: 0;
}
.business .code img{
    display: block;
    width: 2.16rem;
    height: 2.16rem;
}
.business .code p{
    font-size: .26rem;
    color: #676767;
    padding-top: .22rem;
}
/* 推广平台 */
/* 应用功能亮点 */
.application{
    width: 7.5rem;
}
.application .caseShow{
    width: 100%;
    background-image: url(../imgs/background-image/application.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.application .caseShow .tab{
    /*padding: 0 .25rem;*/
}
.application .caseShow .tab li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 0 0.2rem;
    margin: 0 0.2rem;
    /*background: #fff;*/
}
.application .caseShow .tab li img{
    width: .3rem;
    height: .3rem;
    margin-right: .1rem;
}
.application .caseShow .tab li img.img2{
    display: none;
}
.application .caseShow .tab  li.active{
    background: linear-gradient(180deg, rgba(37,216,164,0.1) 0%, rgba(9,195,131,0.1) 100%);
    /*background: #09C383;*/
}
.application .caseShow .tab  li.active img.img2{
    display: block;
}
.application .caseShow .tab  li.active img.img1{
    display: none;
}
/*.application .caseShow .tab li.active::after{ */
/*    content: ""; */
/*    width: 80%;*/
/*    height: 0.02rem;*/
/*    background: #09C383;*/
/*    left: 10%;*/
/*    bottom: 0;*/
/*    position: absolute;*/
/*}*/
.application .caseShow .tab li.active span{
    color: #09C383;;
}
.application .caseShow .content{
    margin-top: .33rem;
}
.application .caseShow .tabContentItem{
    display: none;
}
.application .caseShow .tabContentItem:first-child{
    display: block;
}

.application .caseShow .tabContentItem > h4{
    font-size: .28rem;
    font-weight: bold;
    color: #222222;
    padding: 0 .32rem;
    margin: .36rem 0 .2rem;
}
.application .caseShow .tabContentItem .contentTab{
    min-height: 1.27rem;
    color: #666666;
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-x: initial;
    padding: 0 .25rem;
    box-sizing: border-box;
}
.application .caseShow .tabContentItem .contentTab li{
    width: 1.40rem;
    height: 1.27rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #333333;
}
.application .caseShow .tabContentItem .contentTab li.active{
    background-color: #09C383;
    color: #fff;
}
.application .caseShow .tabContentItem img{
    display: block;
    width: .40rem;
    height: .40rem;
}
.application .caseShow .tabContentItem span{
    display: block;
    font-size: .26rem;
}
.application .contentTabText{
    padding: 0 .32rem;
}
.application .contentTabText h4{
    font-size: .28rem;
    font-weight: bold;
    color: #222222;
    margin: .36rem 0 .2rem;
}
.application .contentTabText p{
    min-height: 1.27rem;
    font-size: .26rem;
    color: #757575;
    line-height: .46rem;
    text-indent: .52rem;
}
.application .content{
    padding: .25rem;
    box-sizing: border-box;
    padding-top: 0;
}
.application .content .tabContentItem .swiper-container{
    width: 100%;
    height: 3.85rem;
}
.application .content .tabContentItem .swiper-container .swiper-slide{
    width: 100%;
    height: 100%;
}
.application .content .tabContentItem .swiper-container .swiper-slide img{
    width: 100%;
    height: 3.85rem;
    object-fit: cover;
}
.application .content .tabContentItem .swiper-container .swiper-pagination span{
    display: inline-block;
}
.application .content .tabContentItem .swiper-container .swiper-button-prev,.application .content .tabContentItem .swiper-container .swiper-button-next{
    top: 1.555rem ;
    margin-top: 0;
}
.application .content .tabContentItem p{
    font-size: .26rem;
    color: #757575;
    line-height: .38rem;
    padding-top: .25rem;
}
.swiper-container-application{
    margin-top: .58rem;
    padding-bottom: .2rem;
}
.swiper-container-application .swiper-slide{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 5.84rem;
    height: 1.73rem;
    background: #FFFFFF;
    box-shadow: 0px .03rem .06rem rgba(0, 0, 0, 0.16);
    padding: .2rem .2rem .25rem .2rem;
    box-sizing: border-box;
    margin-left: .26rem;
}
.swiper-container-application .swiper-slide img{
    display: block;
    width: 1.27rem;
    height: 1.27rem;
    margin-right: .22rem;
}
.swiper-container-application .swiper-slide h4{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .28rem;
    font-weight: 400;
    color: #525252;
}
.swiper-container-application .swiper-slide h4 span,
.swiper-container-application .swiper-slide .info span{
    display: inline-block;
    height: .45rem;
    line-height: .45rem;
    background: #E8F2EA;
    padding:0 .16rem;
    font-size: .2rem;
    color: #09C383;
    text-align: center;
}
.swiper-container-application .swiper-slide .text{
    width: 3.95rem;
    font-size: .22rem;
    color: #989898;
    padding: .06rem 0;
}
.swiper-container-application .swiper-slide .info{
    display: flex;
}
.swiper-container-application .swiper-slide .info span{
    background: #fff;
    color: #555555;
    border: 1px solid #E5E5E5;
    margin-right: .22rem;
}
.template-application{
    width: 100%;
    height: 100%;
    background: url('../imgs/template-bg.png') no-repeat;
    /* background-size: auto 100%; */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.template-application .main-title h2{
    font-size: .36rem;
    color: #222;
    line-height: .48rem;
    padding-top: .33rem;
    text-align: center;
}
.template-application .bottom{
    margin: 0 0.25rem;
    margin-top: 0.18rem;
    padding: 0 .4rem;
    padding-bottom: .25rem;
    margin-bottom: .32rem;
    background-color: rgba(255,255,255, .5);
}
.template-application .bottom ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.template-application .bottom ul li{
    width: 2.9rem;
    height: 0.86rem;
    background: #fff;
    margin-top: .25rem;
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.16);
    border-radius: 0.04rem;
    padding-left: .78rem;
    box-sizing: border-box;
    cursor: pointer;
    background-size: .48rem .48rem;
    background-position: .2rem .2rem;
    background-repeat: no-repeat;
}
.template-application .bottom ul li:active p{
    color: #09C383;
}
.template-application .bottom ul li p{
    padding-left: .1rem;
    line-height: .32rem;
    font-size: .28rem;
    font-weight: bold;
    color: #444;
    padding-top: .1rem;
}
.template-application .bottom ul li span{
    padding-top: .1rem;
    padding-left: .1rem;
    line-height: .24rem;
    font-size: .18rem;
    color: #666;
    display: block;
}
/* 推广效果 */
.promotional{
    width: 7.5rem;
    padding: 0 .26rem;
}
.promotional .imgbox,
.promotional .videobox{
    width: 6.98rem;
    height: 4.03rem;
}
.promotional .content {
    width: 6.98rem;
   margin-top: .34rem;
   padding-bottom: .1rem;
}
.promotional .content ul{
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}
.promotional .content li{
   width: 3.49rem;
   display: flex;
   flex-wrap: nowrap;
   flex-direction: row;
   margin-bottom: .3rem;
   padding-right: .2rem;
   overflow: hidden;
}
.promotional .content li:nth-child(2n){
    padding-right: 0;
    padding-left: .2rem;
}
.promotional .content img{
    flex: none;
    width: .76rem;
    height: .76rem;
    margin-right: .17rem;
}
.promotional .content li .data{
    width: 2.56rem;
}
.promotional .content h4{
    font-size: .28rem;
    font-weight: 400;
    color: #232323;
    line-height: 0.42rem;
}
.promotional .content p{
    font-size: .24rem;
    font-weight: 400;
    line-height: .34rem;
    color: #777777;
}
/* 推广平台 */
.plat{
    width: 7.5rem;
}
.plat .content ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.plat .content li{
    width: 3.75rem;
    text-align: center;
}
.plat .content .imgbox{
    width: 3.34rem;
    height: 2.5rem;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px .2rem rgba(0, 0, 0, 0);
    border-radius: .03rem;
    margin: 0 auto;
}
.plat .content p{
    height: .95rem;
    line-height: .95rem;
    font-size: .26rem;
    color: #333333;
}
.plat .more {
    width: 7.5rem;
    padding: 0 0 .45rem;
}
/* 关于我们-公司简介 */
.gywm .caseShow .tab{
    height: 1.1rem;
    line-height: 0.7rem;
    padding: 0.2rem 0;
    box-sizing: border-box;
}
.gywmGsjj .imgVideo{
    position: relative;
}
.gywmGsjj .head .imgbox{
    position: relative;
    display: block;
    width: 7rem;
    height: 5.12rem;
    margin: 0 auto;
}
.gywmGsjj .head p{
    position: absolute;
    bottom: 0;
    width: 7rem;
    height: .8rem;
    line-height: .8rem;
    background: rgba(12, 12, 12, .53);
    font-size: .26rem;
    color: #F8F8F8;
    text-indent: .26rem;
    margin: 0 .25rem;
    text-align: center;
}
/* 武汉推荐科技 */
.gywmGsjj .whtjkj{
    width: 7rem;
    margin: 0 auto;
}
.gywmGsjj .whtjkj p{
    font-size: .26rem;
    line-height: .46rem;
    color: #757575;
}
/* 团队环境展示 */
.gywmGsjj .teamEnvironmentDisplay{
    width: 7rem;
    margin: 0 auto;
    padding-bottom: .34rem;
}
.swiper-container-teamEnvironmentDisplay{
    display: block;
    width: 7rem;
    height: 2.6rem;
}
.swiper-container-teamEnvironmentDisplay .swiper-slide .imgbox{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container-teamEnvironmentDisplay .swiper-slide .imgbox p{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    text-align: center;
    line-height: 0.64rem;
    height: 0.64rem;
    font-size: 0.28rem;
    width: 100%;
}
.swiper-container-teamEnvironmentDisplay .swiper-slide .imgbox img{
    width: 100%;
    height: 2.6rem;
}
.swiper-container-teamEnvironmentDisplay .swiper-button-prev-radius{
    left: .11rem;
}
.swiper-container-teamEnvironmentDisplay .swiper-button-next-radius{
    right: .11rem;
}
/* 核心产品 */
.coreProduct{
    width: 7.5rem;
    background: #ECF0F7;
    padding-bottom: .2rem;
}
.tabButton{
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-x: initial;
    padding: 0 .25rem;
    box-sizing: border-box;
}
.tabButton span{
    display: block;
    height: .6rem;
    line-height: .6rem;
    background: #fff;
    border-radius: .03rem;
    font-size: .26rem;
    color: #444444;
    font-weight: bold;
    padding: 0 .23rem;
    margin-right: .22rem;
}
.tabButton span.active{
    color: #fff;
    background: #09C383;
    box-shadow: 0px .03rem .15rem rgba(9, 195, 131, 0.14);
}
.tabButtonContent{
    width: 7rem;
    margin: .3rem auto 0;
    padding: .23rem;
    box-sizing: border-box;
    background-color: #fff;
}
.coreProduct .tabContentItem{
    display: none;
}
.coreProduct .tabContentItem:first-child{
    display: block;
}
.coreProduct2{
    width: 7.5rem;
    background: #ECF0F7;
    padding-bottom: 0.2rem;
    overflow: hidden;
}
.business-contact{
    margin: 0 .2rem;
    margin-top: .2rem;
    background: #fff;
    height: 6rem;
    width: calc(100% - 0.4rem);
    box-sizing: border-box;
    box-shadow: 0px 0px .16rem 0.02rem rgba(0,0,0,0.16);
}
.business-contact ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.business-contact ul li{
    width: 50%;
    height: 3rem;
    text-align: center;
}
.business-contact ul li img{
    width: .64rem;
    height: .64rem;
    margin: 0 auto;
    display: block;
    margin-top: .6rem;
}
.business-contact ul li span{
    font-size: .24rem;
    line-height: .36rem;
    padding-top: .2rem;
    color: #777;
    display: block;
}
.business-contact ul li p{
    font-size: .28rem;
    line-height: .4rem;
    padding: 0 .2rem;
    padding-top: .2rem;
    color: #333;
}
.business-contact ul li:nth-child(2n){
    border-left: .02rem solid #EBEBEB;
}
.business-contact ul li:nth-child(n+2){
    border-top: .02rem solid #EBEBEB;
}


.tabButtonContent img{
    display: block;
    width: 6.4rem;
    /* height: 4.8rem; */
    margin: 0 auto;
}
.tabButtonContent h4{
    font-size: .26rem;
    font-weight: bold;
    line-height: .9rem;
    color: #444444;
}
.tabButtonContent p{
    font-size: .26rem;
    line-height: .46rem;
    color: #757575;
}
/*  */
.gywmContent .business .formbox .main-h2-4{
    color: #09C383;
}
.gywmContent .business .formbox{
    box-shadow: none;
}
.gywmContent .tabContentItem{
    display: none;
}
.gywmContent .tabContentItem:first-child{
    display: block;
}
/* 发展历程 */
.gywmFzlc .tabFzlc{
    position: relative;
    top: 0;
}
.gywmFzlc .tabFzlc::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .01rem;
    background: #DCDFE6;
}
.swiper-container-tabFzlc{
    width: 3.84rem;
}
.swiper-container-tabFzlc .swiper-slide{
    width: 1.42rem
}
.swiper-container-tabFzlc .swiper-slide .circle{
    width: .76rem;
    height: .76rem;
    line-height: .76rem;
    background: #CDD1DB;
    border-radius: 50%;
    font-size: .26rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    border: .14rem solid #fff;
}
.swiper-container-tabFzlc .swiper-slide-active .circle{
    background: #09C383;
}
.contentFzlc {
    width: 7.5rem;
    padding-bottom: .48rem;
    display: none;
}
.contentFzlc:first-child {
   display: block;
}
.contentFzlc li{
    width: 7.5rem;
}
.contentFzlc .fzlc-l h4{
    position: relative;
    font-size: .32rem;
    font-weight: 500;
    color: #09C383;
    text-align: right;
    border-bottom: .01rem solid #DCDFE6;
    padding: 0 .22rem .22rem 0;
}
.contentFzlc .fzlc-l .garden{
    position: absolute;
    bottom: -.1rem;
    right: -.11rem;
    display: block;
    width: .2rem;
    height: .2rem;
    background: #09C383;
    border: .04rem solid #A6E9D2;
    border-radius: 50%;
}
.contentFzlc p{
    font-size: .26rem;
    font-weight: 400;
    color: #565656;
    padding: .3rem .25rem;
    line-height: .46rem;
    text-indent: .52rem;
}
.contentFzlc .imgbox{
    width: 3.27rem;
    height: 2.19rem;
    margin: .6rem .22rem 0;
}

.contentFzlc .fzlc-l .content{
    width: 3.74rem;
    border-right: .02rem solid #09C383;
}
.contentFzlc .fzlc-r h4{
    position: relative;
    font-size: .32rem;
    font-weight: 500;
    color: #09C383;
    text-align: left;
    border-bottom: .01rem solid #DCDFE6;
    padding: 0 0 .22rem .22rem;
}
.contentFzlc .fzlc-r .garden{
    position: absolute;
    bottom: -.1rem;
    left: -.11rem;
    display: block;
    width: .2rem;
    height: .2rem;
    background: #09C383;
    border: .04rem solid #A6E9D2;
    border-radius: 50%;
}
.contentFzlc .fzlc-r .content{
    width: 3.78rem;
    border-left: .02rem solid #09C383;
}
/* 加入我们 */
.gywmJrwm{
    width: 7.5rem;
}
.jrwmItem{
    width: 7rem;
    margin: 0 auto;
}
.jrwmItem .head{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.jrwmItem .head h4{
    font-size: 1.13rem;
    color: #DCDCDC;
    opacity: 0.58;
    font-weight: bold;

}
.jrwmItem .head .info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    margin-left: .1rem;
}
.jrwmItem .head .title{
    font-size: .3rem;
    font-weight: bold;
    color: #09C383;
}
.jrwmItem .head .subhead{
    position: relative;
    font-size: .18rem;
    color: #999999;
}
.jrwmItem .head .subhead::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -.02rem;
    width: 1.36rem;
    height: .04rem;
    background: #59CE9E;
}
.jrwmItem .text{
    width: 7rem;
    margin: 0 auto;
}
.jrwmItem .text p{
    font-size: .26rem;
    line-height: .46rem;
    color: #444444;
}
.jrwmItem .text .imgbox{
    display: block;
    width: 7rem;
    /*height: 4.68rem;*/
    margin-top: .2rem;
}
.jrwmItem .tabButton span{
    background: #F9F9F9;
}
.jrwmItem .tabButton span.active{
    background: #09C383;
    box-shadow: 0px .03rem .15rem rgba(9, 195, 131, 0.14);
}
.jrwmItem .tabButtonContent{
    margin: 0 auto;
}
.jrwmItem .tabButtonContent .tabContentItem{
    display: none;
}
.jrwmItem .tabButtonContent .tabContentItem:first-child{
    display: block;
}
.jrwmItem .tabButtonContent .item{
    min-height: 2.7rem;
}
/* 地图 */
.jrwmMap{
    width: 7.5rem;
    background-color: #f6f8fb;
    padding-top: .45rem;
    padding-bottom: .5rem;
}
.jrwmMap > .imgbox{
    display: block;
    width: 6.04rem;
    height: 4.62rem;
    margin: 0 auto .5rem;
}
.jrwmMap .mapItem{
    position: relative;
    width: 7rem;
    height: 2rem;
    background: #FFFFFF;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: .26rem .25rem .24rem;
    margin-bottom: .24rem;
}
.jrwmMap .mapList li:last-child .mapItem{
    margin-bottom: 0;
}
.jrwmMap .mapItem::before{
    content: '';
    position: absolute;
    top: .39rem;
    right: .25rem;
    width: .14rem;
    height: .25rem;
    background-image: url(../imgs/icon/icon_right.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.jrwmMap .mapItem img{
    display: block;
    width: 1.87rem;
    height: 1.4rem;
    margin-right: .37rem;
}
.jrwmMap .mapItem h4{
    width: 4rem;
    font-size: .28rem;
    color: #202020;
    font-weight: 400;
    line-height: 0.46rem;
}
.jrwmMap .mapItem .mapName,
.jrwmMap .mapItem .site{
    font-size: .24rem;
    color: #7B7B7B;
    line-height: 0.46rem;
}
.jrwmMap .mapItem .mapName span:first-child{
    color: #555555;
}
.promotional .myAdvantage2 .content{
    padding-top: .2rem;
    padding-bottom: 0;
}
/* 微信平台 */
/* 我们的优势 */
.myAdvantage2 .content{
    width: 7rem;
    margin: 0 auto;
    padding-bottom: .16rem;
}
.myAdvantage2 .content .item{
    width: 3.4rem;
    height: 3.48rem;
    background: #F9F9F9;
}
.myAdvantage2 .content .item{
    float: left;
    margin-bottom: .2rem;
}
.myAdvantage2 .content .item:nth-child(2n){
    margin-left: .2rem;
}
.myAdvantage2 .content .item a{
    width: 3.4rem;
    height: 3.48rem;
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0 .23rem;
}
.myAdvantage2 .content .item img{
    width: .9rem;
    height: .9rem;
}
.myAdvantage2 .content .item h4{
    font-size: .28rem;
    font-weight: 400;
    line-height: .7rem;
    color: #232323;
}
.myAdvantage2 .content .item p{
    font-size: .26rem;
    font-weight: 400;
    line-height: .4rem;
    color: #757575;
    height: 1.2rem;
    overflow: hidden;
    text-align: center;
}
/* 立即注册 */
.signUp{
    position: relative;
    width: 7.5rem;
    height: 1.5rem;
    background: #16CF90;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.signUp img{
    width: 2rem;
    height: 1.5rem;
    margin-left: .47rem;
    margin-right: .32rem;
}
.signUp .info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.signUp .info p{
    font-size: .3rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: .18rem;
}
.signUp .info a{
    /* position: absolute; */
    display: block;
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    background: #FFFFFF;
    border-radius: .03rem;
    font-size: .24rem;
    font-weight: 400;
    color: #09C383;
    text-align: center;    
    margin-left: .2rem;
}
/* 2021/4/13 */
/* 合作流程2 */
.cooperation2{
    width: 100%;
    min-height: 5.58rem;
    background-color: #fff;
}
.cooperation2 .mySwiper3 .swiper-slide .item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cooperation2 .mySwiper3 .swiper-slide .icon{
    position: relative;
    display: block;
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    color: #333;
    font-size: .32rem;
    font-weight: bold;
    text-align: center;
}
.cooperation2 .mySwiper3 .swiper-slide:last-child .icon{
    color: #fff;
}
.cooperation2 .mySwiper3 .swiper-slide .icon::before{
    content: '';
    position: absolute;
    top: .4rem;
    left: 1.15rem;
    width: 1.1rem;
    height: 1px;
    background-color: #eee;
}
.cooperation2 .mySwiper3 .swiper-slide:last-child .icon::before{
    display: none;
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(1) .icon{
    background-image: url(../imgs/cooperation2/1_h.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(2) .icon{
    background-image: url(../imgs/cooperation2/2_h.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(3) .icon{
    background-image: url(../imgs/cooperation2/3_h.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(4) .icon{
    background-image: url(../imgs/cooperation2/4_h.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(5) .icon{
    background-image: url(../imgs/cooperation2/5_h.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(6) .icon{
    background-image: url(../imgs/cooperation2/6_h.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(1) .icon{
    background-image: url(../imgs/cooperation2/1.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(2) .active .icon{
    background-image: url(../imgs/cooperation2/2.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(3) .active .icon{
    background-image: url(../imgs/cooperation2/3.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(4) .active .icon{
    background-image: url(../imgs/cooperation2/4.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(5) .active .icon{
    background-image: url(../imgs/cooperation2/5.png);
}
.cooperation2 .mySwiper3 .swiper-slide:nth-child(6) .active .icon{
    background-image: url(../imgs/cooperation2/6.png);
}
.cooperation2 .mySwiper3 .item .title{
    display: block;
    font-size: .26rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #232323;
    padding-top: .14rem;
}
.cooperation2 .mySwiper3 .sActive .title{
    color: #09C383;
}
.cooperation2 .mySwiper4{
    padding: .2rem 0;
}
.cooperation2 .mySwiper4 .processContentItem{
    width: 7rem;
    height: 2.45rem;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: .23rem .19rem .27rem .22rem;
    box-sizing: border-box;
    margin: 0 .25rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.cooperation2 .mySwiper4 .processContentItem img{
    flex: none;
    display: block;
    width: 2.60rem;
    height: 1.95rem;
    margin-right: .31rem;
}
.cooperation2 .mySwiper4 .processContentItem h4{
    font-size: .26rem;
    font-weight: 400;
    color: #09C383;
    line-height: .66rem;
}
.cooperation2 .mySwiper4 .processContentItem p{
    font-size: .24rem;
    font-weight: 400;
    color: #757575;
    line-height: .36rem;
}

/* 底部进度圆 */
.circleProgress_wrapper{
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    position: relative;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    cursor: pointer;
}
.circleProgress_wrapper .wrapper{
    width: .4rem;
    height: .8rem;
    position: absolute;
    top:0;
    overflow: hidden;
}
.circleProgress_wrapper .on{
    font-size: .24rem;
    font-weight: bold;
    color: #575C67;
}
.circleProgress_wrapper .right{
    right:0;
}
.circleProgress_wrapper .left{
    left:0;
}
.circleProgress_wrapper .circleProgress{
    width: .8rem;
    height: .8rem;
    border: .03rem solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
}
/* active */

.active .circleProgress_wrapper .rightcircle{
    border-top: .03rem solid #09C383;
    border-right: .03rem solid #09C383;
}
.active .circleProgress_wrapper .leftcircle{
    border-bottom: .03rem solid #09C383;
    border-left: .03rem solid #09C383;
}

.circleProgress_wrapper .rightcircle{
    border-top: .03rem solid #d1d1d1;
    border-right: .03rem solid #d1d1d1;
    right: 0;
    -webkit-transform: rotate(225deg);
}
.circleProgress_wrapper .leftcircle{
    border-bottom: .03rem solid #d1d1d1;
    border-left: .03rem solid #d1d1d1;
    left: 0;
    -webkit-transform: rotate(-45deg);
}
.loginMenu .login-b .title{
    font-size: .32rem;
    font-weight: 400;
    color: #252525;
    padding-top: .12rem;
}
.login-b li:nth-child(2) .rightcircle{
    -webkit-transform: rotate(540deg);
}
.login-b li:nth-child(3) .rightcircle{
    -webkit-transform: rotate(110deg);
}
.login-b li:nth-child(4) .rightcircle{
    -webkit-transform: rotate(90deg);
}
.login-b li:nth-child(4) .leftcircle{
    -webkit-transform: rotate(10deg);
}
.login-b li:nth-child(5) .rightcircle{
    -webkit-transform: rotate(90deg);
}
.login-b li:nth-child(5) .leftcircle{
    -webkit-transform: rotate(45deg);
}
/* active */

.login-b li.active:last-child .circleProgress_wrapper{
    background-color: #09C383;
}



.login-b li:last-child .circleProgress_wrapper{
    background-color: #d1d1d1;
}
.login-b li:last-child .on{
    color: #fff;
}
.login-b li:nth-child(6) .rightcircle{
    -webkit-transform: rotate(45deg);
}
.login-b li:nth-child(6) .leftcircle{
    -webkit-transform: rotate(45deg);
}
.mainBox{
    overflow: auto;
    height: 100vh;
}
.area-larger-main{
    height: 30vh;
}