*{margin:0;padding:0;border: 0;outline: 0;}
a{text-decoration: none;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
a,img{-webkit-touch-callout: none}
body{overflow-scrolling: touch;}
ul{list-style: none;}
img{border:0;}
html, body {
    width: 100%;
    height: 100%;
    background-color: #f6f7f9;
}
.banner_container{
    color: #fff;
    height: inherit;
}
.banner_container .logo{
    position: absolute;
    top: 0.54rem;
    left: calc((100% - 4.84rem)/2);
    background: url("../images/logo.png") no-repeat;
    background-size: 100% 100%;
    width: 4.84rem;
    height: 0.67rem;
}
.banner_container .banner_text{
    position: absolute;
    top: 2.4rem;
    background: url("../images/banner_text.png") no-repeat;
    background-size: 100% 100%;
    width: 7.78rem;
    height: 0.82rem;
    margin-left: 0.3rem;
}
.banner_content{
    margin-left: 0.3rem;
    top: 4.23rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}
.banner_content .banner_tips{
    font-size: 0.58rem;
    padding-top: 1rem;
}
.banner_content .banner_tips .tel{
    font-size: 0.38rem;
    color: #fff;
    margin-top: 0.2rem;
	  height:0.7rem;
	  line-height:0.7rem;
    width: 100%;
}
.banner_content .banner_tips .tel .moible{
    position: relative;
	padding-left:0.6rem;
    display: inline-block;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    border-radius: 0.5rem 0 0 0.5rem;
    float: left;
}
.banner_content .banner_tips .tel .moible:before{
    content: "";
    background: url("../images/icon_tel.png") no-repeat;
    background-size: 100% 100%;
    width: 0.31rem;
    height: 0.4rem;
    position: absolute;
    left:0.2rem;
    top:0.16rem;
}
.banner_content .banner_tips .tel a{
    display: inline-block;
    color: #ff9f00;
    padding:0 0.2rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    border-radius: 0 0.5rem 0.5rem 0;
    float: left;
}
.banner_content .banner_zib{
    background: url("../images/icon_zib.png") no-repeat;
    background-size: 100% 100%;
    width: 3.7rem;
    height: 4rem;
    position: absolute;
    right:0.5rem;
    top:-0.2rem;
}
.serve{
    background-color: #fff;
    width: 100%;
    margin-bottom: 0.3rem;
}
.serve .betItem{
    text-align: center;
    font-size: 0;
}
.serve .icon{
    width: 1rem;
    height: 1rem;
    display: inline-block;
}
.serve .icon_quick{
    background: url("../images/icon_phone.png");
    background-size: 100% 100%;
}
.serve .icon_free{
    background: url("../images/icon_wx.png");
    background-size: 100% 100%;
}
.serve .icon_back{
    background: url("../images/icon_back.png");
    background-size: 100% 100%;
}
.serve .betItem p{
    line-height: 100%;
    font-size: 0.22rem;
    color: #333;
}
.serve .betItem p.title{
    font-size: 0.32rem;
    margin-top: 0.4rem;
    color: #333;
}
.problem{
    background-color: #fff;
    width: 100%;
    font-size: 0.26rem;
    color: #999;
    padding-bottom: 1.28rem;
    clear:both;
}
.problem .pro_title{
    padding-top: 1rem;
}
.problem .pro_title p{
    background: url("../images/back_title.png") no-repeat;
    background-size: 100% 100%;
    width: 1.91rem;
    height: 0.38rem;
    margin: 0 auto;
}
.problem .pro_tip{
    text-align: center;
    margin-top: 0.25rem;
}
.problem .pro_tip a{
    color: #999;
}
.problem .pro_info{
    margin-left: 0.13rem;
    margin-top: 1.05rem;
}
.problem .pro_item{
    padding-left: 0.25rem;
    font-size: 0.26rem;
    padding-top:0;
    padding-bottom: 0.3rem;
}
.pro_item .pro_text{
    font-size: 0.26rem;
    line-height: 0.6rem;
    position: relative;
    padding-left: 0.3rem;
}
.pro_item .pro_text:before{
    content: "";
    width:0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #ff9f00;
    position: absolute;
    left:-0.1rem;
    top:0.18rem;
}

@media(min-width:320px)and (max-width:374px){
    html {
        font-size:40px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_container .logo{
        left: 0.5rem;
        width: 3.098rem;
        height: 0.429rem;
    }
    .banner_content .banner_zib{
        width: 2.664rem;
        height: 2.88rem;
        right: 0;
    }
    .banner_content .banner_tips{
        font-size: 0.42rem;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.45rem;
        padding:0.5rem 0;
    }
    .problem .pro_title p{
        width: 2.235rem;
        height: 0.445rem;
    }
    .banner_container .banner_text{
        top: 1.7rem;
        left:calc((100% - 5.602rem)/2);
        width: 5.602rem;
        height: 0.59rem;
    }
    .banner_content{
        top: 3.1rem;
        margin-left: 0;
    }
    .banner_header{
        background: url("../images/banner_moible.png") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 6.5rem;
    }
    .banner_content .banner_tips {
        padding-top: 0.7rem;
    }
    .banner_content .banner_tips .tel{
        font-size: 0.3rem;
        height: 0.5rem;
        line-height: 0.51rem;
        margin-top: 0.2rem;
    }
    .banner_content .banner_tips .tel .moible{
         border-left: 1px solid #fff;
         border-top: 1px solid #fff;
         border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel a{
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel .moible:before{
        width: 0.279rem;
        height: 0.36rem;
        top:0.08rem;
    }
    .pro_tip{
        font-size: 0.3rem;
    }
    .pro_item .pro_text{
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .serve .betItem p.title{
        font-size: 0.28rem;
        margin-top: 0.2rem;
    }
    .pro_item .pro_text:before{
        top:0.15rem;
    }
}
@media(min-width:375px)and (max-width:479px){
    html {
        font-size:45px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_container .logo{
        left: 0.5rem;
        width: 2.788rem;
        height: 0.386rem;
    }
    .banner_content .banner_zib{
        width: 2.664rem;
        height: 2.88rem;
        right: 0;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.45rem;
        padding:0.5rem 0;
    }
    .problem .pro_title p{
        width: 2.235rem;
        height: 0.445rem;
    }
    .banner_container .banner_text{
        top: 1.7rem;
        left:calc((100% - 5.602rem)/2);
        width: 5.602rem;
        height: 0.59rem;
    }
    .banner_content{
        top: 3.1rem;
        margin-left: 0;
    }
    .banner_header{
        background: url("../images/banner_moible.png") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 6.5rem;
    }
    .banner_content .banner_tips {
        font-size: 0.42rem;
        padding-top: 0.64rem;
    }
    .banner_content .banner_tips .tel{
        font-size: 0.3rem;
        height: 0.5rem;
        line-height: 0.51rem;
        margin-top: 0.2rem;
    }
    .banner_content .banner_tips .tel .moible{
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel a{
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel .moible:before{
        width: 0.279rem;
        height: 0.36rem;
        top:0.08rem;
    }
    .pro_tip{
        font-size: 0.3rem;
    }
    .pro_item .pro_text{
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .serve .betItem p.title{
        font-size: 0.28rem;
        margin-top: 0.2rem;
    }
    .pro_item .pro_text:before{
        top:0.12rem;
    }
}
@media(min-width:480px)and (max-width:659px){
    html {
        font-size:55px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_container .logo{
        left: 0.5rem;
        width: 2.788rem;
        height: 0.386rem;
    }
    .banner_content .banner_zib{
        width: 2.664rem;
        height: 2.88rem;
        right: 0;
    }
    .banner_content .banner_tips{
        font-size: 0.42rem;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.45rem;
        padding:0.5rem 0;
    }
    .problem .pro_title p{
        width: 2.235rem;
        height: 0.445rem;
    }
    .banner_container .banner_text{
        top: 1.7rem;
        left:calc((100% - 5.602rem)/2);
        width: 5.602rem;
        height: 0.59rem;
    }
    .banner_content{
        top: 3.1rem;
        margin-left: 0;
    }
    .banner_header{
        background: url("../images/banner_moible.png") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 6.5rem;
    }
    .banner_content .banner_tips{
        padding-top: 0.68rem;
    }
    .banner_content .banner_tips .tel{
        font-size: 0.3rem;
        height: 0.5rem;
        line-height: 0.51rem;
        margin-top: 0.2rem;
    }
    .banner_content .banner_tips .tel .moible{
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel a{
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel .moible:before{
        width: 0.279rem;
        height: 0.36rem;
        top:0.08rem;
    }
    .pro_tip{
        font-size: 0.3rem;
    }
    .pro_item .pro_text{
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .serve .betItem p.title{
        font-size: 0.28rem;
        margin-top: 0.2rem;
    }
}
@media(min-width: 660px)and (max-width:749px){
    html {
        font-size:65px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_container .logo{
        left: 0.7rem;
        width: 3.098rem;
        height: 0.429rem;
    }
    .banner_content .banner_zib{
        width: 2.96rem;
        height: 3.2rem;
    }
    .problem .pro_title p{
        width: 2.483rem;
        height: 0.494rem;
    }
    .banner_container .banner_text{
        top: 1.9rem;
        left:calc((100% - 7.002rem)/2);
        width: 7.002rem;
        height: 0.738rem;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 31%;
        padding:0.5rem 0;
    }
    .banner_content{
        top: 3.5rem;
    }
    .banner_header{
        background: url("../images/banner_moible.png") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 7.5rem;
    }
    .banner_content .banner_tips{
        padding-top: 0.54rem;
    }
    .banner_content .banner_tips .tel{
        font-size: 0.36rem;
        margin-top: 0.2rem;
    }
    .banner_content .banner_tips .tel .moible{
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_content .banner_tips .tel a{
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .pro_tip{
        font-size: 0.34rem;
    }
    .pro_item .pro_text{
        font-size: 0.34rem;
        line-height: 0.5rem;
    }
    .serve .betItem p.title{
        font-size: 0.36rem;
    }
}
@media (min-width: 750px) and (max-width: 959px){
    html {
        font-size:48px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.46rem;
    }
    .pro_item .pro_text{
        font-size: 0.34rem;
    }
    .problem{
        font-size: 0.34rem;
    }
    .problem .pro_title p{
        width: 2.292rem;
        height: 0.456rem;
    }
    .problem .pro_item{
        font-size: 0.34rem;
    }
    .serve{
        height: 4.06rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.06rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
    .serve .betItem p.title{
        font-size: 0.36rem;
    }
}
@media (min-width: 960px) and (max-width: 1139px){
    html {
        font-size:60px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.46rem;
    }
    .problem{
        font-size: 0.36rem;
    }
    .pro_item .pro_text{
        font-size: 0.36rem;
    }
    .serve{
        height: 4.06rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.06rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
    .serve .betItem p.title{
        font-size: 0.38rem;
    }
}
@media (min-width: 1140px) and (max-width: 1279px){
    html {
        font-size:60px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.46rem;
    }
    .serve{
        height: 4.06rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.06rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1280px) and (max-width: 1439px){
    html {
        font-size:70px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.46rem;
    }
    .serve{
        height: 4.06rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.06rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1440px) and (max-width: 1599px){
    html {
        font-size:80px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.46rem;
    }
    .serve{
        height: 4.06rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.06rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1600px) and (max-width: 1920px){
    html {
        font-size:100px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.46rem;
    }
    .serve{
        height: 4.06rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.06rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}