* {
  margin: 0;
  padding: 0; }

body {
  padding: 70px 0 0; }

.navbar-default {
  background-color: rgba(248, 248, 248, 0);
  border: none;
  margin-bottom: 0; }

.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a {
  background-color: #fff;
  color: #f07d3c; }

.navbar-default .navbar-nav > .active a::after {
  content: '';
  display: block;
  height: 2px;
  background-color: #f07d3c;
  margin-top: 7px; }

.navbar-default .navbar-nav {
  font-size: 20px; }

.container_nav {
  -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%; }

.navbar-header, .collapse {
  padding: 10px 0; }

.nav_bar_logo {
  display: inline-block;
  padding-right: 50px; }

.nav_bar_logo img {
  height: 50px; }

.navbar-collapse {
  overflow: hidden; }

.title_pic {
  width: 100%; }

.title_pic img {
  width: 100%; }

.img-responsive {
  margin: auto; }

.section_title {
  line-height: 60px;
  font-size: 28px;
  padding: 30px 0;
  padding-left: 20px;
  color: #06638b;
  font-weight: 600; }

.section_title1 {
  line-height: 60px;
  font-size: 34px;
  padding: 50px 0 0;
  text-align: center;
  color: #06638b;
  font-weight: 600; }

.title_2 {
  padding-top: 80px;
  font-size: 20px;
  color: #06638b; }

.index_explaini {
  padding: 0px 30px; }
  .index_explaini p {
    font-size: 16px;
    line-height: 1.5;
    text-indent: 2rem;
    padding: 1rem 0 3rem; }

.col3 > div {
  padding: 20px 60px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  .col3 > div:hover {
    color: #f07d3c;
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
    -webkit-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.2);
    z-index: 999; }

.index_explain {
  padding: 50px 30px; }
  .index_explain p {
    font-size: 16px;
    line-height: 1.5;
    text-indent: 2rem;
    padding: 1rem 0 3rem; }

.about_explain p {
  font-size: 16px;
  line-height: 1.5;
  text-indent: 2rem;
  line-height: 1.5;
  letter-spacing: 0.2rem; }

.index_introduce img {
  width: 100%; }

.index_app {
  width: 100px;
  height: 100px; }

.index_app img {
  height: 100%; }

.ldwy {
  padding: 0px 40px; }

.hizhshf {
  padding: 0px 40px; }

@media (min-width: 992px) {
  .navbar-nav {
    float: right; }

  .hizhshf {
    padding: 80px 0px; }

  .ldwy {
    padding: 180px 40px; } }
.bottom_footer {
  width: 100%;
  background-color: #2c2c2c;
  color: #fff;
  margin-top: 50px;
  padding: 40px 0 10px 0; }
  .bottom_footer h1, .bottom_footer h4 {
    display: inline-block; }
  .bottom_footer .addr {
    display: inline-block;
    padding-bottom: 10px; }
  .bottom_footer .downapp {
    display: inline-block;
    width: 100px;
    height: 100px; }
  .bottom_footer .copyright {
    border-top: solid 1px #444;
    padding-top: 20px;
    color: #999; }
    .bottom_footer .copyright a {
      text-decoration: none;
      color: #aaa; }
      .bottom_footer .copyright a:hover {
        color: #fff; }

.warper > div {
  padding: 20px; }
.warper img {
  width: 100%; }