@charset "utf-8";

@media (min-width: 320px) {
    html
    {
        font-size: 12px !important;
    }
}
@media (min-width: 360px) {
    html
    {
        font-size: 13px !important;
    }
}
@media (min-width: 375px) {
    html
    {
        font-size: 14px !important;
    }
}
@media (min-width: 414px) {
    html
    {
        font-size: 15px !important;
    }
}
@media (min-width: 500px) {
    html
    {
        font-size: 18px !important;
    }
}
@media (min-width: 600px) {
    html
    {
        font-size: 20px !important;
    }
}
@media (min-width: 700px) {
    html
    {
        font-size: 25px !important;
    }
}
html{
    width: 100%;
    height: 100%;
}

body{
    width: 100%;
    height: 100%;
    background: #CCCCCC;
}

.step1{
    width: 100%;
    height: 100vh;
    background: url(../img/step1.png);
    background-size: 100% 100%;
    /*display: none;*/
    
}
.step2{
    width: 100%;
    height: 100vh;
    background: url(../img/step2.png);
    background-size: 100% 100%;
    display: none;
}
.step3{
    width: 100%;
    height: 100vh;
    background: url(../img/step3.png);
    background-size: 100% 100%;
    display: none;
    
}
.step4{
    width: 100%;
    height: 100vh;
    background: url(../img/step4.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
    
}
.step5{
    width: 100%;
    height: 100vh;
    background: url(../img/step5.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
    
}
.step6{
    width: 100%;
    height: 100vh;
    background: url(../img/step6.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
    
}
.step7{
    width: 100%;
    height: 100vh;
    background: url(../img/step7.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
    
}
.step8{
    width: 100%;
    height: 100vh;
    background: url(../img/step8.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.step9{
    width: 100%;
    height: 100vh;
    background: url(../img/step3.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.step10{
    width: 100%;
    height: 100vh;
    background: url(../img/step9.png);
    background-size: 100% 100%;
    position: relative;
    display: none;
}
.step1_content{
    width: 75%;
    margin: 0 auto;
}
.step1_sen{
    color: #B69649;
}
.step1_text{
    line-height: 1.607rem;
    color: white;
    font-size: 1.071rem;
}
.step1_linear{
    width: 100%;
    height: 1px;
    background: white;
    opacity: 0.7;
    margin:1.429rem 0 ;
    margin-bottom: 1rem;
}
.step1_logo{
    width: 10.321rem;
    height: 3.143rem;
    padding-top: 6.5rem;
}
.cell_con{
    height: 4.821rem;
    width: 100%;
    margin-bottom: 1.786rem;
}
.cell_con_img{
    width: 22%;
    height: 100%;
    /*background: #000000;*/
    float: left;
}
.cell_con_text{
    float: left;
    width: 78%;
    height: 100%;
}
.cell_con_title{
    line-height: 1.57rem;
    color: #B69649;
    font-size: 1.143rem;
}
.cell_con_detail{
    line-height: 1.57rem;
    color: white;
    font-size: 1.143rem;
}
.step3_cell{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0.7rem;
}
.step3_cell_num{
    line-height: 3rem;
    font-size: 2.571rem;
    color: white;
    font-family: PingFangSC-Semibold;
}
.step3_cell_text{
    line-height: 2rem;
    font-size: 1.143rem;
    color: white;
}
.step4_content{
    position: absolute;
    width: 75%;
    left: 12.5%;
    bottom: 6rem;
    line-height: 1.5rem;
    font-size: 1.071rem;
    color: white;
}
.step10_img{
    width: 10.321rem;
    height: 3.143rem;
    margin: 0 auto;
    padding-top: 15%;
    display: block;
}
.step10_cell{
    padding-left: 12.5%;
    margin-bottom: 0.786rem;
}
.step10_cell_first{
    padding-top: 2.679rem;
}
.step10_cell_text{
    line-height: 1.678rem;
    color: white;
    font-size:1.143rem ;
}
.step10_cell_num{
    line-height: 1.571rem;
    color: white;
    font-size:1.143rem ;
}
.img_box{
    margin-top: 0.857rem;
    margin-left: 12.5%;
    height: 8.429rem;
}
.img_box_erwei{
    width: 8.429rem;
    height: 8.429rem;
    float: left;
}
.img_box_r{
    float: left;
    margin-left: 1.571rem;
    width: 11.429rem;
}
.img_box_r_top{
    width: 11.429rem;
    height: 3.321rem;
    margin-top: 0.357rem;
    margin-bottom: 1rem;
}
.img_box_r_bottom{
    width: 11.429rem;
    height: 3.321rem;
}
.step9_left{
    width: 42.5%;
    float: left;
    padding-top: 5.607rem;
}
.step9_mid{
    width: 0.1rem;
    float: left;
    margin-left: 7.5%;
    margin-right: 7%;
    height: 80%;
    margin-top: 23.5%;
    position: relative;
    background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); 
    background: -webkit-gradient(linear,top,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); 
}
.step9_right{
    width: 42.5%;
    float: left;
    padding-top: 9.893rem;
}
.step9_year{
    line-height: 1.786rem;
    color: white;
    font-size: 1.429rem;
    text-align: right;
}
.step9_text{
    line-height: 1.786rem;
    color: white;
    font-size: 1.071rem;
    text-align: right;
}
.step9_year_r{
    line-height: 1.786rem;
    color: white;
    font-size: 1.429rem;
    text-align: left;
}
.step9_text_r{
    line-height: 1.786rem;
    color: white;
    font-size: 1.071rem;
    text-align: left;
}
.tip_img{
    position: absolute;
    width: 0.857rem;
    height: 0.857rem;
    right: -0.33rem;
}
.step4_title{
    margin-left: 12.5%;
    height: 8.5rem;
    background: url(../img/kuang.png);
    background-size:contain ;
    background-repeat: no-repeat;
}
.step4_title_top{
    padding-top: 1.714rem;
    padding-left:1.714rem ;
    color: white;
    font-size: 2.357rem;
    line-height: 3.286rem;
}
.step4_title_bottom{
    padding-left:1.714rem ;
    color: white;
    font-size: 1.143rem;
    line-height: 2.107rem;
}
.step3_map{
    width: 100%;
    height: 12.55rem;
    padding-top: 2.5rem;
}
.reset_name{
    width: 5rem;
    height: 3.5rem;
    margin: 0 auto;
    display: block;
}
.reset_name_dvi{
    position: absolute;
    bottom: 0rem;
    width: 100%;
}
.step{
    position: relative;
}