
input{

-webkit-appearance: none;

}
html{font-size: 100px;-webkit-text-size-adjust:none;}
body{background: #d6e4eb;}
.button{
    width:2.98rem;
    height:0.66rem;
    background: #6092d4;
    text-align: center;
    line-height:0.7rem;
    color: #fff;
    border-radius:0.1rem;
    box-shadow:0 0.02rem 0.06rem 0.01rem #7f8080;
    font-size:0.24rem;
    font-weight:bold;
}
.h2style{
    font-size:0.32rem;
    color: #001d2e;
    line-height:0.32rem;
    margin-top:0.3rem;
    text-align: center;
}
.h2style span{
    font-size:0.22rem;
    font-weight:normal;
    color: #dbddde;
    line-height:0.6rem;
}
.h2style::after{
    width:0.8rem;
    height:0.07rem;
    background: #ea5404;
    content:"";
    display:block;
    margin:0.16rem auto 0;
}
.head{height: 0.8rem;background:#f6f9fa;width: 100%;}
.head h1{width: 1.32rem;height:0.5rem ;font-size: 12px;float: left;}
.head h1 img{width: 1.32rem;height: 0.5rem;margin:0.2rem 0 0 0.27rem;}
.head p{float: right;font-size: 0.22rem;margin:0.26rem 0.26rem 0 0;background: url(../images/tel_06.jpg) no-repeat 0 center;-webkit-background-size: 0.34rem 0.31rem;
background-size: 0.34rem 0.31rem;padding-left: 0.45rem;font-weight: bold;}
.head p a{font-size: 0.22rem;color: #ea5404;border-bottom: 0.01rem solid #eb5f15;padding: 0 0.07rem;}
.banner1{width: 6.4rem;height: 6.5rem;background: url(../images/banner1_02.jpg);
    overflow: hidden;
    -webkit-background-size:6.4rem 6.51rem;
    background-size:6.4rem 6.5rem;}
.banner1 .banner1-con{
    width:5.26rem;
    height:2.12rem;
    background: rgba(0,0,0,.69);
    margin:1.42rem auto 0;
    overflow: hidden;
}
.banner1 .banner1-con h2{
    font-size:0.4rem;
    text-align: center;
    margin-top:0.32rem;
    color:#f6f9fa;
    line-height:0.4rem;
    font-weight:bold;
}
.banner1 .banner1-con h3{
    font-size:0.26rem;
    text-align: center;
    margin-top:0.46rem;
    color:#f3f6f6;
    line-height:0.26rem;
    font-weight:normal;
}
.banner1 .button1{width: 3.2rem;height: 0.76rem;background:#1965ca;border-radius: 0.05rem;font-size: 0.28rem;line-height: 0.8rem;text-align: center;font-weight: bold;color: #fff;cursor: pointer;margin:1.02rem auto 0;
box-shadow:0 0.04rem 0.06rem 0.01rem #746d55;
}
.banner1 .button1 a{
    color: #fff;
    width: 3.2rem;
    height: 0.66rem;
    display: block;}
.join{width: 100%;height: 8.50rem;background:#f6f9fa ;-webkit-background-size:cover;
    background-size: cover;overflow: hidden;margin-bottom: 0.88rem;}
.join h2 b{
    font-size:0.2rem;
    margin-top:0.26rem;
    padding-left:0.2rem;
    color: #fd4748;
    line-height:0.5rem;
    vertical-align: bottom;
}
.join h2:after{
    margin-top:0;
}
.join form ul{margin-top: 0.2rem;
    overflow: hidden;}
.join form ul li{width: 5.1rem;height: 0.62rem;margin:0.44rem auto 0;border:1px solid #b2b3b3;
    background: #ffffff;}
.join form ul li label{
    float: left;
    line-height:0.62rem;
    margin-left:0.2rem;
    font-size:0.22rem;
}
.join form ul li label span{
    color: red;
    margin-right:0.05rem;
}
.join form ul li input{width: 3.26rem;height: 0.58rem;padding-left: 0.1rem;font-size: 0.22rem;float: left;
    line-height:0.62rem;
    margin-left:0.1rem;}
.join form ul li select{
    width:3.26rem;
    height:0.58rem;
    border:none;
    padding-left:0.1rem;
    margin-left:0.2rem;
    font-size:0.22rem;
    background: url("../images/select_05.jpg") no-repeat center right;
    /*-webkit-background-size:;*/
    /*background-size:;*/
}

.join form ul .tc{
    width:2.98rem;
    height:0.72rem;
    line-height:0.66rem;
    border:none;
    margin:0.78rem auto 0;
}
.join form ul .tc input{
    width:2.98rem;
    height:0.66rem;
    padding-left:0;
    line-height:0.72rem;
    margin-left:0;
    font-size:0.24rem;
}
.join form ul .tc input{}
.prepare{
    width:6.4rem;
    height:7.1rem;
    background: #f6f9fa;
    overflow: hidden;
    margin-bottom:0.42rem;
}
.prepare ul{
    margin-top:0.2rem;
}
.prepare ul li{
    width:6rem;
    height:2.04rem;
    border-bottom:1px dashed #c9c9c9;
    margin:0 auto;
    padding-top:0.44rem;
}
.prepare ul li:last-child{
    border-bottom:0;
}
.prepare ul li p{
    width:1.16rem ;
    height:1.1rem;
    color: #fff;
    font-size:0.2rem;
    float: left;
    padding-top:0.74rem;
    text-align: center;
    background: url("../images/a1_05.jpg") no-repeat center 0.24rem #d4682d;
    -webkit-background-size:0.43rem 0.52rem;
    background-size:0.43rem 0.52rem;
}
.prepare ul li:nth-child(2) p{
    background: url("../images/a2_05.jpg") no-repeat center 0.24rem #00acc1;
    -webkit-background-size:0.49rem 0.52rem;
    background-size:0.49rem 0.52rem;
}
.prepare ul li dl{
    float:left;
    margin-left:0.24rem;
    margin-top:0.08rem;
}
.prepare ul li dl dt{
    font-size:0.24rem;
    color: #000000;
    font-weight:bold;
    line-height:0.24rem;
    margin-bottom:0.14rem;
}
.prepare ul li dl dd{
    font-size:0.22rem;
    line-height:0.34rem;
    letter-spacing:0;
}
.prepare ul li dl dd span{
    width:0.12rem;
    height:0.12rem;
    border-radius:0.1rem;
    background: #ffc63f;
    display: inline-block;
    margin-right:0.12rem;
}
.prepare ul li:nth-child(2) dl dd span{
    background: #00acc1;
}
.prepare .button1{
    margin:0.24rem auto 0;
}
.prepare .button1 a{
    color: #fff;
}
.return{
    width:6.4rem;
    height:10.76rem;
    background: #f6f9fa;
    margin-bottom:0.42rem;
    overflow: hidden;
}
.return .con{
    width:5.98rem;
    height:7.13rem;
    background: url("../images/return_05.jpg");
    -webkit-background-size:cover;
    background-size:cover;
    margin:0.42rem auto 0;
    overflow: hidden;
}
.return .con h3{
    font-size:0.22rem;
    width:2.5rem;
    height:0.44rem;
    background: #efbe4b;
    border-radius:0.3rem;
    color: #021e2e;
    text-align: center;
    line-height:0.44rem;
    margin:0.42rem 0 0 0.2rem;
}
.return .con p{
    font-size:0.2rem;
    padding-left:0.1rem;
    margin-top:0.3rem;
}
.return .con p span{
    color: #fb3333;
    margin-right:0.1rem;
}
.return .button7{
    margin:0.5rem auto 0;
}
.approval{
    width:6.4rem;
    height:8.72rem;
    background: #f6f9fa;
    overflow: hidden;
    margin-bottom:0.42rem;
}
.approval dl{
    width:6rem;
    margin:0.62rem auto 0;
}
.approval dl dt{
    font-size:0.24rem;
    font-weight:bold;
    line-height:0.24rem;
    margin-bottom:0.14rem;
    background: url("../images/dt1_03.jpg") no-repeat 0.04rem 0;
    padding-left:0.44rem;
    -webkit-background-size:0.27rem 0.24rem;
    background-size:0.27rem 0.24rem;
}
.approval .dl2 dt{
    background: url("../images/dt3_05.jpg") no-repeat 0.04rem 0;
    -webkit-background-size:0.25rem 0.23rem;
    background-size:0.25rem 0.23rem;
}
.approval .dl3 dt{
    background: url("../images/dt2_06.jpg") no-repeat 0.04rem 0;
    -webkit-background-size:0.25rem 0.23rem;
    background-size:0.25rem 0.23rem;
}

.approval dl dd{
    font-size:0.22rem;
    line-height:0.42rem;
}
.approval .button3{
    margin:0.6rem auto 0;
}
.support{
    width:6.4rem;
    height:8.7rem;
    background: #f6f9fa;
    margin-bottom:0.42rem;
    overflow: hidden;
}
.support h2 b{
    font-size:0.2rem;
    margin-top:0.26rem;
    padding-left:0.2rem;
    color: #fd4748;
   line-height:0.5rem;
    vertical-align: bottom;
}
.support h2:after{
    margin-top:0;
}
.support ul{
    overflow: hidden;
    margin:0.5rem auto 0;
    width:6rem;
}
.support ul li{
    width:2rem;
    height:1.42rem;
    border:1px solid #b5b5b5;
    font-size:0.22rem;
    font-weight:bold;
    float: left;
    text-align: center;
    padding-top:0.92rem;
    background: url("../images/sup1_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
    margin-bottom:0.16rem;
}
.support ul li:nth-child(2){
    background: url("../images/sup2_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(3){
    background: url("../images/sup3_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(4){
    background: url("../images/sup4_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(5){
    background: url("../images/sup5_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(6){
    background: url("../images/sup6_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(7){
    background: url("../images/sup7_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(8){
    background: url("../images/sup8_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support ul li:nth-child(9){
    background: url("../images/sup9_14.jpg") no-repeat center 0.3rem ;
    -webkit-background-size:0.65rem 0.5rem;
    background-size:0.65rem 0.5rem;
}
.support .button4{
    margin:0.4rem auto 0;
}
.strength{
    width:6.4rem;
    height:7.92rem;
    background: #f6f9fa;
    overflow: hidden;
    margin-bottom:0.42rem;
}
.strength .con{
    width:6.4rem;
    margin-top:0.52rem;
    overflow: hidden;
}
.strength .con h4{
    width:6.4rem;
    height:0.46rem;
    background: #f19149;
    font-size:0.3rem;
    text-align: center;
    line-height:0.46rem;
    color: #fff;
}
.strength .con ul{
    width:6.4rem;
    height:4.1rem;
    background: url("../images/banner2_17.jpg") ;
    -webkit-background-size:cover;
    background-size:cover;
    padding-top:0.36rem;
}
.strength .con ul li{
    width:2.86rem;
    height:1.58rem;
    background: rgba(255,255,255,.87);
    float: left;
    margin-left:0.2rem;
    margin-bottom:0.16rem;
}
.strength .con ul li:nth-child(2n){
    margin-left:0.24rem;
}
.strength .con ul li h3{
    font-size:0.3rem;
    width:0.44rem;
    height:1.58rem;
    background: rgba(255,255,255,.77);
    line-height:1.58rem;
    text-align: center;
    float: left;
}
.strength .con ul li p{
    font-size:0.2rem;
    line-height:0.3rem;
    padding-top:0.2rem;
    width:2.1rem;
    float: left;
    margin-left:0.2rem;
}
.strength .button5{
    margin:0.3rem auto 0;
}
.show{
    width:6.4rem;
    background: #f6f9fa;
    overflow: hidden;
    margin-bottom:0.42rem;
}

.show ul li{
    width:2.86rem;
    float: left;
    margin-bottom:0.08rem;
    margin-left:0.2rem;
}
.show ul li:nth-child(2n){
    margin-left:0.24rem;
}
.show ul li img{
    width:2.86rem;
    vertical-align: top;
}
.show ul li p{
    font-size:0.22rem;
    text-align: center;
    line-height:0.44rem;
}
.show .con1{
    overflow: hidden;
    margin-top:0.44rem;
}
.show .con2{
    overflow: hidden;
    display: none;
}
.show .more{
    width:6.4rem;
    height:0.7rem;
    margin-top:0.34rem;
    font-size:0.18rem;
    text-align: center;
    padding-top:0.44rem;
    line-height:0.18rem;
    background: url("../images/more1_10.jpg") no-repeat center 0.1rem  #eeeeee;
    -webkit-background-size:0.41rem 0.27rem;
    background-size:0.41rem 0.27rem;
}
.show .button6{
    width:3.84rem;
    margin:0.62rem auto;
}
.hover{
    width:6.4rem;
    height:5.96rem;
    background: #f6f9fa;
    overflow: hidden;
    margin-bottom:0.88rem;
}
.hover .con{
    width:5.96rem;
    height:3.06rem;
    background: url("../images/honor_14.jpg") center 0;
    -webkit-background-size:cover;
    background-size:cover;
    margin:0.4rem auto 0;
}
.hover .bottom{
    width:6.4rem;
    height:0.62rem;
    background: #b9b9b9;
    margin-top:0.4rem;
}
.hover .bottom h3{
    width:1.08rem;
    height:0.33rem;
    /*background:url("../images/logo2.png");
    -webkit-background-size:1.08rem 0.33rem;*/
    background-size:1.08rem 0.33rem;
    float: left;
    margin:0.16rem 0 0 0.24rem;
}

.hover .bottom p {
     font-size:0.2rem;
     padding-left: 5%;
     letter-spacing:0;
     line-height:0.62rem;
     margin-left:0.4rem;
 }
.hover .bottom p span{
    
    padding-left:5%;
}


.footer{width:6.4rem;height: 0.88rem;position: fixed;bottom:0;background: #fff;}
.footer ul li{float: left;background: #f57f47;width: 50%;background: #f57f47;height: 0.88rem;border-right: 1px solid #fff;color: #fff;text-align: center;line-height: 0.88rem;font-size: 0.28rem;border-top:  0.01rem solid #fff;}
.footer ul li a{color: #fff;
    width:100%;
    height:0.88rem;
    display:block;
    text-align: center;
    line-height:0.88rem;
}

.servicesNav{
    position:fixed;
    right:0;
    bottom:4.5rem;
    z-index:9999
}
.services{
    width:1.7rem;
    height:1.3rem;
    background:url(../images/services.png) no-repeat;
    -webkit-background-size: 0.58rem 2.38rem;
    background-size: 100% 100%;
    margin-right:0.03rem;
    cursor:pointer;
    z-index:9999
}
.num{
    background-color: #ff3b30;
    border-radius: 0.15rem;
    color: #fff;
    display: none;
    font-size: 0.14rem;
    height: 0.26rem;
    line-height: 0.26rem;
    position: absolute;
    text-align: center;
    width: 0.26rem;
    right: 1.2rem;
    bottom: 1rem;
}
.message {
    background: #fff;
    border-radius: 0.04rem;
    right: 1.5rem;
    bottom: 19%;
    box-shadow: 0 0 0.14rem 0 rgba(0, 0, 0, 0.16);
    color: #000;
    display: none;
    line-height: 0.24rem;
    position: absolute;
    text-align: left;
    width: 2.6rem;
}
.message:after{
    border:0.08rem solid transparent;
    border-left:0.08rem solid #fff;
    width:0;
    height:0;
    position:absolute;
    right:-0.16rem;
    top:0.22rem;
    content:''
}
.message .inside{
    margin:0.12rem 0.18rem;
}
.message .inside img{
    border-radius: 0.13rem;
    border:0.01rem solid #ccc;
    height:0.26rem;
    margin-right:0.06rem;
    vertical-align: top;
    width: 0.26rem;
}
.message .inside .name{
    color: #000;
    display: inline-block;
    font-size: 0.12rem;
    margin-top: 0.03rem;
    vertical-align: top;
}
.message .inside .msg{
    color: #000;
    font-size: 0.14rem;
    margin-top: 0.05rem;
    max-height:0.4rem;
    overflow: hidden;
}
.message .inside .close{
    cursor: pointer;
    font-size: 0.3rem;
    position: absolute;
    right: 0.12rem;
    top: 0.12rem;

    color:#333
}


.join form ul li span.invalid{
    float: left;
    width:5rem;
} 

form ul li span.invalid {
    color:red;
    margin-top:0.05rem;
    display:block;
    font-size:0.2rem;
    padding-left:0.36rem;
}
form ul li input.invalid {
    color:red;
    border: none;
}
form ul li .error{
    color:#f00;
    margin-left:0.1rem;}
.popupWrap{width:100%;height: 100%;
    background: rgba(0,0,0,0.5);
    /*opacity: 0.5;*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);position:absolute;z-index:10000;top:0;left:0;
    display: none; }
.popUp{
    width: 6rem;
    /*height: 3.6rem;*/
    background: #fff;
    position:absolute;
    top:50%;
    left:50%;
    margin-left: -3rem;
    margin-top: -1.8rem;
    box-shadow:0 0 0.05rem 0.05rem #727272;
    border-radius:0.1rem;
    overflow: hidden;
    z-index:9999999999;
    display: none;
}
.popUp form ul li span.invalid{
    line-height:0.7rem;
    margin-top:0;
}
.popUp form ul li input.invalid {

    border: none;
}
.popUp h2{font-size: 0.28rem;color: #080707;height: 0.8rem;line-height: 0.84rem;
    margin-top:0;
    text-align: center;
    -webkit-background-size:0.46rem 0.46rem;
    background-size:0.46rem 0.46rem;

    }
.popUp form ul li{
    width:100%;
    height:0.7rem;
    overflow: hidden;
    border-bottom:1px solid #e8e8e8;
    position: relative;
    }
.popUp form ul li:nth-child(1){
    border-top:1px solid #e8e8e8;
}
.popUp form ul li input{height: 0.7rem;width: 2.8rem;padding-left: 0.1rem;
    float: left;font-size:0.22rem;
    line-height:0.7rem;}
.popUp form ul li label{font-size: 0.22rem;font-weight:normal;color: #000227;
    float: left;
    margin-left:0.2rem;
    line-height:0.7rem;}
.popUp form ul li label span{color: red;
    line-height:0.4rem;;}
.popUp form ul li.tc{width: 100%;height: 0.74rem;margin:0 auto;
    float: left;
    border:none
}
.popUp form ul li.tc p{
    float: left;
    width:50%;
    line-height:0.74rem;
    font-size:0.24rem;
    text-align: center;
    height:0.74rem;
    border-right:1px solid #e8e8e8;
    color: #d8d8d8;
}
.popUp form ul li.tc input{width:50%;height: 0.74rem;text-align: center;line-height:0.74rem ;border: none;font-size: 0.24rem;font-weight: bold;padding-left: 0;cursor:pointer;
    margin-left:0;
    color: #0088fb;
    background: #fff;}









