html, body {
    height: 100%;
}

html {
    font-size: 13.33333333333333vw;
}

body {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    overflow-x: hidden;
    /*max-width: 750px;*/
    margin-left: auto;
    margin-right: auto;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    font-size: .16rem;
    background: #fff;
    font-family: "微软雅黑";
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    border: 0px;
    display: block;
}

input {
    outline: none;
}

button {
    outline: none;
}


/*设置浮动和清除浮动*/
.fix {
    *zoom: 1;
    *clear: both;
}

.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.wrap{
    width: 91.5%;
    height: auto;
    margin: 0 auto;
}
/* 公共头部 */
.header{
    width: 100%;
    height: .88rem;
}
.logo a{
    display: block;
    width: 100%;
    height: 100%;
}
.logo a img{
    width: 2.46rem;
    height: auto;
}
.menu{
    display: flex;
    align-items: center;
    width: 0.48rem;
    height: .88rem;
}
.menu img{
    width: 100%;
    height: auto;
}
.nav_list{
    display: none;
    position: absolute;
    top:.89rem;
    left:0;
    width: 100%;
    height: auto;
    background: #fff;
    z-index: 999;
}
.nav_list li{
    width: 100%;
    height: 1.15rem;
    line-height: 1.15rem;
    padding:0 4.25%;
}
.nav_list li a{
    display: block;
    width: 100%;
    height: auto;
    font-size: 0.32rem;
    color:#191f45;
    border-bottom:.02rem dashed #e5e5e5;
}
/* banner */
.banner{
    width: 100%;
    height: auto;
}
.banner img{
    width: 100%;
    height: auto;
}
/* 公共底部 */
.footer{
    width: 100%;
    height: auto;
    
}
.ft_top{
    padding-top: 0.8rem;
    background: #191f45;
}
.ft_mains{
    border-bottom:1px solid rgba(255,255,255.6);
}
.ft_logo {
    width: 2.4rem;
    height: 0.54rem;
    margin: 0 auto .58rem;
}
.ft_logo img{
    width: 100%;
    height: auto;
}
.ft_contact{
    width: 77%;
    margin: 0 auto;
}
.ft_contact img{
    width: 0.81rem;
    height: 0.81rem;
    float: left;
}
.ft_cttxt{
    padding-left: 0.22rem;
}
.ft_cttxt h3{
    line-height: 0.48rem;
    margin-bottom: 0.2rem;
    font-size: 0.48rem;
    color:rgba(255,255,255.6);
    font-weight: normal;
}
.ft_cttxt h6{
    font-size: 0.24rem;
    color:rgba(255,255,255.6);
    font-weight: normal;
}
.ft_comintro{
    padding-top: 0.6rem;
    padding-bottom: 0.25rem;
}
.intro_left h4{
    line-height: .3rem;
    margin-bottom: 0.26rem;
    font-size: 0.3rem;
    color:rgba(255,255,255.6);
    font-weight: normal;
}
.intro_left p{
    line-height: 0.48rem;
    font-size: 0.24rem;
    color:rgba(255,255,255.6);
}
.qr_code img{
    width: 1.2rem;
    height: 1.2rem;
}
.qr_code span{
    display: block;
    line-height: 0.52rem;
    font-size: 0.24rem;
    color:rgba(255,255,255.6);
}
.friend_link{
    padding:.32rem 0;
}
.friend_link span,.friend_link a{
    line-height: 0.36rem;
    font-size: 0.24rem;
    color:rgba(255,255,255.6);
}
.friend_link a{
    padding:0 .17rem;
}
.ft_btm{
    width: 100%;
    height: auto;
    padding:.24rem 0;
    background: #151a3b;
}
.ft_btm p{
    width: 82%;
    height: auto;
    margin: 0 auto;
    line-height: 0.36rem;
    font-size: 0.24rem;
    color:rgba(255,255,255.6);
    text-align: center;
}
/* 悬浮导航 */
.sub_menu{
    position: fixed;
    right:.32rem;
    bottom:1rem;
    z-index: 9999;
}
.sub_menu a{
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    margin-bottom: 0.1rem;
}
.sub_menu a img{
    width: 100%;
    height: auto;
}
.agent_info{
    display: none;
    position: fixed;
    left:.25rem;
    bottom:.7rem;
    width: 80%;
    height: 6.62rem;
    margin: auto;
    padding:.6rem .4rem;
    background: #fff;
    border-radius: .18rem;  
    z-index: 999;  
    box-shadow: 0 0 .2rem #eee;
}
.agent_info h2{
    position: relative;
    line-height: 0.4rem;
    margin-bottom: 0.25rem;
    font-size: 0.4rem;
    color:#363636;
    text-align: center;
    font-weight: normal;
}
.agent_info h2::before,.agent_info h2::after{
    content:"";
    position: absolute;
    top:50%;
    width: 0.8rem;
    height: 1px;
    margin-top: -0.05rem;
    background: #e5e5e5;
}
.agent_info h2::before{
    left:.48rem;
}
.agent_info h2::after{
    right:.48rem;
}
.agent_info form{
    width: 100%;
    height: auto;
}
.part_line {
    margin-bottom: 0.4rem;
}
.part_line input,.code input{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    padding:0 .2rem;
    font-size: 0.28rem;
    color:#999;
    border:1px solid #dcdcdc;
}
.code input{
    width: 58%;
    float: left;
}
.get_code{
    float: right;
    display: block;
    width: 37.5%;
    height: .8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color:#fff;
    text-align: center;
    background: #6579fa;
}
.agent_info form button{
    width: 100%;
    height: .8rem;
    line-height: 0.8rem;
    margin-top: 0.4rem;
    font-size: .28rem;
    color:#fff;
    text-align: center;
    background: #e93340;
    border:none;
}