/* reset css */
html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative
}

body,ul,li,p,img {
  margin: 0;
  padding: 0
}
ul,li{
  list-style: none;
}
button {
  border: none
}

* {
  font-family: "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans-serif
}

code,
kbd,
pre,
samp,
code * {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace !important
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

html {
  font-size: 10px
}

@media (max-width: 767px) {
  html {
    font-size: 8.5px
  }
}

@media (min-width: 768px) {
  html {
    font-size: 9px
  }
}

@media (min-width: 992px) {
  html {
    font-size: 9.5px
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 10px
  }
}


/* common */
/* 导航条 */
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
  height: 100px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 28px;
  letter-spacing: -0.04rem;
  padding: 15px 50px 0 0;
  line-height: 70px;
  color: #ff0000;
}

.navbar-default .navbar-nav>li>a {
  padding-top: 15px;
  height: 70px;
  line-height: 75px;
  font-size: 16px;
  font-weight: bold;
}

.navbar-default .navbar-toggle {
  margin: 35px 10px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background: unset !important;
  color: #ff0000;
}

.dropdown-menu {
  padding: 0;
  background: #f1592a;
  border: unset;
}

/* .dropdown-menu li {
  border-bottom: 1px solid #eee;
} */

.dropdown-menu li a {
  line-height: 30px;
  color: #fff;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background: #ff0000;
  color: #fff;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 10px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #f1592a;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/* 内容 */
main,
.main {
  margin-top: 100px;
  min-height: 300px;
}

/* 页脚 */
footer,
.footer {
  background: #333;
}

.footer .footer-title {
  font-size: 24px;
  color: #f1592a;
  margin-bottom: 30px;
}

.footer .footer-text,
.footer .footer-link {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}

.footer .glyphicon {
  margin-right: 10px;
  min-width: 24px;
  font-size: 20px;
  font-weight: bold;
  color: #f1592a;
}

.footer .container-fluid {
  padding: 0;
  margin: 20px 0 0 0;
}

.footer .copyright {
  padding: 20px;
  background: #000;
  color: #fff;
  font-size: 12px;
}

/* 地图 */
#baiduMap {
  width: 100%;
  height: 200px;
}





/* 媒体查询 */
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .dropdown-menu li {
    border-bottom: 1px solid #eee;
  }

  .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
  }
}

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

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

.mark {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 1.88rem;
  line-height: 1.88rem;
  width: 20%;
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
  background: #f1592a;
  border-radius: 0.5rem;
}

/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -120px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}


/*弹窗*/
.pop_bg{
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.pop{
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%,0);
  border-radius: 5px;
  background-color: #fff;
}
.popActive{
  display: block;
}
.pop input ,.pop textarea,.pop button{
  display: block;
  margin-bottom: 10px;
}
.pop form{
  padding-top: 20px;
  position: relative;
}
.pop input,.pop textarea{
  width: 100%;
}
.pop button{
  width: 50%;
  height: 30px;
  line-height: 30px;
  background-color: #f1592a;;
  color: #fff;
  border-radius: 25px;
  float: right;
}
.pop .popClose i{
  position: absolute;
  right: -1px;
  top: -7px;
  width: 15px;
  height: 15px;
  line-height: 12px;
  text-align: center;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
}

/*#get_a_quote {*/
/*  color: #fff;*/
/*}*/

.btn-main {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #f1592a;
  border-color: #f15423;
}
.btn-main.btn:hover, .btn-main.btn.focus, .btn-main.btn:focus {
  color: #fff;
}