/*****通用样式******/
body{
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; 
}
a:hover,a:active{
    text-decoration: none;
    color:#298cef;
}
img{
    max-width:100%;

}
.color-white {
    color: #fff !important;
}
.color-blue {
    color: #298cef !important;
}
.margin-t-80 {
    margin-top: 80px;
}

.margin-b-20 {
    margin-bottom: 20px;
}

ul, li {
    list-style: none
}
.font-size-25{
    font-size: 25px;
}
* {
    box-sizing: border-box
}
.text-left{
    text-align: left !important;
}
.no-padding-t{
    padding-top:0 !important;
}
section{
    margin:70px 0;
}
.special-section{
    margin:70px 0 0;
}
.img-responsive{
    width: 100%;
}
.intro-title {
    padding: 25px 0;
    text-align: center
}

.intro-title h3 {
    color: #000;
    font-size: 30px;
}
@media(max-width: 768px){
    section{
        margin:110px 0 30px;
    }
    .intro-title h3{
        font-size: 24px;
    }

}
.intro-title p {
    color: #999;
    font-size: 14px;
}

.caption h3 {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: 20px 0;
    height: 34px;
}

.caption p {
    font-size: 14px;
    color: #999
}
@media (max-width: 768px) {
    .col-xs-6:nth-child(odd) {
        padding-right: 5px;
        padding-left: 10px;
    }

    .col-xs-6:nth-child(even) {
        padding-left: 5px;
        padding-right: 10px;
    }
}
/******关于朗慧、企业动态、服务支持banner样式*******/
.breadcrumbs {
    z-index: 1;
    padding: 100px 0;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-size: cover;
    background-position: center center;

}
.no-after-breadcrumbs {
    padding: 120px 0;
}
.breadcrumb-caption{
    width:60%;
    margin:0 auto;
}

@media (max-width: 767px) {
    .breadcrumb-caption{
        width: 100%;
    }
    .breadcrumbs{
        background-position: 44% 27%;
    }
}
.gis_banner_main h1{font-size:90px}
.gis_banner_main h2{font-size:48px}
.breadcrumb-caption h3{
    font-size: 50px;
    position: relative;
}

.breadcrumb-caption h3:after{
    content:'';
    width:200px;
    height:1px;
    position: absolute;
    background: #fff;
    bottom: -20px;
    left:50%;
    margin-left: -100px;
}
.breadcrumb-caption p{
    font-size: 16px;
    margin-top:40px;
}
@media(max-width: 768px){
	.gis_banner_main h1{font-size:30px}
	.gis_banner_main h2{font-size:20px}
    .breadcrumb-caption h3{
        font-size: 30px;
    }
    .breadcrumb-caption h3:after{
        content:'';
        width:132px;
        height:1px;
        position: absolute;
        background: #fff;
        bottom: -20px;
        left:50%;
        margin-left: -66px;
    }
    .breadcrumbs{
        padding:50px 0
    }
	.gis3_main1{margin-bottom:60px;}
}
@media(min-width: 768px){
    .breadcrumbs{
        height:350px;
    }
	.gis_banner{height:auto}
}
@media (min-width: 767px) and (max-width: 991px) {
   .breadcrumbs{
    padding: 100px 0 50px;
   } 
}
/*首页专注征拆样式*/
.advantage-item {
    background: #fff;
    padding: 60px 0;
    position: relative;
}

.advantage-item-img {
    width: 110px;
    height: 110px;
    background: url(../images/focus_pro01.png) no-repeat;
    position: absolute;
    left: 50%;
    top: -55px;
    margin-left:-55px;
    background-size:100%;

}

@media(min-width:991px){
    .advantage-item-img{
        width: 110px;
        height: 110px;
        margin-left: -55px;
    }
}
@media(max-width: 768px){
    .advantage-item-img{
        width: 80px;
        height: 80px;
        margin-left: -40px;
        background-size: 100% 100%;
    }
    .advantage-item{
        padding:30px 10px;
    }
    .advantage-item-img{
        top: -42px;
    }
}
/********************头部样式***********************/
/*No Topbar*/
.header.no-topbar .navbar-toggle {
    margin-top: 25px;
}
/*Navbar*/
.header {
    z-index: 99;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    height:70px;
    /*border-bottom: solid 2px #eee;*/
}

/*Header Container*/
.header > .container {
    display: table;
    margin-bottom: -40px;
    height:70px;
    padding-top:16px;
}
@media (max-width: 768px) {
    .header > .container {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .header > .container {
        margin-bottom: 0;
    }
}

/*Logo*/
.header .logo {
    height: 40px;
    width: 102px;
    float:left;
    background:url(../images/logo.png) no-repeat;


}
.scroll-header{
        box-shadow: 1px 1px 14px rgba(0,0,0,.2);
        -webkit-box-shadow: 1px 1px 14px rgba(0,0,0,.2);
        -moz-box-shadow: 1px 1px 14px rgba(0,0,0,.2);
        -ms-box-shadow: 1px 1px 14px rgba(0,0,0,.2);
}


@media (min-width: 767px) and (max-width: 991px) {
    .header .logo{
        background:url(../images/logo.png) no-repeat -6% -2px !important;
        height: 65px;
        background-size: 100% !important;
    }
    .header .navbar-toggle,
    .header .navbar-toggle:hover,
    .header .navbar-toggle:focus {
        background: #fff !important;
        top:1px !important;
        padding: 6px 10px 2px;
        border:0 !important;
    }

}
.header .logo img {
    z-index: 1;
    margin: 15px 0;
    position: relative;
}

@media (max-width: 991px) {
    .header .navbar-toggle {
        margin-right: 0;
    }
    .header .navbar-toggle {
        display: block;
    }
    .header .navbar-toggle, .header .navbar-toggle:hover, .header .navbar-toggle:focus {
        top: -7px;
        padding: 6px 10px 2px;
    }
    .navbar-toggle .icon-bar{
        background:#298cef
    }
    .click-header .navbar-toggle .icon-bar{
        background:#fff;
    }
}


.header .navbar-toggle,
.header .navbar-toggle:hover,
.header .navbar-toggle:focus {
    top:-1px;
    padding: 6px 10px 2px;
}



/*Navbar Collapse*/
.header .navbar-collapse {
    position: relative;
    float: right;
    bottom: 12px;
    line-height: 50px;
    left: -20%;
}
@media (max-width: 991px){
    .header .navbar-collapse {
        margin: 0;
        float: none !important;
    }
    .header .navbar-collapse{
        left:0
    }

}

/*Navbar Collapse*/
@media (max-width: 991px) {
    .header .navbar-collapse,
    .header .navbar-collapse .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/*Navbar Menu*/
.header .navbar-nav > li > a {
    color: #000;
    font-size: 15px;
    font-weight:400;
    text-transform: uppercase;
    height:50px;

}



@media (min-width: 992px) {
    .header .nav-pills {
        float: right;
    }
    .header .navbar-nav > .active > a {
    color: #298cef;
    
}
}


/*Responsive Navbar*/
@media (max-width: 991px) {
    /*Responsive code for max-width: 991px*/
    .header .click-header{
        background:rgba(41,140,239,0.9);
        -pie-background:rgba(41,140,239,0.9);/*IE6-8*/ 

        transition: all .4s ease;
    }
    .click-header .logo{
        background: url(../images/click_logo.png) no-repeat 4% 0 !important;
        height: 65px;
        background-size: 100% !important;
    }
    .header .navbar-header {
        float: none;
       
    }

    .header .navbar-toggle {
        display: block;
    }

    .header .navbar-collapse{
        display: none !important;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        /* transition: background .4s ease-in; */
        background:#fff;
        
    }
 
    .header .navbar-collapse.in {
        display: block !important;
        overflow-y: auto !important;  \
        background: -webkit-linear-gradient(rgba(41,140,239,0.95), rgba(41,199,239,0.95)); /* Safari 5.1 - 6.0 */ 
        background: -o-linear-gradient(rgba(41,140,239,0.95), rgba(41,199,239,0.95)); /* Opera 11.1 - 12.0 */  
        background: -moz-linear-gradient(rgba(41,140,239,0.95), rgba(41,199,239,0.95)); /* Firefox 3.6 - 15 */  
        background: linear-gradient(rgba(41,140,239,0.95), rgba(41,199,239,0.95)); /* 标准的语法 */ 
        -pie-background: linear-gradient(rgba(41,140,239,0.95), rgba(41,199,239,0.95)); /* 标准的语法 */ 
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='rgba(41,140,239,0.95)',endColorstr='rgba(41,199,239,0.95)'); 
     
    }
    .header .navbar-nav {
        margin: 0 0 5px;
        float: none !important;
        /* background: #fff; */
    }

    .header .navbar-nav > li {
        float: none;
    }

    .header .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 40px;
    }


    /*Design for max-width: 991px*/
    .header .navbar-nav > li > a {
        font-size: 16px;
        padding: 0 10px;
        line-height: 40px;
        height: 40px;
        color:#fff;
    }




    .header .navbar-nav > li > a:hover {
        /* color: #298cef; */
        background: none;
    }

   
}

@media (max-width: 991px){
    .header .navbar-nav > li {
        /* float: none; */
        border-bottom: 1px solid #3fbcef;
    }
    .nav>li {
        position: relative;
        display: block;
        /* transition: all .3s linear; */
    }
}
@media (min-width: 992px) {
    .header .navbar-nav {
        position: relative;
    }
    .nav>li>a:focus, .nav>li>a:hover{
        background-color: none !important;
    }
    .header .navbar-nav > li > a {
        bottom: -2px;
        position: relative;
        padding: 9px 25px 9px 25px;
    }
    .header .navbar-nav > li:hover{
        background:none;
    }
    .header .navbar-nav > li > a,
    .header .navbar-nav > li > a:focus {
        border-bottom: solid 2px transparent;
    }

    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > .active > a {
        bottom: -2px;
        position: relative;
        border-bottom: solid 2px #298cef;
        color:#298cef;
        background:none;
    }

   



}
@media (min-width: 1200px){
    .container {
        width: 1000px;
    }
}
/*菜单切换*/
@media(max-width:768px){
    .header .container{

    }
}
.header .navbar-toggle{position: relative}
.icon-bar{background: #298cef;}
.menu-open-button {
    height:40px;
    width:40px;
    top: -125%;
    right: 2px;
    position: absolute;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-open {
    display: none;
}

.icon-bar {
    width: 25px !important;
    height: 3px !important;
    background: #596778;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top:0;
}
.line-1 {
    top:53%;
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.line-2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.line-3 {
    top:51%;
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}

.menu-open:checked + .menu-open-button .line-1 {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .line-2 {
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .line-3 {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}

/****二级菜单****/
.right-arrow{
        position: absolute;
        right:10px;
    }
@media(min-width: 991px){

   .second-nav-list{
       background: rgba(20,53,87,.9);
       -pie-background:rgba(20,53,87,.9);/*IE6-8*/ 
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#143557,endColorstr=#173e65); 
        position: absolute;
        top:65px;
        width:330px;
        padding:20px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        display: none;
    } 
    .second-nav-list li {
        line-height: 40px;
    }
    .second-nav-list li a{
        color:#fff;
        display: block;
        width:100%;
        height:100%;
        position: relative;
    } 
    .second-nav-list li a:hover{
        color:#298cef;
    }
    .product-li:hover .second-nav-list{
        display: block;
    }
    .about-li:hover .second-nav-list{
        display: block;
    }
    .resolve-li:hover .second-nav-list{
        display: block;
    }
    .about-li .second-nav-list{
        width:150px;
    }
    
    .visible-block{
        height: 20px;
        width: 100%;
        visibility: hidden;
        margin: 0;
    }
}
@media(max-width:768px){
    .second-nav-list {
        padding:0;
        display: none;
        background: #0a6fb8;
    }
     .second-nav-list li{
        padding:0 20px;
        line-height: 40px;
        /* border-bottom: 1px solid #d3d3d3; */
    }
     .second-nav-list li a{
        color:#fff;
    }  
     .second-nav-list li:active{
        background:#298cef;
        
    } 
     .second-nav-list li:active a{
        color:#fff;

    }  
    .second-nav-list li a{
        display: block;
        width:100%;
        height:100%;
        border:none !important;
    }
    .nav-view {
        overflow-y: auto;
    }
    .right-arrow{
        font-size: 18px;
    }
}


/*底部样式*/
.footer-title{
    font-size: 18px;
    padding-bottom: 13px;
    margin-bottom:13px;
    position: relative;

}

footer{
     background: #143557;
     color:#fff;
     padding:20px 0 10px 0;
}
footer ul{padding-left:0;}
footer ul li a{display: block;width:100%;height:32px;line-height: 32px;}
footer a:link,footer a:visited {text-decoration: none;color:#fff;}
footer a:hover{text-decoration: none;color:#298cef;}
footer a:active{color: #fff}
footer ul li a,footer ul li{color:#d8d8d8;height:32px;line-height: 32px;}

footer a{
    color:#fff;
}
@media (min-width:991px){
    .footer-title{
        border-bottom:1px solid #fff;
        width:75px;
    }
}
@media (max-width:768px) {
    footer .row>div ul{
       height:80px;
    }
    footer .container .row>div{
       /*text-align: center;*/
        margin-bottom: 30px;
        padding: 0 30px ;
    }

    .footer-title:after{
        content: "";
        width:75px;
        height:1px;
        position: absolute;
        background:#fff;
        bottom:0;
        left:0;
        /*margin-left: -37px;*/
    }
}
.company-other-info{margin-top:40px;}

.company-other-info p{
    color:#999;
}
@media(max-width:768px){
  .company-other-info{margin-top:0;padding:0 30px;}  
  footer{padding: 30px 0 10px 0;}
  .company-other-info p{
    text-align: left;
    
}
}

/***********右侧图标**********/
.right-icon-list{
    position: fixed;
    right:0;
    top:180px;
    display: none;
    z-index: 100;
}
.right-icon-item{
    padding:0 9px;
    height:50px;
    min-width: 50px;
    line-height: 50px;
    background-color: #999;
    border-radius: 5px;
    position: absolute;
    left:-10px;
    white-space: nowrap;
    transition: left .4s linear;
    color:#fff;
}
.right-icon-item span{
    color: #fff;
}
.right-icon-item i{
    display: inline-block;
    background: url(../images/service.png) no-repeat center center;
    width: 27px;
    height: 30px;
    vertical-align: middle;

}

.right-icon-item .iphone-icon{
    width:32px;
   background-image: url(../images/phone.png);
    margin-right: 10px;
}
.right-icon-item .QQ-icon{
    width:30px;
   background-image: url(../images/QQ.png);
}
.right-icon-item .wchat-icon{
    width:37px;
   background-image: url(../images/Wchat.png);
}
.right-icon-item .top-icon{
    width:28px;
   background-image: url(../images/top.png);
}
.right-icon-item .coor-icon{
    width:33px;
   background-image: url(../images/coorperation.png);
}
.right-icon-item:nth-child(2){
    top:55px;
}
.right-icon-item:nth-child(3){
    top:110px;
}
.right-icon-item:nth-child(4){
    top:165px;
}
.right-icon-item:nth-child(5){
    top:220px;
}
.right-icon-item:nth-child(6){
    top:275px;
}


.right-icon-item:hover{
    background:#298cef;
    left:-15px;
}
.right-icon-phone:hover{
    left:-118px;
}
.right-icon-wchat:hover .code-pic{
    opacity: 1;
    visibility: visible;
}
.code-pic{
    position: absolute;
    right: 70px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s all;
    padding: 10px;
    width: 120px;
    top: -44px;
}







.mobile_logo{padding:10px;display:block;}
.mobile_logo img{width:100%}

.mobile_nav{background:#298cef;}
.mobile_nav div{width:20%;float:left;position:relative;}
.mobile_nav div a{color:#fff;display:block;height:50px;line-height:50px;text-align:center;}
.mobile_nav div .active{background:#ff8a00}
.mobile_nav div ul{position:absolute;right:0px;background:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.2);border-radius:5px;padding:10px 20px;}
.mobile_nav div ul a{color:#000;width:100px;}
.mobile_nav div ul:after{position:absolute;right:30px;top:-10px;content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #fff;}