*{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.header_rg{
  width: 8rem;
}
.header img{
  width: 100%;
}
#login{
  display: none;
}
.fa_bor2{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 85%;
  padding: 2rem;
  border: 1px solid #eee;
}
.xia,.shan{
  background: #004F6B;
  color: #fff;
  padding: 0.5rem 2rem;
}
.yin{
  position: fixed;
  background: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.page_nav{
  text-align: center;
}
/*当前位置*/
.now{
  display: flex;
  align-items: center;
  font-size:1.3rem;
}  
.now img{
  margin: 0 0.5rem;
}
.pai_list{
  display: flex;
   padding:1rem 2rem;
   text-align: right;
   position: absolute;
   right: 6%;
   top: 0%;
}
.paixu{
  display: flex;
  color: #999;
  margin:  0 1rem;
}
.arr {
 margin: 0 0.5rem;
 display: flex;
 align-items: center;
}

.arrUp {
  cursor: pointer;
}

.arrDown {
  cursor: pointer;
}
/*流程*/
.basic{
  width: 85%;
  margin: 0 auto;
}
.fa_btn{
  background-color:  #004F6B;
  text-align: center;
  color: #fff;
  width: 10rem;
  margin: 0rem auto;
  padding: 0.8rem 0rem;  
}
.fa_bor{
  border: 1px solid #eee;
  width: 85%;
  margin: 0 auto;
  padding: 3rem 0;
  text-align: center;
}
.df{
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
}
.ly{
     background:#3E7BC5;
     color: #fff;
     padding: 0.8rem 3rem;
     display: inline;
     margin: 0 1rem;
}
.fh{
     background:#BA271B;
     color: #fff;
     padding: 0.8rem 3rem;
     display: inline;  
}
.pross{
  width: 85%;
  margin: 0 auto;
}
.now_sel{
  color: #3E7BC5;
  margin-left: 0.5rem;
}
.now_city{
 padding: 1rem 0;
  font-size: 1.2rem;
  display: flex;
}
.now_img{
width: 1.4rem;
height: 1.4rem;
margin-right: 0.5rem;
}
.dre_img {
  margin-bottom: 2rem;
}

.shening{
min-height: 35rem;
width: 85%;
margin: 0 auto;
}
.process{
  display: flex;
  text-align: center;
  color: #878787;
  justify-content: space-around;
  font-size: 1rem;
  padding: 0 2rem;
  font-size: 1.4rem;
}

.process img{
  width: 7rem;
  margin-bottom: 1rem;
}
.pro_list{
display: flex;
justify-content: space-around;
width: 100%;
}
.pro_list:last-child{
width: 50%;
}
.process_now{
  color:#3E7BC5;
}
.arrow{
  font-weight: bold;
  color: #ddd;
  margin-top: 3rem;
  font-size: 1.4rem;
}

/*标题*/
  .basic_title{
  display: flex;
  align-items: center;
  justify-items: center;
  background-color: #004F6B;
  color:#fff;
  padding:0rem 4rem;
  font-size: 1.4rem;
  height: 4rem;
  line-height: 4rem;
}
.basic_title img{
    width: 1.2rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}
.fenge{
  border-bottom: 1px solid #eee;
  margin: 3rem 0;
}
.dre_img img{
  width: 10rem;

}
.tian{
text-align: center;
}



/*单选*/
.choose{
display: flex;
}
.choose_li{
display: flex;
align-items: center;
margin: 0 0.5rem;
}
.choose_li .span{
width: 1.5rem;
height: 1.5rem;
border: 4px solid #eee;
display: block;
border-radius: 50%;
margin: 0 0.2rem;
}
.sle{
background: #3E7BC5;
width: 1.5rem;
height: 1.5rem;
border: 6px solid #eee;
display: block;
border-radius: 50%;
margin: 0 0.2rem;
}   
   
 /*头部*/  
   
.header {

  width: 100%;
}
.head_bg{
      width: 100%;
      position: absolute;
      top:0;
      left: 0;
      z-index: -1;
      height: 100%;
}
.header_tabs{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin: 0 auto;
  padding: 1rem 0;
}
.head_tabs{
  position: absolute;
  bottom: 0%;
  width: 100%;
  background:rgba(0, 0, 0,.2);
}
.head_list{
  display: flex;
  align-items: center;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  background: #3484D9;
}
.head_dl{
border-radius: 0.5rem;
border: solid 1px #ddd;
  text-align: center;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  cursor: pointer;
}
.logo{
  display: flex;
  align-items: center;
  
}
.logo_con{
  margin-left: 0.5rem;
}
.logo_title{
  font-weight: bold;
  font-size: 2rem;
  white-space: nowrap;
}
.logo_text{
  font-size: 1.3rem;
}
.logo img{
  width: 5rem;
}
.head_ul{
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 80%;
  z-index: 111;
  justify-content: space-between;
}
.head_ul li{
  width: 100%;
  text-align: center;
}
.head_ul span a{
  color: #fff;
  text-decoration: none;
}
.head_ul a{
	padding:1rem 0 !important;
}
.head_ul span{
  padding:1rem 1rem;
  font-size: 1.5rem;
  display: block;
}
.hactive{
  background-color: #1559dc;
  padding:0.3rem 1rem;
  font-size: 1.4rem;
}
.head_ul  a:hover{
  color: #fff;
  text-decoration: none;
  background-color: #1559dc;

}
.head_ul  span:hover{
  background-color: #1559dc;
  color: #fff;
}
.head_ul li:hover .tab_li{
  display: block;
}
.tab_li{
  position: absolute;
  background: #fff;
  color: #000;
  display: none;
  text-align: center;
  z-index: 1111;
  min-width:10rem;
}
.tab_li span a:hover{
  color: #fff;
}
.tab_li span{
  padding: 0.5rem 1rem;
  display: block;
}
.tab_li span a{
  text-decoration: none;
  width: 100%;
  display: block;
  color: #000;
	padding:0 !improtant;
}
   
   
   
   
   
   
   
   
   
   /*底部*/
   .app_foor{
    background: #080707;
    font-size: 1.2rem;
    padding: 3rem 0;
    position: relative;
    bottom: 0;
    }
    .foor_span:last-child{
      display: none;
    }
    .foor_flex{
      display: flex;
      width: 60%;
      margin: 0 auto;
      justify-content: space-between;
      color: #fff;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .foor_ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    color: #ddd;
    padding: 1rem 0;
    justify-content: center;
    }
    .foor_ul a{
       color: #fff !important;
    }
    .foor_ul li{
    margin: 0 1rem;
    }
    .foor_ul li:first-child{
      margin-left: 0;
    }
.foor_details{
  line-height: 2rem;
}
.foor_details span{
  margin-left: 2rem;
}

    .foor_img{
      display: flex;
      justify-content: center;
      position: absolute;
      right:15%;
      top: 35%;
    }
    .foor_img{
      display: flex;
      text-align: center;
  }
  .foor_li{
      width: 6rem;
      margin-right: 3rem;
  }
  .foor_img img{
      width: 100%;
      margin-bottom: 1rem;
      height: 6rem;
  }
  .foor_title{
    white-space: nowrap;
  }
    @media (max-width: 767px) {
            /*头部*/
        .head_ul{
          flex-wrap: wrap;
        }
        .header{
              display: none;
          }
        .foor_img{
           position: relative;
           margin:1rem 0;
        }
        .foor_ul{
            padding: 1rem 0;
        }
        .pro_list{
          margin: 0 0.5rem;
        }
    }


    /*导航栏*/

    /*登陆*/
.login{
    position: fixed;
    top: 30%;
    background: #fff;
    left: 35%;
    padding: 2rem 4rem;
    z-index: 111;
    width: 30%;
  }
  .lg_flex{
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
  }
  .lg_text{
    text-align: center; 
    color:#3E7BC5;
  }
  .lg_btn{
    background: #3E7BC5;
    text-align: center;
    color: #fff;
    padding: 1rem 0;
    border-radius: 0.4rem;
    margin:2rem 0;
  }
  .login_title{
    text-align: center;
    color:#3E7BC5;
    font-size:2rem;
    font-weight: bold;
  }
  .lg_cell{
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    height: 4rem;
    margin:1rem 0;
  }
  .lg_cell img{
    margin: 0 1rem;
  }
  .lg_cell input{
    border:0;
    outline: none;
    width: 80%;
  }
  .dai_hide2{
    position: absolute;
    right: 5%;
    top: 4%;
    font-size: 1.3rem;
  }
  .dai_hide2:hover{
    cursor:pointer;
  }
  /*头部*/

      a{
        outline: none;
      }
      .eactive{
          color: #fff !important;
          background: rgba(0, 0, 0,.2);
      }
      .er_ul{
          margin-left: 2rem;
      	  display:none;
      }
      .er_ul a{
          color:#0c6fc0 !important;
      }
      .tab_ul li a:hover{
          background: #4892EB;
      }
      .tab_ul li:hover .tab_ul2{
        display: block;
          opacity: 1;
      }
      .er_ul,.shan_ul{
        list-style: none;
      }
      .er_ul li{
        padding:1rem;
      }
      .tab_ul2{
        z-index: 1111;
        position: absolute;
        display: none;
        list-style: none;
        background: rgba(0, 0, 0,.1);
        padding: 0;
        margin-top: 0rem;
        
      }
      .tab_ul2 a{
        color: #fff !important;
        padding: 1.5rem 1rem;
        display: block;
        text-decoration: none !important;
      }
      .tab_ul2 li{
          z-index: 1111;  
          text-align: left;
        
          min-width: 10rem;
      }
      .tab_ul2 li:hover{
        background: #4892EB;
      }
      .navbar-brand{
        color: #fff !important;
      }
 

      .dis_us{
        display: flex;
        justify-content: space-between;
        width: 85%;
        margin: 0 auto;
      }
     .hd_user{
          display: flex;
          justify-content: space-around;
          border-bottom: 1px solid #eee;
          font-size: 1.2rem;
          padding-bottom: 0.5rem;
          color: #777777;
      }
  .hd_con{
     display: flex;
     align-items: center;
     width: 85%;
     margin: 0 auto;
     justify-content: space-between;
     flex-wrap: wrap;
     padding: 2rem 0;
  }
  .hd_img{
    width: 4.5rem;
    height: 5rem;
    margin-right: 1rem;
  }
  .hd_title{
    font-family: PingFang-SC-Heavy;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #3E7BC5;
    margin: auto 0;
  }
  
  .hd_foshan{
    font-family: PingFang-SC-Heavy;
    font-size: 1.4rem;
    letter-spacing: 0rem;
    color: #3E7BC5;
  }
  input{
     outline: 0;
     border: 0;
     height: 90%;
     color: #939393;
     font-size: 1.2rem;
    
  }
  .hd_input{
     border: 1px solid #ddd;
     margin-left: 2rem;
     height: 3rem;
    line-height: 2.8rem;
    padding: 0 1rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .hd_input input{
    width: 85%;
    margin-left: 0.5rem;
  }
  .search_text{
    width: 6rem;
    height: 3rem;
    line-height: 3rem;
    background-color: #3E7BC5;
    font-size: 1.2rem;
    color: #ffffff;
    text-align: center;
    margin-left: 2rem;
  }
  .hd_img img{
    width: 100%;
    height: 100%;
  }
  
  .in_tab{
  background: -webkit-linear-gradient(top,#318bd7 50%,#0c6fc0 50%);
  }
  .tab_ul{
  display: flex;
  list-style: none;
  justify-content: space-between;
  padding: 0;
  width: 85%;
  margin: 0 auto;
  color: #fff;
  
  font-size:1.4rem;
  }
  .tab_ul span a{
    color: #fff !important; 
    width: 10rem;
    padding: 1rem;
    display: block;
    text-decoration:none !important; 
  }
  .tab_ul li{
  text-align: center;
  }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
  background-color: #004F6B
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
  border-color: #004F6B;
}
.navbar-inverse{
    background-color: #3E7BC5
  }
.navbar-inverse .navbar-toggle{
    border-color: #004F6B
}
.navbar-inverse .navbar-nav > li > a{
  color: #000;
}
  .active{
  background-color: #004F6B;
  }
  .active2{
  border-bottom: 2px solid #fff;
  padding: 0.5rem 0;
  }
  .dis_sb{
    display: flex;
  }
  .dis_sb2{
    display: flex;
  }
  .in_tab2{
    display: none;
  }
  @media (max-width: 767px) {
    .fa_bor{
      width: 100%;
    }
    .foor_flex{
      width: 80%;
  }
  .foor_details span{
    display: block;
    margin:0;
  }
    .hd_foshan{
      font-size: 0.9rem;
    }
    .login{
     left: 3%;
     width:94%;
  }
    .tab_ul{
      flex-wrap: wrap;
    }
      .hd_con{
          width: 95%;
          margin-top: 2rem;
      }
      .hd_title{
          font-size: 1.5rem;
         margin-top: 1.5rem;
         width: 85%;
      }
      .hd_user{
              display: none;
          }
      
       .hd_input{
        margin: 0;
         width: 80%;
        }
        .dis_sb2{
            margin-top: 1rem;
            width: 100%;
        }
        input{
          width: 12rem;
      
        }
        .tab_ul li{
         width: 8rem;
         padding: 0.7rem 0;
         margin-bottom: 0.5rem;
       }
       .in_tab{
         display: none;
       }
       .in_tab2{
         display: block;
       }



/**/
    .dre_img img{
          width: 8rem;
    
      }
     .process img{
        width:4rem;
        height: 4rem;

      }
          .fenge{
          border-bottom: 1px solid #eee;
          margin: 1rem 0;
      }
      .process{
          font-size: 1rem;
          justify-content: space-between;
          padding: 0;
      }
      .arrow{
        display: none;
      }
      .process_failed{
       margin-top: 1rem; 
    
      }
     .process_now{
        margin-top: 1rem;
    }
      .dre_img {
        margin: 1rem 0;
      }
      .arrow{
          margin-top: 3rem;
      }
      .pross{
          width: 100%;
          padding: 0 1rem;
      }
     }
     @media (min-width: 768px) and (max-width: 991px) {
      /*在768和991像素之间的屏幕里,这里的样式才生效*/
      .none2{
        display: none ;
      }
      .foor_img{
          right: 0%;
      }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      /*在992和1199像素之间的屏幕里,这里的样式才生效*/
      .none2{
        display: none ;
      }
      .foor_img{
          right: 0%;
      }
    }
    @media (min-width: 1200px) {
      /*在大于1200像素的屏幕里,这里的样式才生效*/
      .none2{
        display: none;
      }
    }