/*���*/
.ma{margin: auto}
.m0{margin: 0;!important;}
.mt5{margin-top: 5px;}.ml5{margin-left: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.mt10{margin-top: 10px;}.ml10{margin-left: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.mt20{margin-top: 20px;}.ml20{margin-left: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}.mr30{margin-right: 30px;}.mb30{margin-bottom: 30px;}.mb50{margin-bottom: 50px;}
.p0{padding: 0;}
.pt5{padding-top: 5px;}.pl5{padding-left: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}.p5{padding: 5px;}
.pt10{padding-top: 10px;}.pl10{padding-left: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}.p10{padding: 10px;}
.pt20{padding-top: 20px;}.pl20{padding-left: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}.p20{padding: 20px;}
.pt30{padding-top: 30px;}.pl30{padding-left: 30px;}.pr30{padding-right: 30px;}.pb30{padding-bottom: 30px;}.p30{padding: 30px;}
.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}.mt80{margin-top: 80px;}.mt120{margin-top: 120px;}.mt160{margin-top: 160px;}.pl15{padding-left: 15px;}

.dropdown-button{
    color: #363c42;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 7px;
    line-height: 3px;
    border-radius: 2px;
    margin-right: 1px;
}
.wrap:after {
    clear: both;
    content: "";
    display: table;
}
/*reset css*/
*{margin:0;padding:0;list-style:none;border:none;}
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:4%; bottom:20px; padding-bottom:20px; background:url(/JianWeb/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../image/r_qq.png) 0px 0px no-repeat; background-color: rgba(109, 169, 222, 0.87);text-decoration:none; display:block;}
.izl-rmenu .btn-qq:hover{background-color: rgba(72, 139, 199, 0.9);}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../image/r_qq.png) 0px 0px no-repeat; background-color: rgba(109, 169, 222, 0.93); text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../image/r_wx.png) 0px 0px no-repeat; background-color: rgba(120, 195, 64, 0.91);text-decoration:none; display:block;}
.izl-rmenu .btn-wx:hover{background-color: rgba(88, 168, 28, 0.91);}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;display: block;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.izl-rmenu .btn-wxgzh{background:url(../image/r_gzh.png) 0px 0px no-repeat; background-color: rgba(24, 97, 193, 0.84);}
.izl-rmenu .btn-wxgzh:hover{background-color: rgba(24, 97, 193,0.91);}
.izl-rmenu .btn-wxgzh .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-wb{background:url(../image/r_wb.png) 0px 0px no-repeat; background-color: rgba(207, 33, 18, 0.74);text-decoration:none; display:block;}
.izl-rmenu .btn-wb:hover{background-color: rgba(207, 33, 18, 0.95);}
.izl-rmenu .btn-wb .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}


@media screen and (min-width: 1200px){
    .top-header {
        height: 40px;
        font-size: 12px;
        color: #d3f0fe;
        line-height: 40px;
        background: #015198;
    }
    .wrap {
        width: 1100px;
    }
    .wrap {
        border: 0;
        padding: 0;
        margin: 0 auto;
    }
    .phone-wrap {
        float: right;
        height: 40px;
        line-height: 40px;
    }
}
.container-fluid {
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px!important;
}
.title-b{
    margin: 50px 0 50px 0;
    text-align: center;
}
.title-d{
    margin: 50px 0 30px 0;
    text-align: center;
}


.title-b i{
    display: inline-block;
    height: 1px;
    width: 6%;
    vertical-align: middle;
    margin: 0 15px;
    background: #cfcfcf url(../image/j10.jpg) left center no-repeat;
}
.title-c{
    margin: 50px 0 50px 0;
    text-align: center;
}

.title-c i{
    display: inline-block;
    height: 1px;
    width: 6%;
    vertical-align: middle;
    margin: 0 15px;
    background: #cfcfcf url(../image/j10.jpg) left center no-repeat;
}
.productImg{
    width: 70px;
    height: 70px;
}
.footerImg{
    width: 110px;
    height: 110px;
}
.productImg2{
    width: 100px;
    height: 100px;
    padding: 0;
    margin-top: 30px;
    display: inline-block;
    vertical-align: middle;
}
.banner img {
    width: 100%;
}
.product ul.nav-tabs{
    /*width: 140px;*/
    /*margin-top: 20px;*/
    background-color: #015198;
    color: #FFFFFF;
}
.product ul.nav-tabs li{
    float: left;
}
/*ul.nav-tabs li:first-child{*/
    /*border-top: none;*/
/*}*/
ul.nav-tabs li a{
    margin: 10px;
    padding: 8px 4px;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
    color: #fff;
    background: #1b7ccb;
    border: 1px solid #1b7ccb!important;
}
ul.nav-tabs li:first-child a{
}
ul.nav-tabs li:last-child a{
}
ul.nav-tabs.affix{
    top: 0; /* Set the top position of pinned element */
    left: 0;
}
.JA-name{
    height: 60px;
    float: right;
    margin-right: 0;
}
/*.nav-JAstyle{*/
    /*background-color: #015198;*/
    /*color: #FFFFFF;*/
/*}*/
/*.nav-JAstyle ul{*/
    /*background-color: #015198;*/
    /*color: #FFFFFF;*/
/*}*/
/*.nav-JAstyle ul li{*/
    /*background-color: #015198;*/
    /*color: #FFFFFF;*/
/*}*/
 #myScrollspy a{
    background-color: #015198;
    color: #FFFFFF;
}
#myScrollspy nav{
    background-color: #015198;
    color: #FFFFFF;
}
#myTab a{
    background-color: #015198;
    color: #FFFFFF;
}
#myTab nav:hover{
    border: 1px solid #015198;
}
#myTab nav{
    background-color: #015198;
    color: #FFFFFF;
}
 .active a{
     background-color: #1b7ccb !important;
 }
.nav-tabs {
    border-bottom: none;
}
 h2{
    margin-top: 30px;
    margin-bottom: 40px;
}
.navbar-nav {
    margin-top: 15px !important;
}
.footer{
    width: 100%;
    height: 325px;
    background: #2e3033;
    position: relative;
    z-index: 0;
    min-width: 1200px;
    margin-bottom: 0;
    padding: 0;
}
.footer-in{
    width: 100%;
    height: 325px;
    background: #2e3033;
    color: #ccc;
    position: relative;
    z-index: 0;
    min-width: 1200px;
    margin-bottom: 0;
}
.footer-bottom{
    width: 100%;
    background: #2e3033;
    color: #ccc;
    z-index: 0;
    text-align: center;
}
.nav-tabs > li > a {
    border-radius: 4px;
}
.v_place_img{
    border-radius: 10px;
}
.b_pack{
    margin-top: -53px;
}
[class~=b_pack] {
    background: rgba(220, 225, 227, 0.75);
}
[class~=b_pack] h4 a {
    color: #444;
    font-size: 14.875pt;
}
.productTitle{
    margin-top: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.productContent{
    margin-top: 10px;
}
.productBrief{
    text-indent:2em;
}
.productBox1{
    padding: 30px;
    height: 500px;
}
.productBox2{
    padding: 30px;
    height: 250px;
}
.backgray{
    background-color: #f8f8f8;
}
.backgray div{
    /*background-color: #f8f8f8;*/
}
.backgray h3{
    background-color: #f8f8f8;
}
.tab-content{
    padding: 0;
}
.productTitle2{
    font-size: 18px;
    font-weight: 600;
}
.productBox3 {
    padding: 20px 30px;
    height: 300px;
}
.productImg3{
    width: 100px;
    height: 100px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}
.productImg5{
    width: 200px;
    padding: 0;
}
.productBox5{
    padding: 30px;
    height: 650px;
}
.footer-in2{
    padding: 30px!important;
}
.footer-in3{
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
}
.solutionContent{
    padding:20px 0 40px 0;
}
.solutionContent span{
    font-weight: 600;
}
.solutionContent p:first-child{
    text-indent:2em;
}
.news span{
    font-weight: 600;
}
.panel-news {
    border-color: #015198;
}
.panel-news > .panel-heading {
    color: #fff;
    background-color: #116fc3;
    border-color: #bce8f1;
}
.panel-news > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #116fc3;
}
.panel-news > .panel-heading .badge {
    color: #fff;
    background-color: #116fc3;
}
.panel-news > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #116fc3;
}
.JAcol-md-2{
    width: 17%;
}
.jjfa-img{
    padding: 5% 15%;
}
.jjfa-tit{
    color: #666;
    font-size: 14.875pt;
    text-align: center;
    font-weight: 600;
}
.successful-cell{
    padding: 30px;
}
.successful-cell div{
    /*padding: 0 20px;*/
}
.successful-cell h3{
    font-size: 20px;
    font-weight: 500;
}
.successful-cell h4{
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 74px;
    line-height: 24px;
    font-size: 14px;
}
.navbar-inverse {
    border-bottom: 1px solid #e8e8e8;
}
.successful-cell p{
    color: #015198;
}
.successful-cell img{
    width: 180px;
}
.successful-cell a{
    background-color: #FFFFFF!important;
}
.modal-dialog {
    width: 800px;
}
.modal-header img{
    padding: 60px 0 30px 0;
    width: auto;
    max-width: 350px;
}
.modal-body{
    padding: 15px 35px;
    line-height: 24px;
    font-size: 14px!important;
}
.panel-body {
    line-height: 24px;
}
.aboutUs-index{
    padding-bottom: 50px;
}
.aboutUs-index h4{
    line-height: 30px;
    font-size: 16px;
}
.carousel-indicators .active {
    background: #f8f8f8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1b7ccb;
    outline: 0;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: #1b7ccb;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #1b7ccb;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #1b7ccb;
}
.carousel-indicators .active {
    height: 12px;
    margin: 0;
    background: #fff;
    width: 40px;
}
.service .active a {
    background-color: #f5f5f5!important;
}
.aboutUs .active a {
    background-color: #f5f5f5!important;
}
.aboutUs span{
    font-weight: 600;
}
#myTabContent{
    padding-bottom: 50px;
}
.certificate p,
.certificate2 p{
    color: #222;
}
.certificate .modal-dialog,
.certificate2 .modal-dialog{
    width: 1100px;
}
.certificate .modal-dialog img {
    max-width: 800px;
}
.certificate{
    height: 200px;
    padding: 10px;
}
.certificate2 .modal-dialog img {
    max-width: 600px;
}
.certificate2{
    height: 200px;
    padding: 10px;
}
.certificate2 a img{
    width: 50%;
}
.footer-in a{
    color: #ccc;
}

/*====��վ�İ�-0514-begin====*/
.ja-index-pro{
    width: 18%;
    float: left;
    margin: 1%;
    padding:0;
}
.ocean-content{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.vr-img{
    width: 270px;
    max-width: 100%;
}
.vr-vs{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    background: #4784ff;
    margin: 50px auto 0 auto;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    vertical-align: middle;
    color: #ffffff;

}
.vr-discribe{
    margin-top: 12px;
}
/*====��վ�İ�-0514-end====*/
/*=========bim========*/
.bimInfo-contentDiv{
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center
}
.bimInfoTitle{
    font-size: 22px;
    font-family: "Microsoft YaHei";
    color: rgb(14, 118, 231);
}
.bimInfo-infoDiv{
    display: flex;
    width: 100%;
    height: 320px;
    justify-content: space-around;
    align-items: center;
}
.bimInfo-info{
    display: flex;
    width: 40%;
    height: 80%;
    flex-direction: column;
    justify-content: center;
}
.bim-teamwork-textslip{
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    background-color: rgb(0, 115, 109);
    color: white;
    font-size: 18px;
    margin-top: 20px;
}
.bim-teamwork-imgDiv{
    width: 100%;
    height: 320px;
    background: url("../image/bim_teamwork_3.png") no-repeat;
    background-size: cover;
    margin-top: 6px;
}
.bim-teamwork-imgDivTitle{
    display: flex;
    width:100%;
    justify-content: space-around;
    align-items: center;
    font-size: 18.5px;
    font-family: "Microsoft YaHei";
    color: rgb(5, 38, 122);
    margin-top: 14px;
}
.bim-teamwork-middleTitle{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 22.52px;
    color: rgb(38, 131, 233);
    line-height: 5.329;
}
.bim-teamwork-textImgDiv {
    width: 100%;
    height: 420px;
    background: url("../image/bim_teamwork_4.png") no-repeat;
    background-size: 100% 100%;
}
.bim-teamwork-bottomDiv{
    display: flex;
    width: 100%;
    height: 550px;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.bim-teamwork-bottomSmallDiv{
    display: flex;
    width: 31%;
    height: 44%;
    flex-direction: column;
    border: 1px solid black;
}
.bim-teamwork-bottomImgDiv{
    width:100%;
    height:82%;
}
.bim-teamwork-bottomDesDiv{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    align-items: center;
    font-size: 16px;
    color: white;
    background-color: rgba(54, 111, 173,0.749);
    padding: 0 30px;
}
.bim-teamwork-bottomTittleDiv{
    display: flex;
    height:19%;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    background-color: rgb(38, 131, 233);
}
.bim-operation-titleLine{
    width: 30%;
    height: 2px;
    margin-left: 35%;
    background: lightgray;
}
.bim-operation-content{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.bim-operation-infoBgDiv {
    display: flex;
    width: 31%;
    height: 500px;
    margin-top: 25px;
    flex-direction: column;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 4px 3px 0px rgba(81, 81, 81, 0.3);
    justify-content: center;
    align-items: center;
}
.bim-operation-img{
    width: 83%;
    height: 50%;
}
.bim-operation-infoTitle{
    display: flex;
    width: 83%;
    height: 10%;
    align-items: center;
    font-size: 18px;
    color: rgb(14, 118, 231);
}
.bim-operation-infoDes{
    display: flex;
    width: 83%;
    height: 20%;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    color: rgb(48, 49, 50);
    line-height: 2;
}
.bim-worksite-title{
    display: flex;
    width: 100%;
    margin: 20px 0;
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 2.455;
    justify-content: center;
    background-image: -moz-radial-gradient( 50% 50%, rgb(61,149,253) 0%, rgb(113,79,246) 100%);
    background-image: -webkit-radial-gradient( 50% 50%,rgb(61,149,253) 0%, rgb(113,79,246) 100%);
    background-image: -ms-radial-gradient( 50% 50%, rgb(61,149,253) 0%, rgb(113,79,246) 100%);
}
.bim-worksite-topDiv{
    display: flex;
    width: 100%;
    height: 550px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.bim-worksite-infoDiv{
    display: flex;
    width: 31%;
    height: 45%;
    justify-content: center;
    align-items: center;
}
.bim-worksite-des{
    display: flex;
    width: 80%;
    justify-content: center;
    background-color: rgb(9, 62, 89);
    opacity: 0.612;
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 1.8;
}
.bim-worksite-contentDiv{
    display: flex;
    width: 100%;
    height: 275px;
    justify-content: space-between;
    align-items: center;
}
.bim-worksite-contentInfoDiv{
    display: flex;
    width: 31%;
    height: 90%;
    justify-content: center;
    align-items: center;
}