/* CSS Document */
.bg-g{ background:#f5f5f5;}
.more{color:#72716f;transition: all 0.2s;font-size:15px;  display:block; margin-top:15px;}
.more:hover{ color:#ac2124;}
.more-btn{ width:100%; height:40px; background:none; border:none; margin-bottom:10px;}
.wrap{ width:100%; margin:0 auto; max-width:750px;}



.navbar .container>.navbar-collapse{ background:#fff;}
.navbar-inverse .navbar-nav>li>a{ color:#291818;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background:#fff; color:#354777;}
.navbar-nav>li>a{ height:50px; line-height:50px; padding:0; padding-left:40px;}
.navbar-nav li a i{ display:block; width:60px; height:50px; float:left;}
.navbar .container ul{ margin:0; margin-top:40px;}
.pull-left{ float:right!important}
.navbar .container>.navbar-collapse{ z-index:100000000000; width:100%; left:-100%; top:50px;}
.nav-p{ width:100%;color:rgba(255, 255, 255, 0.8); height:50px; line-height:50px;border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-left:20px; box-sizing:border-box;}

.navbar .container .navbar-header{ background:#fff; height:50px;}
.navbar-inverse .navbar-toggle .icon-bar{ background:#291818; width:30px; margin-top:8px; height:3px;}
.navbar-brand img{ height:40px;}
.navbar-brand{ margin:0; padding:20px; background:url(../img/logo.png) center center no-repeat; background-size:100%; width:24%; margin-left:-12%; position:absolute; left:50%; height:50px;}
.navbar-inverse .navbar-toggle{ margin-right:5px; margin-top:0px; padding:6px 10px;}
.navbar-toggle .icon-bar{    -webkit-transform-origin: 30px; -ms-transform-origin: 30px;transform-origin: 30px;}
.navbar{ margin-bottom:0; height:50px; /*overflow:hidden;*/}

.container{ margin:0; padding:0;}
.box{ width:100%; clear:both; float:left; padding-bottom:20px;}
.box-wrap{ width:100%; padding:0 10px; box-sizing:border-box; clear:both; float:left;}
.navbar-inverse{ background:#fff;}





/******  footer  ********/
.footer{ width:100%; clear:both; float:left; text-align:center; padding:20px; background:#fff; font-size:9px; line-height:20px;}

.black_overlay{display: block;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:10000;-moz-opacity: 0.8;opacity:.50;filter: alpha(opacity=50);}
.white_content {display: block;position: absolute;top: 12%;width:90%; left:5%; padding:15px; box-sizing:border-box; border-radius:6px;background-color: white;z-index:10001;overflow: auto;}
.top-text{ width:100%; float:left;}
.top-text p{ line-height:24px; text-indent:30px;}
.top-text-tit{ width:100%; text-align:center; margin-bottom:10px; font-size:20px; color:#c69c6d;}
.checkbox{ width:100%; text-align:center; color:#291818; margin-top:20px; margin-bottom:10px; float:left;}
.confirm-btn{ clear:both; width:130px; height:42px; border:none; background:#67a7e4; color:#fff; border-radius:6px; margin:0 auto; display:block; text-align:center; line-height:42px; cursor:pointer;}
.confirm-btn:hover{ color:#fff; background:#5b9ddc;}
.checkbox input{ margin-right:10px;}

.top-menu{ width:100%; clear:both; float:left; background:#c69c6d;}
.top-menu li{ display:block; float:left; width:25%;}
.top-menu  li a{ display:table; margin:0 auto; height:42px; line-height:40px; border-bottom:2px solid rgba(255, 255, 255, 0); color:#fff;}
.top-menu li a.on{ border-bottom:2px solid #fff;}
.content-box{ width:100%; clear:both; float:left; margin-top:30px;}
.box-top-tit{ width:100%; float:left; padding-left:18px; font-size:22px; color:#c69c6d;}
.content-box-bottom{ width:100%; clear:both; float:left;border-bottom:1px solid #d6d7dc;}


.service{ width:100%; clear:both; float:left; text-align:center; padding:30px 15%; background:#e6e6e8;}
.service-tel{ font-size:16px; color:#c69c6d;}
.service ul{ display:block; float:left; width:100%; margin-top:20px;}
.service li{ display:block; float:left; width:50%; text-align:center;}
.service li img{ width:64%;}
.service li span{ width:100%; float:left; display:block; line-height:14px;}


@media screen and (min-width:751px) and (max-width:1200px){
.container{ max-width:750px;}
}
@media screen and (min-width:751px){
.container{ max-width:750px;}
}
.container{ max-width:750px;}