/*-----nav-----*/
/*导航动画*/
.header_warp {
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}

.header_warp .logo {
  display: inline-block;
  height: 30px;
  width: 120px;
  /* background:url(../images/logo.png) no-repeat; */
  background-size: 100% auto;
  overflow: hidden;
  text-indent: -40em;
  position: relative;
  z-index: 100;
  margin: 0 20px;
  margin-top: 15px;
}

.header_warp .navBox,
.navBox2 {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 996;
  cursor: pointer;
}

.header_warp .nav_more {
  background: 0 0;
  border: none;
  padding: 10px 20px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999
}

.header_warp .nav_more:focus {
  outline: 0
}

.header_warp .nav_more .icon-bar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #fff
}

.navbar-nav>li>a {
  line-height: 2em;
}

.header_warp .nav_more .icon-bar {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 999999
}

.header_warp .nav_more .icon-bar {
  display: block;
  margin: 5px 0;
  width: 23px;
  height: 2px;
  background-color: #FF5722;
}

.menu_ico {
  width: 24px;
  height: 22px;
  background: url(../images/menu_ico_01.png) no-repeat;
  position: absolute;
  left: 2px;
  top: 19px;
  background-size: 100%;
}

.menu_ico1 {
  background-position: 0 0px;
}

.menu_ico2 {
  background-position: 0px -53px;
}

.menu_ico3 {
  background-position: 0 -107px;
}

.menu_ico4 {
  background-position: 0 -160px;
}

.menu_ico5 {
  background-position: 0 -214px;
}

.menu_ico6 {
  background-position: 0 -269px;
}

.menu_ico7 {
  background-position: 0 -324px;
}

.menu_ico8 {
  background-position: 0 -377px;
}

.menu_ico9 {
  background-position: 0 -431px;
}

.header_warp .caret {
  position: absolute;
  right: 10px;
  top: 20px;
  border: 0;
  background: url(../images/menu_ico_02.png) no-repeat 0 -58px;
  width: 10px;
  height: 10px;
}

.header_warp .dropdown .caret {
  background-position: 0 0;
}

.header_warp a:after {
  position: absolute;
  right: 10px;
  top: 20px;
  border: 0;
  background: url(../images/menu_ico_02.png) no-repeat 0 0;
  width: 10px;
  height: 10px;
  top: 12px;
}

.header_warp a:after {
  background-position: 0 -113px;
}

.header_warp .caret {
  background-position: 0 -113px;
}

.navList {
  z-index: 900;
  width: 100%;
  background: #fff;
  display: none;
  position: fixed;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  overflow: scroll;
}

.navList_ul>li>a {
  padding: 20px 35px;
  position: relative;
  color: #3d3d3d;
  display: block;
}

.navList_ul .open>a,
.navList_ul .open>a:focus,
.navList_ul .open>a:hover {
  background: #fff;
  border-color: #c4c4c4;
}

.navList ul {
  padding: 0;
  list-style: none;
  background: #1c5abd;
  padding: 15px 30px;
  padding-top: 46px;
}

.navList ul li {
  overflow: hidden;
  position: relative;
}

.navList ul li>a {
  border-bottom: 1px solid #c4c4c4;
  font-size: 1.6em;
  line-height: 120%;
  position: relative;
  z-index: 2;
}

.header_warp .navdrop_menu {
  margin: 0;
  padding: 0;
  border: 0;
  display: none;
}

.header_warp .navdrop_menu>li>a {
  padding: 15px 35px;
  font-size: 1.4em;
  position: relative;
}

.header_warp .navdrop_menu li li {
  text-indent: 1em;
}

.navdrop_menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  color: #333;
  white-space: nowrap;
}

.header_warp_cut .navdrop_icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 15px;
}

.header_warp_cut li .navdrop_icon .icon-bar {
  -webkit-transition: all .5s ease;
  z-index: 10;
}

.header_warp_cut li .navdrop_icon .icon-bar {
  display: block;
  margin: 5px 0;
  width: 10px;
  height: 2px;
  background: #3d3d3d;
}

.header_warp_cut li .navdrop_icon .icon-bar {
  background: #636363;
  position: absolute;
  right: 0;
  top: 10px;
}

.header_warp_cut li .navdrop_icon .middle {
  width: 0;
  vertical-align: hidden;
}

.header_warp_cut li .navdrop_icon .top {
  -webkit-transform: translateY(-4px) rotateZ(45deg);
}

.header_warp_cut li .navdrop_icon .bottom {
  -webkit-transform: translateY(2px) rotateZ(-45deg);
}

.header_warp_cut .navdrop .navdrop_icon .icon-bar {
  -webkit-transition: all .5s ease;
}

.header_warp_cut .navdrop .navdrop_icon .icon-bar {
  display: block;
  margin: 5px 0;
  width: 12px;
  height: 2px;
  background: #3d3d3d;
}

.header_warp_cut .navdrop .navdrop_icon .icon-bar {
  background: #636363;
  position: absolute;
  right: 0;
  top: 10px;
}

.header_warp_cut .navdrop .navdrop_icon .middle {
  width: 0;
  vertical-align: hidden;
}

.header_warp_cut .navdrop .navdrop_icon .top {
  -webkit-transform: translateY(-5px) rotateZ(90deg);
}

.header_warp_cut .navdrop .navdrop_icon .bottom {
  -webkit-transform: translateY(-5px) rotateZ(-0deg);
}

.header_warp_cut .navdrop .navdrop_icon_cut .icon-bar {
  -webkit-transition: all .5s ease;
}

.header_warp_cut .navdrop .navdrop_icon_cut .icon-bar {
  display: block;
  margin: 5px 0;
  width: 12px;
  height: 2px;
  background: #3d3d3d;
}

.header_warp_cut .navdrop .navdrop_icon_cut .icon-bar {
  background: #636363;
  position: absolute;
  right: 0;
  top: 10px;
}

.header_warp_cut .navdrop .navdrop_icon_cut .middle {
  width: 0;
  vertical-align: hidden;
}

.header_warp_cut .navdrop .navdrop_icon_cut .top {
  width: 0;
}

.header_warp_cut .navdrop .navdrop_icon_cut .bottom {
  -webkit-transform: translateY(-5px) rotateZ(-0deg);
}

.header_warp_cut .navdrop_menu .navdrop_icon {
  width: 20px;
  height: 20px;
  top: 12px;
  right: 25px
}

.header_warp_cut {
  height: 100%;
  overflow: scroll;
  position: fixed;
}

.theme-bright .logo {
  /* background: url(../images/logo.png) no-repeat; */
  /* background-size: 100% auto; */
}

.theme-dark .logo {
  background: url(../images/logo2.png) no-repeat;
  background-size: 100% auto;
}

.theme-dark .nav_more .icon-bar {
  background: #636363;
}

.header_warp_cut .logo {
  background: url(../images/logo2.png) no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: 1000;
}

.header_warp_cut .navBox {
  z-index: 1000;
}

.header_warp_cut .nav_more .icon-bar {
  background: #636363;
}

.header_warp_cut .nav_more .middle {
  width: 0;
  vertical-align: hidden;
}

.header_warp_cut .nav_more .top {
  -webkit-transform: translateY(6px) rotateZ(45deg);
}

.header_warp_cut .nav_more .bottom {
  -webkit-transform: translateY(-8px) rotateZ(-45deg);
}

/*-----nav end-----*/

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  body {
    font-size: 18px;
  }

  .header_warp .logo {
    display: inline-block;
    height: 60px;
    width: 200px;
    /* background:url(../images/logo.png) no-repeat; */
    background-size: 100% auto;
    overflow: hidden;
    text-indent: -40em;
    position: relative;
    z-index: 100;
    margin: 0 50px;
    margin-top: 30px;
  }

  .header_warp .nav_more .icon-bar {
    display: block;
    margin: 5px 0;
    width: 40px;
    height: 3px;
    background-color: #ec5757;
  }

  .header_warp .nav_more {
    padding: 30px 50px;
  }

  .header_warp_cut .logo {
    background: url(../images/logo2.png) no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1000;
  }

  .header_warp_cut .nav_more .icon-bar {
    background: #636363;
  }

  .header_warp_cut .nav_more .middle {
    width: 0;
    vertical-align: hidden;
  }

  .header_warp_cut .nav_more .top {
    -webkit-transform: translateY(6px) rotateZ(45deg);
  }

  .header_warp_cut .nav_more .bottom {
    -webkit-transform: translateY(-8px) rotateZ(-45deg);
  }

  .navList ul {
    margin: 20px 50px;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 76px;
  }

  .menu_ico {
    width: 48px;
    height: 44px;
    background: url(../images/menu_ico_01.png) no-repeat;
    position: absolute;
    left: 2px;
    top: 21px;
    background-size: 100%;
    -webkit-transform: scale(.8);
  }

  .menu_ico1 {
    background-position: 0 0px;
  }

  .menu_ico2 {
    top: 23px;
    background-position: 0px -106px;
  }

  .menu_ico3 {
    top: 18px;
    background-position: 0 -214px;
  }

  .menu_ico4 {
    top: 18px;
    background-position: 0 -320px;
  }

  .menu_ico5 {
    top: 22px;
    background-position: 0 -428px;
  }

  .menu_ico6 {
    top: 23px;
    background-position: 0 -538px;
  }

  .menu_ico7 {
    top: 25px;
    background-position: 0 -648px;
  }

  .menu_ico8 {
    top: 22px;
    background-position: 0 -754px;
  }

  .menu_ico9 {
    top: 23px;
    background-position: 0 -862px;
  }

  .navList_ul>li>a {
    padding: 30px 65px;
  }

  .header_warp_cut .navdrop .navdrop_icon .icon-bar {
    display: block;
    margin: 5px 0;
    width: 22px;
    height: 2px;
    background: #3d3d3d;
  }

  .header_warp_cut .navdrop .navdrop_icon .middle {
    width: 0;
    vertical-align: hidden;
  }

  .header_warp_cut .navdrop .navdrop_icon .top {
    -webkit-transform: translateY(-5px) rotateZ(90deg);
  }

  .header_warp_cut .navdrop .navdrop_icon .bottom {
    -webkit-transform: translateY(-5px) rotateZ(-0deg);
  }

  .header_warp_cut .navdrop_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 27px;
  }

  .header_warp_cut li .navdrop_icon .icon-bar {
    -webkit-transition: all .5s ease;
    z-index: 10;
  }

  .header_warp_cut li .navdrop_icon .icon-bar {
    display: block;
    margin: 5px 0;
    width: 18px;
    height: 2px;
    background: #3d3d3d;
  }

  .header_warp_cut li .navdrop_icon .icon-bar {
    background: #636363;
    position: absolute;
    right: 0;
    top: 10px;
  }

  .header_warp_cut li .navdrop_icon .middle {
    width: 0;
    vertical-align: hidden;
  }

  .header_warp_cut li .navdrop_icon .top {
    -webkit-transform: translateY(-6px) rotateZ(45deg);
  }

  .header_warp_cut li .navdrop_icon .bottom {
    -webkit-transform: translateY(4px) rotateZ(-45deg);
  }

  .header_warp .navdrop_menu>li>a {
    padding: 30px 65px;
    position: relative;
  }

  .header_warp_cut .navdrop .navdrop_icon .icon-bar {
    -webkit-transition: all .5s ease;
  }

  .header_warp_cut .navdrop .navdrop_icon .icon-bar {
    display: block;
    margin: 5px 0;
    width: 22px;
    height: 2px;
    background: #3d3d3d;
  }

  .header_warp_cut .navdrop .navdrop_icon .icon-bar {
    background: #636363;
    position: absolute;
    right: 0;
    top: 10px;
  }

  .header_warp_cut .navdrop .navdrop_icon .middle {
    width: 0;
    vertical-align: hidden;
  }

  .header_warp_cut .navdrop .navdrop_icon .top {
    -webkit-transform: translateY(-5px) rotateZ(90deg);
  }

  .header_warp_cut .navdrop .navdrop_icon .bottom {
    -webkit-transform: translateY(-5px) rotateZ(-0deg);
  }

  .header_warp_cut .navdrop .navdrop_icon_cut .icon-bar {
    -webkit-transition: all .5s ease;
  }

  .header_warp_cut .navdrop .navdrop_icon_cut .icon-bar {
    display: block;
    margin: 5px 0;
    width: 18px;
    height: 2px;
    background: #3d3d3d;
  }

  .header_warp_cut .navdrop .navdrop_icon_cut .icon-bar {
    background: #636363;
    position: absolute;
    right: 0;
    top: 10px;
  }

  .header_warp_cut .navdrop .navdrop_icon_cut .middle {
    width: 0;
    vertical-align: hidden;
  }

  .header_warp_cut .navdrop .navdrop_icon_cut .top {
    width: 0;
  }

  .header_warp_cut .navdrop .navdrop_icon_cut .bottom {
    -webkit-transform: translateY(-5px) rotateZ(-0deg);
  }

  .header_warp_cut .navdrop_menu .navdrop_icon {
    width: 30px;
    height: 30px;
    top: 28px;
    right: 60px
  }

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) {}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) {}

.privacy_warp {
  padding: 4em;
  padding-top: 5em;
}

.privacy_warp h1 {
  font-size: 2em;
  font-weight: bold;
  padding: .5em 0;
}

.privacy_warp p {
  font-size: 1.2em;
  line-height: 140%;
  padding: .5em 0;
}

.privacy_warp p strong {
  font-weight: bold;
  font-size: 1.2em;
  padding: .5em 0;
}

.law_warp {
  padding: 4em;
  padding-top: 5em;
}

.law_warp h1 {
  font-size: 2em;
  font-weight: bold;
  padding: .5em 0;
}

.law_warp p {
  font-size: 1.2em;
  line-height: 140%;
  padding: .5em 0;
}

.law_warp p strong {
  font-weight: bold;
  font-size: 1.2em;
  padding: .5em 0;
}

.map_warp {
  width: 88%;
  margin: 0 auto;
  margin-top: 5em;
}

.map_warp a {
  color: #337ab7;
  font-size: 1em;
}

.map_warp li {
  padding: 1em 0;
  border-bottom: 1px solid #e2e2e2;
}

.map_warp li h2 {
  width: 100%;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 140%;
  color: #000;
}

.map_warp li h3 {
  width: 100%;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 160%;
  margin-top: .5em;
  color: #555;
}

.map_warp li dl {
  width: 100%;
  clear: both;
  overflow: hidden;
  line-height: 200%;
}

.map_warp li dl dd {
  font-size: 1.2em;
  font-weight: bold;
  float: left;
}

.map_warp li dl dt {
  font-size: 1.2em;
  float: left;
  text-align: left;
  width: 25%;
}

/* body #newBridge{display: none;} */
.detailed_range .range_ul.full-width li {
  width: 100%;
}

/* 在媒体查询前添加手机端隐藏样式 */
@media (max-width: 767px) {

  .topbg,
  .navbg,
  .h-w12 {
    display: none !important;
  }

  /* 确保移动端元素显示 */
  .header_warp,
  .mobile-logo {
    display: block;
  }
}

/* 保持原有的电脑端样式 */
@media (min-width: 768px) {

  /* 隐藏移动端元素 */
  .header_warp,
  .mobile-logo {
    display: none;
  }

  /* 显示电脑端元素 */
  .topbg,
  .navbg,
  .h-w12 {
    display: block;
  }

  /* 其他电脑端样式保持不变... */
}