body{
   
}
.wrp{
    width: 100%;
    height: 100%;
}
.wrp .g-content{
    width: 100%;
    height: 100%;
    padding: 0.4rem 0.32rem;
}
#header{
    padding:0.28rem;
    width:100%;
    height: 6rem;
    background-image:url(https://source1.suddenfix.com//m_fix_2018/index/exploreSuddenfix/header.png)!important;
    background-size: 100% 100%;
}
#header .sdxIcon{
    width:1.54rem;
    height: 0.52rem;
    background-image:url(../img/exploreSuddenfix/sdxIcon.png)!important;
    background-size: 100% 100%;

}
#header .sdxExploreTitle{
    margin-top:2.38rem;
    margin-bottom:0.08rem;
    width:3.48rem;
    height: 0.42rem;
    background-image:url(../img/exploreSuddenfix/sdxExploreTitle.png)!important;
    background-size: 100% 100%;

}
#header .sdxExploreContent{
    font-size:0.8rem;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:1.12rem;
}
#header .sdxExploreContent .circle{
    vertical-align:bottom;
    margin: 0.44rem 0.2rem;
    display:inline-block;
    position:relative;
    width:0.16rem;
    height:0.16rem;
    border-radius:50%;
    background-color:#19D3C5;
}
#introduce{
    width: 100%;
    height:4.72rem;
    background-color:#fff;
    padding: 0.4rem 0.18rem 0.4rem 0.22rem;
    position:relative;

}
#introduce .bottom{
    position:absolute;
    right:0.18rem;
    top:0.56rem;
    width:6.94rem;
    height:3.76rem;
    background:rgba(0,96,104,1);
    border-radius:0.12rem;
}
#introduce .up{
    padding:0.44rem 0.36rem;
    position:absolute;
    left:0.22rem;
    top:0.4rem;
    width:6.94rem;
    height:4rem;
    background:rgba(163,238,231,1);
    border-radius:0.12rem;
}
#introduce .up .oneLine{
    width:0.32rem;
    height:0.04rem;
    background:rgba(0,50,60,1);
    margin-bottom:0.32rem;
}
#introduce .up .introduceContent{
    font-size:0.24rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,50,60,1);
    line-height:0.36rem;
}
#carousel{
    overflow:hidden;
    width:100%;
    height:5.5rem;
    background-image:url(../img/exploreSuddenfix/carousel.png)!important;
    background-size: 100% 100%;
    position: relative;

}

#carousel .title{
    /* padding-left:1.42rem; */
    /* padding-right:1.42rem; */
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    width: 4.6rem;
    margin-bottom:0.38rem;
    margin-top:0.3rem;
    display:inline-block;
    font-size:0.44rem;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(25,211,197,1);
    line-height:0.6rem;
    height:0.6rem;
    text-align:center;
}
#carousel .title .slash{
    display:inline-block;
    width:0.28rem;
    height:0.24rem;
    background-image:url(../img/exploreSuddenfix/slash.png)!important;
    background-size: 100% 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
  }


#carousel .swiper-container {
   overflow: visible!important;
    /* width: 6.74rem!important; */
}
#carousel .swiper-slide {
    /* width: 6.74rem!important; */
    height:3.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
}
#carousel .swiper-slide:not(.swiper-slide-active){
    transform: scale(0.8);
}
#carousel .swiperBox{
    padding:0 0.64rem;
    width:100%; height:3.6rem;
    padding-top: 1.2rem;
}
#carousel  .CardSwiper{  width:100%; min-height:3.6rem;}
#carousel  .CardSwiper .membershipCard{
    width:6.22rem;
    min-height:3.6rem;
    background-color:#fff;
    padding: 0.2rem 0.28rem 0.24rem;
box-shadow:0 0.04rem 0.2rem 0 rgba(0,50,60,1);
border-radius:0.12rem;
}
#carousel  .CardSwiper .membershipCard .symbolIcon{
    width:0.6rem;
height:0.24rem;
background:rgba(0,96,104,1);
border-radius:0.2rem;
text-align:center;
margin-bottom:0.2rem;
    background: url(https://source1.suddenfix.com/2019/singlePage/activity/exploreSdf/exploreSdfIson.png) no-repeat;
    background-size: 100% 100%;

}
/*#carousel  .CardSwiper .membershipCard .symbolIcon i{*/
    /*display:inline-block;margin-bottom: 0.72rem;*/
    /*width:0.34rem;*/
    /*height:0.16rem;*/
    /*background-image:url(../img/exploreSuddenfix/symbolIcon.png)!important;*/
    /*background-size: 100% 100%;*/
/*}*/
#carousel  .CardSwiper .membershipCard .content{
    width:100%;
    height:2.76rem;
}
#carousel  .CardSwiper .membershipCard .content .leftImg{
    width:2rem;
    height:2.76rem;
    float:left;
  
   
}
#carousel  .CardSwiper .membershipCard .content  .leftImg1{
    background-image:url(../img/exploreSuddenfix/leftImg1.png)!important; background-size: 100% 100%;
 }
#carousel  .CardSwiper .membershipCard .content  .leftImg2{
    background-image:url(../img/exploreSuddenfix/leftImg2.png)!important; background-size: 100% 100%;
}
#carousel  .CardSwiper .membershipCard .content  .leftImg3{
    background-image:url(../img/exploreSuddenfix/leftImg3.png)!important;  background-size: 100% 100%; }
#carousel  .CardSwiper .membershipCard .content .rightText{
    width:3.34rem;
    height:2.76rem;
    float:right;
    position:relative;
}

#carousel  .CardSwiper .membershipCard .content .rightText .rightTitle{
        text-align:left;
        font-size:0.32rem;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:0.44rem;
       
}
#carousel  .CardSwiper .membershipCard .content .rightText .rightContent{
    text-align:left;
    padding-top:0.2rem;
    /* padding-bottom:0.42rem; */
    font-size:0.24rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:0.34rem;
}
#carousel  .CardSwiper .membershipCard .content .rightText .RightLink a{
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    font-size:0.24rem;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(25,211,197,1);
    line-height:0.34rem;
}

#introduceHonor1{
    width:100%;
    padding:0.88rem 0.64rem 0.4rem 0.64rem;position:relative;
}
#introduceHonor1 .placeHolderBox{
    width:100%;
    height:0.6rem;
    position:relative;
    margin-bottom:0.2rem;
}
#introduceHonor1  .titleBg{
    width:3.24rem;
    height:0.28rem;
    position:absolute;
    top:0.32rem;
    left:50%;
    transform: translate(-50%, 0%);
    background-image:url(../img/exploreSuddenfix/titleBg.png)!important;
    background-size: 100% 100%;
    z-index:98;
}
#introduceHonor1 .title{
    transform: translate(-50%, 0%);
    left:50%;
    position:absolute;
    font-size:0.44rem;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(0,96,104,1);
    line-height:0.6rem;
    z-index:99;
}
#introduceHonor1 .content{
    font-size:0.24rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(0,96,104,1);
line-height:0.34rem;
text-align:center;
}

#introduceHonor1 .subContent{text-align:center;padding-top:0.4rem;}
#introduceHonor1 .subContent .centerLine{
    margin:0.1rem 0.4rem;
    display:inline-block;
    width:0.02rem;
    height:0.16rem;
    background-color:#19D3C5;
}
#introduceHonor1 .subContent .num{
    font: weight 600;
    font-size:0.48rem;
    font-family:SuddenFixProBlack;
    color:rgba(25,211,197,1);
    line-height:0.58rem;
}
#introduceHonor1 .subContent .text{
    font-size:0.22rem;
    font-family:PingFangSC-Regular;
    
    color:rgba(25,211,197,1);
    line-height:0.32rem;
}
#introduceHonor2  .peopleImg{
    width:100%;
    height:5.72rem;
    background-image:url(https://source1.suddenfix.com//m_fix_2018/index/exploreSuddenfix/peopleImg.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3 {
    width:100%;
    height:5.54rem;    
    position:relative;
    padding:0 0.28rem;
}
#introduceHonor3  .collaborate{
    background:url(../img/exploreSuddenfix/collaborateBg.png) no-repeat; background-size: 100% 100%;
    position:absolute;
    top:-0.72rem;
    width:6.94rem;
    height:5.54rem;
    box-shadow:0 0.08rem 0.28rem 0 rgba(25,211,197,0.2);
    border-radius:0.12rem 0.02rem 0 0.12rem;
    padding:0.52rem 0.2rem 0.36rem;

}
#introduceHonor3  .collaborate .title{
    width:100%;
    height:0.96rem;
    margin-bottom:0.36rem;
    position: relative;
}
#introduceHonor3  .collaborate .title .leftContent{
    /* float:left; */
     position:absolute;left:-0.12rem;
}
#introduceHonor3  .collaborate .title .leftContent{
    /* float:left; */
   
    transform:scale(0.92,0.92);
    padding-top:0.64rem;
    font-size:0.24rem;
font-family:PingFangSC-Light;
font-weight:300;
color:rgba(0,96,104,1);
line-height:0.32rem;
}
#introduceHonor3  .collaborate .title .rightContent{
    /* float:right; */
    /* padding-right:0.1rem; */
    position:absolute;right:0;
}
#introduceHonor3  .collaborate .title .rightContent .top,#introduceHonor3  .collaborate .title .rightContent .bottom{
    font-size:0.32rem;
font-family:PingFangSC-Light;
color:rgba(0,96,104,1);
text-align:right;
}
#introduceHonor3  .collaborate .title .rightContent .top{
    padding-bottom:0.1rem;
    line-height:0.48rem;
}
#introduceHonor3  .collaborate .title .rightContent .bottom{
    font-weight:600;
    vertical-align:middle;
    padding-left:0.2rem;
    border-left:0.04rem solid rgba(163,238,231,1);
}
#introduceHonor3  .collaborate .collaborateList{
    width:6.54rem;
    height:3.34rem;
    border-radius:0.1rem;
    border:0.02rem solid #19D3C5;
    box-sizing: content-box;

}
#introduceHonor3  .collaborate .collaborateList ul .collaborateImg{
    /* background-image:url(../img/exploreSuddenfix/collaborateImg.png)!important; */
    /* background-size: 100% 100%; */
    float:left;
    width:1.62rem;
    height:1.1rem;
}
#introduceHonor3  .collaborate .collaborateList ul  i{
    margin:0.4rem 0;
    display:inline-block;
    float:left;
    width:0.02rem;
    height:0.3rem;
    background:rgba(209,246,243,1);
}
#introduceHonor3  .collaborate .collaborateList ul .chinaUnicom{
     background-image:url(../img/exploreSuddenfix/chinaUnicom.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .Tencent{
    background-image:url(../img/exploreSuddenfix/Tencent.png)!important;
    background-size: 100% 100%;

}
#introduceHonor3  .collaborate .collaborateList ul .baidu{
    background-image:url(../img/exploreSuddenfix/baidu.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .DZJG{
    background-image:url(../img/exploreSuddenfix/DZJG.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .chinaTelecom{
    background-image:url(../img/exploreSuddenfix/chinaTelecom.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .tianhong{
    background-image:url(../img/exploreSuddenfix/tianhong.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .huangtingSquare{
    background-image:url(../img/exploreSuddenfix/huangtingSquare.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .bgy{
    background-image:url(../img/exploreSuddenfix/bgy.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .vanke{
    background-image:url(../img/exploreSuddenfix/vanke.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .WXC{
    background-image:url(../img/exploreSuddenfix/WXC.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .xinghe{
    background-image:url(../img/exploreSuddenfix/xinghe.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3  .collaborate .collaborateList ul .BONA{
    background-image:url(../img/exploreSuddenfix/BONA.png)!important;
    background-size: 100% 100%;
}
#introduceHonor3    .shortLine{
    position:absolute;
    bottom:0;
    left:0.28rem;
    width:0.36rem;
height:0.08rem;
background:rgba(163,238,231,1);
}
#introduceHonor4 {
    padding: 0 0.28rem;

}
#introduceHonor4 .subTitle,#introduceHonor4 .title{
    font-size:0.32rem;
    font-family:PingFangSC-Light;
    color:rgba(0,96,104,1);
    line-height:0.48rem;
}
#introduceHonor4 .subTitle{
    padding-top:0.2rem;
}
#introduceHonor4 .title{
    width:100%;
    font-weight:600;
    padding-bottom:0.18rem;
    border-bottom: 0.02rem solid rgba(163,238,231,1);

}
#introduceHonor4 .winThePraise{
    padding-top:0.16rem;
    width:100%;
    height:4.54rem;
}
#introduceHonor4 .winThePraise .LeftPraiseImg{
    width:3.4rem;
    float:left;
}
#introduceHonor4 .winThePraise .rightPraiseImg{
    width:3.4rem;
    height:3.32rem;
    float:right;
}
#introduceHonor4 .winThePraise .LeftPraiseImg img,#introduceHonor4 .winThePraise .rightPraiseImg img{
    display:block;
    height:3.32rem;
    width:3.4rem;
}

#introduceHonor4 .winThePraise .LeftPraiseImg .title,#introduceHonor4 .winThePraise .rightPraiseImg .title{
    font-weight:500;
    text-align:center;
    font-size:0.24rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(0,96,104,1);
line-height:0.34rem;
padding:0.32rem 0;
border-bottom: 0.04rem solid rgba(163,238,231,1);
border-left:0.02rem solid rgba(245,245,245,1);
border-right: 0.02rem solid rgba(245,245,245,1);
}
.bottomPraiseImg{
    border:0.02rem solid rgba(245,245,245,1);
    width:100%;
    height:2.52rem;
    margin-top:0.2rem;
    margin-bottom:0.36rem;
    box-sizing: content-box;
    border-right: 0.04rem solid rgba(163,238,231,1);
}
.bottomPraiseImg img{
    float:left;
    display:inline-block;
    height:2.52rem;
    width:4.14rem;
}
.bottomPraiseImg .titleText{
    display:inline-block;
    padding-right:0.24rem;
    font-weight:500;
    float:right;
    font-size:0.24rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,96,104,1);
    line-height:2.52rem;
}
#introduceHonor5{
    box-sizing:content-box;
    margin: 0 0.28rem;
    width:6.94rem;
    min-height:12.2rem;
    background:rgba(255,255,255,1);
    box-shadow:0 0.08rem 0.28rem 0 rgba(25,211,197,0.2);
    border-radius:0.12rem;
    margin-bottom:0.96rem;
}
#introduceHonor5 .introduceHonor5Main{
    padding: 0.36rem;
    width:6.94rem;
    min-height:12.2rem;
}
#introduceHonor5 .introduceHonor5Main .headline{
    margin-bottom:0.36rem;
    width:100%;
    position:relative;
    height:0.68rem;
}
#introduceHonor5 .introduceHonor5Main .headline .pathImg{
    position:absolute;
    z-index:98;
    left:0;
    top:0;
    width:0.6rem;
    height:0.68rem;
    background-image:url(../img/exploreSuddenfix/pathImg.png)!important;  background-size: 100% 100%;
}
#introduceHonor5 .introduceHonor5Main .headline .sdfImg{
    z-index:99;
    position:absolute;
    left:0;
    top:0.04rem;
    width:0.22rem;
    height:0.22rem;
    background-image:url(../img/exploreSuddenfix/sdfImg.png)!important; background-size: 100% 100%;
}
#introduceHonor5 .introduceHonor5Main .headline .sdfHistory{
    position:absolute;
    left:0.3rem;
    top:0.1rem;font-size:0.32rem;
    font-family:PingFangSC-Medium;
    font-weight:600;
    color:rgba(0,96,104,1);
    line-height:0.44rem;
}
#introduceHonor5 .introduceHonor5Main .headline  .lineOne{
    display:inline-block;
    position:absolute;
    right:0;
    top:0.32rem;
    width:3.52rem;
    height:0.02rem;
    background:rgba(209,246,243,1);
}
#introduceHonor5  .history16{
    padding-left:0.24rem;
    border-left:0.02rem solid rgba(25,211,197,1);

}
#introduceHonor5  .history16 li:last-child{
    padding-bottom:0.4rem!important;

}
#introduceHonor5  .history16 li:first-child{
    position: relative;
    padding-bottom:0.2rem;
    font-size:0.24rem;
font-family:SuddenFixProRegular;
color:rgba(0,96,104,1);
line-height:0.3rem;

}
#introduceHonor5  .history16 li:first-child::before{z-index:99;
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    background:rgba(0,96,104,1);
    position: absolute;
    border-radius: 50%;
    top: 0.14rem;
    left: -0.3rem;
}
#introduceHonor5  .history16 li:nth-child(n+1){
    position:relative;
    font-size:0.24rem;
font-family:PingFangSC-Light;
font-weight:300;
color:rgba(0,96,104,1);
line-height:0.36rem;
padding-bottom:0.12rem;
padding-left:0.3rem;
}
#introduceHonor5  .history16 li .square{
    position:absolute;
    left:0;
    top:0.12rem;
    display:inline-block;
    width:0.12rem;
height:0.12rem;
background:rgba(0,96,104,1);
}