/*swiper*/
.swiper-container{
    width: 100%;height: 4rem;margin-top:1.0rem;
}
.swiper-slide{
    overflow: hidden;position: relative;
}
.swiper-container img{
    display: block;width: 7.5rem;position: relative;left: 50%;margin-left: -3.75rem;
}
.swiper-container .pagination {
    position: absolute;
    z-index: 20;
    bottom: .3rem;
    width: 100%;
    text-align: center;
    vertical-align: top;
    font-size: 0;
}
.swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    margin: 0 .05rem;
    border: .03rem solid #fff;
    cursor: pointer;
    transition: .2s;
    margin-top: .04rem;
    vertical-align: top;
}
.swiper-container .swiper-active-switch {
    width: .16rem;height: .16rem;position: relative;margin-top: 0
}
.swiper-container .swiper-active-switch::after{
    content: '';display: block;width: .04rem;height: .04rem;border-radius: 50%;background: #fff;position: absolute;left: 0;bottom: 0;top: 0;right: 0;margin: auto;
}
/*最新公告*/
.announcement{
    height: .7rem;padding: 0 .36rem;font: .2rem/.7rem 微软雅黑;color: #9499c1;display: flex;justify-content: space-between;align-self: center;background: #fcfcfc;  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;  -webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;
}
.announcementList{
    height: 100%;width: 5.7rem;overflow: hidden;
}
.announcementItem{
    display: block;text-indent: .18rem;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #9499c1;
}
.announcementItem::before{
    content: '';display: block;width: .04rem;height: .04rem;border: .02rem solid #ffcc31;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;
}
/*特点*/
.characteristic{
    padding: .2rem;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;
}
.characteristicItem{
    width: 3.45rem;border-radius: .06rem;box-shadow: 0 .05rem .22rem 0 rgba(0, 0, 0, 0.06);overflow: hidden;margin-bottom: .2rem;
}
.characteristicTop{
    height: 1.7rem;overflow: hidden;
}
.characteristicImg{
    width: .54rem;height: .54rem;float: left;margin: .3rem 0 0 .26rem;
}
.characteristicTopTit{
    font: .26rem/.26rem 微软雅和;color: #fff;float: left;width: 2.34rem;margin: .3rem 0 .12rem .16rem;
}
.characteristicTopTxt{
    font: .18rem/.26rem 微软雅黑;color: #fff;width: 2.391rem;margin-left: .16rem;float: left;
}
.characteristicBottom{
    height: 1.6rem;
}
.characteristicBottomTit{
    font: .26rem/.55rem 微软雅黑;color: #303245;padding: .11rem .29rem .06rem;position: relative;
}
.characteristicBottomTit::after{
    content: '';display: block;width: .09rem;height: .03rem;background: #f73732;position: absolute;left: .29rem;bottom: .06rem;
}
.characteristicList{
    padding-left: .05rem;overflow: hidden;
}
.characteristicList>div{
    float: left;margin-left: .24rem;
}
.characteristicList p{
    font: .22rem/.32rem 微软雅黑;color: #999;
}
.characteristicItem:nth-child(1) .characteristicTop{
    background: linear-gradient(120deg,#f73732,#ff635f);
    background: -webkit-linear-gradient(120deg,#f73732,#ff635f);
}
.characteristicItem:nth-child(2) .characteristicTop{
    background: linear-gradient(120deg,#15b3cb,#31def8);
    background: -webkit-linear-gradient(120deg,#15b3cb,#31def8);
}
.characteristicItem:nth-child(3) .characteristicTop{
    background: linear-gradient(120deg,#2fcca3,#42f4c5);
    background: -webkit-linear-gradient(120deg,#2fcca3,#42f4c5);
}
.characteristicItem:nth-child(4) .characteristicTop{
    background: linear-gradient(120deg,#4380f8,#6d9eff);
    background: -webkit-linear-gradient(120deg,#4380f8,#6d9eff);
}
/*经典案例*/
h2{
    font: .36rem/.36rem 微软雅黑;color: #303245;text-align: center;margin:0 0.18rem;
}
h2 span{
    color: #ff3934;
}
.case{
    padding: .4rem 0 .6rem;
}
.case h2{
    margin-bottom: .36rem;
}
.caseTabList{
    height: .8rem;background: #fbfbfb;margin:0 0.18rem .3rem;border-radius: .06rem;  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: space-around;-ms-flex-pack: center;justify-content: space-around;padding: 0 .34rem;
}
.caseTabList li{
    width: 1.12rem;font: .24rem/.8rem 微软雅黑;color: #303245;position: relative;
}
.caseTabList li.on{
    font-size: .28rem;color: #ff3934;
}
.caseTabList li.on::after{
    content: '';display: block;width: 1.02rem;height: .06rem;border-radius: .03rem;background: #fb4933;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;
}
.tabs{height:auto;overflow:hidden;margin:0 0.09rem;}
.caseList{
		display:none;height:auto;overflow:hidden;
}
.caseList li{
    width: 3.49rem;height: 3.78rem;border-radius: .06rem;box-shadow: .03rem .04rem .1rem 0 rgba(0, 0, 0, 0.06);font-size: 0;overflow: hidden;margin:0 0.08rem .29rem;float:left;
}
.caseImg{
    width: 100%;height: 2.58rem;border-radius: .06rem;display: block;
}
.caseClass{
    padding: .2rem .2rem .08rem;font: .2rem/.2rem 微软雅黑;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.caseTit{
    padding: 0 .2rem .12rem;font: .26rem/.26rem 微软雅黑;color: #303245;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.caseDate{
    padding: 0 .2rem;font: .2rem/.2rem 微软雅黑;color: #d3d3d3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.case .toMore{
    display: block;border: .02rem solid #fc5034;height: .76rem;border-radius: .4rem;font: .28rem/.76rem 微软雅黑;color: #ff3934;text-align: center;margin:0 0.26rem;
}
.active {
    display: block;
}
/*数据*/
.dataWrap{
    height: 4.6rem;background: url("../images/dataBg.jpg") no-repeat center/cover;overflow: hidden;
}
.data{
    width: 100%;margin: .2rem auto;overflow: hidden;
}
.dataItem{
    float: left;width: 2.49rem;height: 2.1rem;text-align: center;
}
.dataItem p:first-child{
    font: .3rem/.66rem 微软雅黑;color: #fff;margin-top: .56rem;
}
.dataItem p:first-child span{
    font: .66rem/.66rem DINCond-medium;color: #fa433f;
}
.dataItem p:first-child+p{
    font: .2rem/.2rem 微软雅黑;color: #fff;
}
.dataItem:first-child{
    border-bottom: .01rem solid rgba(255,255,255,.1);border-right: .01rem solid rgba(255,255,255,.1);
}
.dataItem:first-child+.dataItem{
    border-bottom: .01rem solid rgba(255,255,255,.1);border-right: .01rem solid rgba(255,255,255,.1);
}
.dataItem:first-child+.dataItem+.dataItem{
    border-bottom: .01rem solid rgba(255,255,255,.1);
}
.dataItem:first-child+.dataItem+.dataItem+.dataItem{
    border-right: .01rem solid rgba(255,255,255,.1);
}
.dataItem:first-child+.dataItem+.dataItem+.dataItem+.dataItem{
    border-right: .01rem solid rgba(255,255,255,.1);
}
/*流量入口*/
.flow{
    background: #fafafa;padding: .6rem .22rem 0;
}
.flow h2{
    margin-bottom: .46rem;
}
.flowList{
    overflow: hidden;
}
.flowList li{
    width: 1.76rem;text-align: center;float: left;margin-bottom: .4rem;
}
.flowList li .iconfont{
    width: .8rem;height: .8rem;border-radius: 50%;font: .38rem/.8rem 微软雅黑;color: #fff;margin: 0 auto .1rem;display: block;
}
.flowList li p{
    font: .18rem/.18rem 微软雅黑;color: #303245;
}
.flowList li:first-child .iconfont{
    background: #f73732;
}
.flowList li:first-child+li .iconfont{
    background: #ffca00;
}
.flowList li:first-child+li+li .iconfont{
    background: #2fcca3;
}
.flowList li:first-child+li+li+li .iconfont{
    background: #7058ff;
}
.flowList li:first-child+li+li+li+li .iconfont{
    background: #15b4cc;
}
.flowList li:first-child+li+li+li+li+li .iconfont{
    background: #ff5d35;
}
.flowList li:first-child+li+li+li+li+li+li .iconfont{
    background: #388bf5;
}
.flowList li:first-child+li+li+li+li+li+li+li .iconfont{
    background: #15b4cc;
}
.flowList li:first-child+li+li+li+li+li+li+li+li .iconfont{
    background: #ff5d35;
}
.flowList li:first-child+li+li+li+li+li+li+li+li+li .iconfont{
    background: #ffca00;
}
.flowList li:first-child+li+li+li+li+li+li+li+li+li+li .iconfont{
    background: #4380f8;
}
.flowList li:first-child+li+li+li+li+li+li+li+li+li+li+li .iconfont{
    background: #7058ff;
}
/*我们的优势*/
.advantage{
    padding: .56rem .20rem;
}
.advantage h2{
    margin-bottom: .36rem;
}
.advantageMain{
    height: 3.14rem;overflow: hidden;
}
.advantageImg{
    width: 3.14rem;height: 3.14rem;border-radius: .08rem;float: left;
}
.advantageRight{
    width: 3.66rem;float: right;
}
.advantageTit{
    margin-top: .2rem;margin-bottom: .14rem;overflow: hidden;position: relative;
}
.advantageTit::after{
    content: '';display: block;width: .16rem;height: .03rem;background: #ff3934;position: absolute;bottom: 0;left: 0;
}
.advantageTit>span{
    float: left;font: .44rem/.65rem DINCond-medium;color: #fa433f;margin-right: .14rem;
}
.advantageTit p{
    font: .34rem/.65rem 微软雅黑;color: #303245;float: left;
}
.advantageTit p span{
    color: #fa433f;
}
.advantageTxt{
    font: .2rem/.29rem 微软雅黑;color: #303245;margin-bottom: .16rem;
}
.advantageRight .toMore{
    display: block;width: 1.72rem;height: .52rem;background: #ff3934;border-radius: .26rem;
}
.advantageRight .toMore p{
    font: .18rem/.52rem 微软雅黑;color: #fff;float: left;margin-left: .34rem;
}
.advantageRight .toMore .iconfont{
    width: .52rem;height: .52rem;border-radius: 50%;float: right;background: #ee241f;font: .2rem/.52rem 微软雅黑;color: #fff;text-align: center;
}
.advantage .pagination{
    height: .12rem;
    text-align: center;
    vertical-align: top;
    font-size: 0;
    margin-top: .18rem;
}
.advantage .swiper-pagination-switch {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    margin: 0 .05rem;
    border: .02rem solid #d1d1d1;
    cursor: pointer;
    transition: .2s;
    margin-top: .04rem;
    vertical-align: top;
}
.advantage .swiper-active-switch {
    border-color: #ee241f;background: #ee241f;
}
/*合作伙伴*/
.partner{
    background: #fafafa;padding: .6rem .1rem 1.1rem;
}
.partner h2{
    margin-bottom: .33rem;
}
.partnerList{
    overflow: hidden;
}
.partnerList li{
    width: 2.22rem;height: 1.32rem;float: left;margin: 0 .1rem .22rem;background: #fff;border-radius: .06rem;font-size: 0;text-align: center;line-height: 1.32rem;
}
.partnerList li img{
    vertical-align: middle;
}
/*弹窗*/
.modalWrap{
    position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: rgba(0,0,0,.2);z-index: 99;display: none;
}
.modal{
    position: absolute;left: 0;right: 0;bottom: 0;height:5.82rem;top:0;margin:auto;background: #fff;width:5.82rem;
}
.closeModal{
    width: .68rem;height: .68rem;border-radius: 50%;background: #fff;font: .26rem/0.68rem 微软雅黑;color: #303245;text-align: center;box-shadow: 0 .05rem .11rem 0 rgba(0, 0, 0, 0.06);position: absolute;right:2.5rem;top:6.66rem;
}
.modalTop{
    width:4.0rem;height:4.0rem;border-radius: .04rem;margin:0.5rem auto 0;box-shadow: .03rem .04rem .1rem 0 rgba(0, 0, 0, 0.08);
}
.modalImg{
    float: left;width:4.0rem;height:4.0rem;border-radius: .04rem;background: #f4f4f4;
}
.modalText{font-size:0.4rem;line-height:1.3rem;color:#666;text-align:center;}