/* 订婚的背景图 */

body .bgimg {

  width: 100%;

}



body .bgimg img {

  width: 100%;

  height: 100%;

}



/* 导航 */

.navbar {

  width: 90%;

  margin-left: 6%;

  z-index: 999;

  background-color: none;

  position: absolute;

}



.navbar .navbar_img {

  width: 16%;

  margin-right: 20%;

}



.navbar .navbar_img img {

  width: 100%;

  height: 100%;

}



.navbar .collapse {

  margin-left: 8vw;

  padding-left: 2vw;

}



.navbar .collapse .mr-auto {

  padding-left: 6vw;

}



.navbar .collapse .mr-auto .nav-item {

  font-size: 18px;

  width: 70px;

  margin-left: 3vw;

}



.navbar .collapse .mr-auto .nav-item a {

  display: block;

  text-align: right;

  float: right;

  width: 52px;

  color: #eee;

  border-bottom: 1px solid rgba(0, 0, 0, 0);

}

.navbar .collapse .mr-auto .nav-item a:hover {

  color: #e95f2d;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu {

  padding-right: 40px;

  margin-left: -250px;

  padding-bottom: 40px;

  color: #eee;

  background-color: rgba(0, 0, 0, 0.8);

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone {

  letter-spacing: 5px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone h4 {

  color: #e95f2d;

  margin: 40px 0px 20px 50px;

  font-size: 21px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitle {

  margin: 0px 0px 0px 50px;

  color: #fff;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleone {

  margin: 0px 40px 10px 50px;

  color: #fff;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul {

  list-style-type: none;

  margin: 0px 0px -10px 40px;

  display: flex;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul li {

  font-size: 22px;

  margin: 10px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul li:nth-child(1) a,
.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul li:nth-child(2) a {
  width: 92px;
}

.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul li a {

  display: block;

  font-size: 18px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul li a:hover {

  color: #eb5f20;

  border: none;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul .Secondary_item {

  width: 60px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul .Secondary_item a {

  display: block;

  width: 60px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleul .Secondary_item a:hover {

  color: #eb5f20;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleoneul {

  list-style-type: none;

  margin: 0px 0px 0px 40px;

  display: flex;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleoneul li a {

  width: 140px;

  font-size: 18px;

  margin: 10px;

  text-align: left;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleoneul li a:hover {

  color: #eb5f20;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone p {

  font-size: 17px;

  margin: 0px 330px 30px 50px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone p a {

  width: 140px;

  float: none;

  text-align: left;

  font-size: 18px;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone p a:hover {

  color: #eb5f20;

  font-weight: 550 !important;

  border: none;

}



.navbar .collapse .mr-auto .nav-item .active-color {

  color: #eb5f20;

  font-weight: 550 !important;

}



.navbar .collapse .mr-auto .active {

  width: 70px;

  text-align: center;

  border-bottom: 1px solid #eb5f20;

  color: #eb5f20 !important;

}



.navbar .collapse .form-inline {

  width: 80px;

  margin-left: -12px;

}



.navbar .collapse .form-inline .inline_inp {

  position: absolute;

  right: 1.5vw;

  top: 18px;

}



.navbar .collapse .form-inline .inline_inp .ipt {

  height: 30px;

  border-radius: 18px;

  font-size: 13px;

  text-indent: 6px;

  background-color: rgba(255, 255, 255, 0.3);

  border: 1px solid rgba(255, 255, 255, 0.3);

  display: block;

}



.navbar .collapse .form-inline .inline_inp input::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #2a2a2a;

}



.navbar .collapse .form-inline .inline_none {

  display: none;

}



.navbar .collapse .form-inline .left_nav .ipt {

  display: none;

}



/* ------------------------------------------------------------------------------------------ */

body .ring_bottom {

  width: 100%;

  margin-top: 100px;

  background-color: #000;

}



.navbar .collapse .mr-auto .nav-item .dropdown-menu .dropdown_itemone .SecondaryTitleoneul {

  list-style-type: none;

  margin: 0px 0px 0px 40px;

  display: flex;

}



body .ring_bottom .container-fluid {

  width: 80%;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone {

  color: #ffffff;

  letter-spacing: 5px;

  padding-left: 80px;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone h4 {

  color: #e95f2d;

  margin: 80px 40px 40px 60px;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitle {

  margin: 0px 40px 0px 60px;

  color: #fff;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleone {

  margin: 0px 40px 10px 60px;

  color: #fff;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul {

  list-style-type: none;

  margin: 0px 10px -10px 50px;

  display: flex;

  font-size: 18px;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul li {


  margin: 10px;

}

body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul li:nth-child(1),
body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul li:nth-child(2) {
  width: 98px;
}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul li a {

  display: block;


  color: #fff;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul li a:hover {

  color: #eb5f20;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul .Secondary_item {

  width: 50px;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul .Secondary_item a {

  display: block;

  width: 60px;

  color: #fff;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleul .Secondary_item a:hover {

  color: #eb5f20;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleoneul {

  list-style-type: none;

  margin: 0px 10px 0px 50px;

  display: flex;

  font-size: 18px;

  margin-top: 10px;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleoneul li a {

  width: 160px;

  margin: 0.6vw;

  text-align: left;

  color: #ffffff;

}



body .ring_bottom .container-fluid .row .col-sm-6 .dropdown_itemone .SecondaryTitleoneul li a:hover {

  color: #eb5f20;

}



body .ring_bottom .container-fluid .row_btm {

  margin-top: 100px;

}



body .bottom {

  margin-bottom: 80px;

}



body .bottom .bottomImg {

  width: 88%;

  margin: 0 auto;

  height: 50px;

}



body .bottom .bottomImg img {

  width: 100%;

}



.navbar .collapse .form-inline {

  width: 80px;

  margin-left: 100px;

}



.mr-auto,

.mx-auto {

  margin-right: 0 !important;

}



.navbar .collapse .form-inline .inline_inp {

  position: absolute;

  right: 4.5vw;

  top: 42px;

}



@media screen and (max-width:1750px) {

  .navbar .collapse .form-inline .inline_inp {

    right: 0.5vw;

    top: 30px;

  }



  body .navbgc {

    height: 6rem !important;

  }



  .navbar {

    margin-top: 5px;

  }

}



@media screen and (max-width: 720px) {

  .title h2 {

    text-align: center;

    color: #fff;

    letter-spacing: 7px;

    font-size: 22px;

  }



  .title .title_img {

    width: 16rem !important;

    margin: 0 auto -23px auto !important;

  }



  body .navbgc {

    height: 4rem !important;

  }



  body .bottom {

    margin-bottom: 0px !important;

  }

}