html,body,div,ul,header,h2,nav {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
ul,li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #333!important;
    letter-spacing: 2px;
    ;
}
body,html {
    height: 100%;
    width: 100%;
}
html::-webkit-scrollbar {display:none}
.container {
    height: 100%;
    padding: 0!important;
    width: 100%!important;
    letter-spacing: 3px;
}
.header {
    padding: 0 150px;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 2px 4px #ddd;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 11;
}

.callBox{
    background: #f7f9fa;
    border: 1px solid #e5e9ef;
    border-radius: 3px;
    width: 50px;
    height: 100px;
    margin-bottom: 8px;
    transition: all .3s;
    cursor: pointer;
    color: #337ab7;
    text-align: center;
    position: fixed;
    right: 0;
    bottom: 15%;
    z-index: 12;
    overflow: hidden;
}
.callBox img{
    width: 20px;
    margin: 5px 5px;
}
.callBox span{
    display: block;
    color: #005BAA;
    margin: 5px 0;
}
.callBox:hover .callBox span{
    color: #005BAA;
}
.callBox:hover{
    width: 150px;
    background-color: #fcae2d;
    border: 1px solid #fcae2d;
    color: #333;
}
.contect_us {
    position: absolute;
    top: 10px;
    font-size: 12px;
    right: 150px;
}
.header_left {
    width: 170px;
    height: 50px;
    background: url('./image/logo.png') no-repeat center center;
    background-size: 100% 100%;
}
.header_right {
    margin-top: 30px;
    width: 650px;
}
.mainB{
    position: relative;
}
.mainB:hover .mainBusy{
    display: block;
}
.mainBusy{
    display: none;
    padding-top: 10px;
    position: absolute;
    top: 30px;
    left: -255%;
    z-index: 20;
}
.mainBox{
    width: 550px;
    height: 325px;
    padding: 30px;
    background-image: url(./image/main_business/矩形2.png);
    background-size: 100%100%;
    background-repeat: no-repeat;
    color: #333;
    padding-top: 50px;
}
.mainBoxwrap{
    margin-bottom: 15px;
}
.maintitle{
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.maintitle span{
    display: block;
    width: 3px;
    height: 18px;
    background-color: #FFB12F;
    margin-right: 10px;
}
.mainTr{
    display: flex;
    padding-left: 25px;
}
.mainTd{
    width: 20%;
    font-size: 15px;
    line-height: 30px;
}
.titleName span{
    float: right;
    font-size: 14px;
    font-family: Lantinghei SC;
    color: #777;
}
.menu_list {
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.list_item {
    font-size: 18px;
    letter-spacing: 4px;
    padding: 5px 0;
    cursor: pointer;
    text-decoration: none!important;
}
.list_item:hover+.isActive_item {
    transform: scaleX(1);
    opacity: 1;
    transition: all .2s ease-in-out 0s;
}
a.is-active {
    color: #fcae2d!important;
}
a.is-active+.isActive_item {
    opacity: 1!important;
    transform: scaleX(1);
}
.isActive_item {
    transform: scaleX(0);
    opacity: 0;
    display: block;
    width: 100%;
    position: relative;
    top: 10px;
    height: 4px;
    background-color: #fcae2d;
}
main {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.slider_box {
    width: 100%;
    margin-top: 100px;
    margin-bottom: -125px;
}
.main_menu {
    position: relative;
    top: -45px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 2px solid #fcae2d;
    background-color: #fff;
    box-shadow: -1px -2px 13px 0px rgb(0 0 0 / 18%);
}
.category_msg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 22px;
}

.category_msg img {
    margin-bottom: 10px;
    width: 30px;
}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: "\e079";
    color: #f5f5f5b8;
}
.carousel-inner>.item>img{
    width: 100%;
} 
.business {
    width: 100%;
}

.business_title {
    height: 100px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.business_tab {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.business_tab div {
    height: 50px;
    width: 50%;
    line-height: 50px;
    position: relative;
    text-align: center;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 600;
    font-family: Lantinghei SC;

}
.tab_left, .tab_center, .tab_right,
.Htab_left, .Htab_center, .Htab_right {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.tab_active {
    color: #333;
    background: #fcae2d;
}

.tab_active::after {
    width: 0px;
    height: 0px;
    position: relative;
    left: calc(50% - 20px);
    padding: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #fcae2d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    content: '';
    z-index: 10
}

.tab_left::before {
    opacity: 0.1;
    top: 0;
    left: 25%;
    position: absolute
}

.tab_right::before {
    white-space: pre;
    opacity: 0.1;
    top: 0;
    left: 30%;
    position: absolute
}
.businessTitle::before,
.honorTitle::before, 
.productTitle::before,
.cultureTitle::before,
.aboutUsTitle::before,
.landTitle::before{
    opacity: 0.05;
    top: 96px;
    position: absolute;
    letter-spacing: 7px;
    font-size: 25px;
}
.businessTitle::before{content: 'MAIN BUSINESS';}
.honorTitle::before{content: 'HONORARY CERTIFICATE';}
.productTitle::before{content: 'PRODUCT CASE';}
.cultureTitle::before{content: 'CORPORATE CULTURE';}
.aboutUsTitle::before{content: 'ABOUT US';}

#jiankongdaping >div:first-child::before{content: 'MONITORING SCREEN';}
#bimzhongxin >div:first-child::before{content: 'BIM CENTER';}
#zhihuidangjian >div:first-child::before{content: 'WISDOM PARTY BUILDING';}
#wendangguanli >div:first-child::before{content: 'DOCUMENT MANAGEMENT';}
#wuziguanli >div:first-child::before{content: 'MATERIAL MANAGEMENT';}
#laowuguanli >div:first-child::before{content: 'LABOR MANAGEMENT';}
#anquanxunjian >div:first-child::before{content: 'SAFETY INSPECTION';}
#jihuajindu >div:first-child::before{content: 'SCHEDULE';}
#touzifeiyong >div:first-child::before{content: 'INVESTMENT COST';}
#gongchengjiliang >div:first-child::before{content: 'ENGINEERINGMEASUREMENT';}
#zhengdixietiao >div:first-child::before{content: 'LAND EXPROPRIATION COORDINATION';}
#hetongguanli >div:first-child::before{content: 'CONTRACT MANAGEMENT';}
#xiangmuguanli >div:first-child::before{content: 'PROJECT MANAGEMENT';}
#rencaipeiyang >div:first-child::before{content: 'PERSONNEL TRAINING';}
#zhinengnianya >div:first-child::before{content: 'INTELLIGENT ROLLING';}
#zhinengzhangla >div:first-child::before{content: 'INTELLIGENT TENSIONING';}
#zhinengyajiang >div:first-child::before{content: 'INTELLIGENT GROUTING';}
#zhinengpenlin >div:first-child::before{content: 'INTELLIGENT SPRAY';}
#zhinengliangchang >div:first-child::before{content: 'INTELLIGENT BEAM YARD';}
#shipinjiankong >div:first-child::before{content: 'VIDEO SURVEILLANCE';}
#menjinguanli >div:first-child::before{content: 'ACCESS CONTROL';}
#waichangjiance >div:first-child::before{content: 'OUTFIELD MONITORING';}
#tezhongshebei >div:first-child::before{content: 'SPECIAL EQUIPMENT';}
#cheliangguanli >div:first-child::before{content: 'VEHICLE MANAGEMENT';}
#banhezhan >div:first-child::before{content: 'MIXING PLANT';}

#product,#business,#honor,#aboutus,#culture{
    opacity: 0;
    position: relative;
    left: -1150px;
    padding-top: 110px;
    margin-bottom: -110px;
}

#jiankongdaping,
#bimzhongxin,
#zhihuidangjian,
#wendangguanli,
#wuziguanli,
#laowuguanli,
#anquanxunjian,
#jihuajindu,
#touzifeiyong,
#gongchengjiliang,
#zhengdixietiao,
#hetongguanli,
#xiangmuguanli,
#rencaipeiyang,
#zhinengnianya,
#zhinengzhangla,
#zhinengyajiang,
#zhinengpenlin,
#shipinjiankong,
#menjinguanli,
#waichangjiance,
#tezhongshebei,
#zhinengliangchang,
#cheliangguanli,
#banhezhan
{
    position: relative;
    padding-top: 110px;
    margin-bottom: -110px;
    display: none;
}
.business_list {
    width: 75%;
    margin: 0 auto;
    position: relative;
}
.business_list ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.business_list ul li {
    width: 26%;
    height: 50px;
    border: 1px solid #ddd;
    line-height: 50px;
    text-align: center;
    margin: 15px 0;
    font-size: 18px;
    z-index: 10;
}

.business_item img {
    width: 30px;
    margin-right: 4px;
}
.business_item:hover{
    border: 1px solid #fcae2d;
}
.intel_gongdi {
    display: none;
}

.business_list ul li:last-child {
    opacity: 0;
}
.loadTop{
    width: 100%;
    display: flex;
}
.loadTop_left{
    width: 30%;
}
.loadTop_left img{
    width: 100%;
}
.loadTop_right{
    width: 70%;
    padding-left: 40px;
    padding-top: 60px;
    line-height: 35px;
    text-indent: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
    font-size: 16px;
    letter-spacing: 2px;
}
.loadBottom{
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    background-image: url(./image/main_business/module.jpg);
    background-repeat: no-repeat;
    background-size: 100% 78%;

}
.loadBottom_box {
    width: 32%;
    margin-top: 20px;

}
.loadBottom_box img{
    width: 100%;
    box-shadow: -1px -2px 13px 0px rgb(0 0 0 / 18%);
}
.loadBottom_box p{
    text-align: center;
    font-family: PingFang SC;
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: 4px;
}
.honor {
    background-size: 100% 100%;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.honor_title {
    height: 100px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.honor .company_culture {
    height: 50px;
    width: 100px;
    font-size: 18px;
    letter-spacing: 4px;
    margin-top: 50px;
    margin-left: 50px;
    color: #fcae2d
}
.honor .softWareBox,
.honor .qualificateBox{
    width: 100%;
}
.honor .softWareBox .softWareBoxWrap,
.honor .qualificateBox .qualificateBoxWrap{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.honor .outBox{
    width: 14.28%;
    text-align: center;
    padding: 7px;
}
.honor  .outBox1{
    width: 33.3%;
}
.honor .softWareBox .softWareBoxWrap .outBox>div,
.honor .qualificateBox .qualificateBoxWrap .outBox>div{
    width: 100%;
}
.honor .outBox>div{
    border: 1px solid #ccc9;

    position: relative;
}
.honor .outBox .softWareList img,
.honor .outBox .qualificateList img{
    width: 80%;
    margin: 10px;
}
.honor .qualificateList p{
    width: 100%;
    height: 45px;
    font-size: 16px;
    font-family: Lantinghei SC;
    line-height: 45px;
    font-weight: 600;
    color: #333;
    margin: 0;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0;
}
.honor .qualificateList i{
    width: 15px;
    position: absolute;
    top: -2px;
    right: 10px;
    display: none;
    cursor: pointer;
    
}
.honor .qualificateList i img{
    width: 100%;
}
.honor .qualificateList:hover .p {
    background: #FFB130;
}
.honor .qualificateList:hover .i {
    display: block;
}
.honor .softWareList:hover,
.honor .qualificateList:hover
{
    box-shadow: -1px -2px 13px 0px rgb(0 0 0 / 18%);
}

.qualification_books{
    display: block;
}
.software_copyright{
    display: none;
}
.arrow {
    position: absolute;
    cursor: pointer;
}

.arrow_left {
    left: 100px;
    top: 50%;
}

.arrow_right {
    right: 100px;
    top: 50%;
}

.honor_btn {
    width: 150px;
    height: 35px;
    background-color: #333;
    line-height: 35px;
    color: #fff;
    text-align: center;
    float: right;
    letter-spacing: 3px;
    cursor: pointer;
}

.glyphicon-triangle-right {
    font-size: 12px;
}

.company_culture::before {
    content: '';
    width: 40px;
    top: 30px;
    position: relative;
    border-bottom: 2px solid #fcae2d;
}

.company_culture_list {
    width: 100%;
    margin-top: 30px;
    
}
.corporate_culture_wrap{
    display: flex;
    justify-content: space-between;
}

.company_culture_list .item img {
    width: 100%;
    /* height: 200px; */
}

.company_culture_list .item .caption {
    margin-top: 20px;
    color: #fff;
}
.qywhBox{
    width: 32%;
    padding: 15px;
    background: #FFFFFF;
    /* border: 1px solid #CCCCCC; */
    box-shadow: -1px -2px 13px 0px rgba(0, 0, 0, 0.18);
}
.total p {
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 16px;
    font-family: PingFang SC;
    color: #666666;
    line-height: 35px;
    padding: 0 10px;
}

.total h4 {
    text-align: center;
    letter-spacing: 4px;
}

.thumbnail .caption {
    color: #333!important;
}
.caption .captionTitle{
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #1F1F1F;
    text-align: center;
    height: 40px;
}
.caption .captionTitle img{
    width: 30px;
    height: 30px;
}

.product_ex {
    margin-top: 20px;
}

.pro_title {
    height: 100px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.showimg {
    display: flex;
}

.imgleft {
    margin-right: 20px;
    width: 60%;
}
.imgleft img,
.example_2 img,
.example_3 img{
    width: 100%;
    height: 100%;
}
.imgright {
    width: 25%;
    display: flex;
    flex-direction: column;
}
.example_2 {
    width: 100%;
    height: 50%;
}
.example_3 {
    height: 230px;
    margin-top: 10px;
    width: 100%;
    height: 50%;
}

.imgright div {
    flex: 1;
}

.about_us {
    background-size: 100% 100%;
    width: 100%;
    margin-top: 20px;
    padding: 5px 120px 20px 100px;
}
.titleName{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    font-family: Lantinghei SC;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
}
.aboutus_title {
    height: 80px;
    width: 80%;
    margin: 0 auto;
    position: relative;
    text-align: center;background-color: red;
}
.title_bg{
    height: 100%;
    margin-bottom: 20px;
}
.aboutus_content {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.us-left {
    overflow: hidden;
    height: 1%;
    width: 25%;
    padding-right: 20px;
    background-size: 100% 100%;
}

.us-left img {
    width: 100%;
    height: 100%;
}

.us-body {
    width: 75%;
    color: #333333;
    font-size: 16px;
    letter-spacing: 2px;
}

.us-body h3 {
    margin-left: 40px;
    font-size: 16px;
}
.us-body h2 {
    margin-left: 40px;
    font-size: 20px;
}

.us-body h2::before {
    content: '';
    height: 35px;
    position: relative;
    right: 10px;
    border-left: 3px solid #fcae2d;
}

.us-body .mesg {
    padding-left: 40px;
    line-height: 35px;
    text-indent: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.us-btn {
    width: 150px;
    height: 35px;
    background-color: #fcae2d;
    line-height: 35px;
    color: #333;
    text-align: center;
    margin-top: 30px;
    float: right;
    letter-spacing: 3px;
}
.wraper{
    padding: 20px 150px 10px;
}
.footer {
    height: 270px;
    background: #FFB12F;
    margin-top: 20px;
    font-size: 16px;
    margin-top: 105px;
}
.footerWrap{
    width: 100%;
    height: 201px;
    display: flex;
    justify-content: space-between;
}

.footer_left {
    width: 85%;
    margin: auto 0;
}

.footer .footer_left ul li {
    padding-top: 22px;
    color: #333333;
    font-size: 16px;
    letter-spacing: 1px;
}
.footer_left img{
    width: 15px;
    margin-right: 10px;
}
.footer_right{
    margin-top: 50px;
}
.footer_right img{
    width: 100px;
}
.right_msg {
    text-align: center;
    /* font-size: 18px; */
    margin-top: 10px;
}

.beian {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.beian a {
    color: #1ebbf0!important
}

@media(max-width:1250px) {
    .header_right {
        width: 70%;
    }
    .list_item {
        font-size: 12px;
    }
    .aboutus_content .us-body .mesg{
        line-height: 20px;
        font-size: 14px;
        padding-left: 20px;
   }
    .us-body h2, .us-body h3 {
        margin-top: 10px;
        margin-left: 20px;
    }
   .aboutus_content .us-left {
        width: 45%;
        padding-right: 0px;
    }
    .total p {
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 25px;
    }
    .loadTop_left {
        width: 40%;
    }
    .loadTop_right{
        padding-top: 30px;
        line-height: 25px;
        letter-spacing: 1px;
        font-size: 14px;
    }
}

@media screen and (min-width:1250px) and (max-width:1375px) {
    .aboutus_content .us-body {
        letter-spacing: 1px;
    }
    .aboutus_content .us-body .mesg{
        line-height: 22px;
        font-size: 14px;
        padding-left: 20px;
   }
    .us-body h2, .us-body h3 {
        margin-top: 10px;
        margin-left: 20px;
    }
    .aboutus_content .us-left {
        width: 30%;
        padding-right: 0px;
    }
    .total p {
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 25px;
    }
    .loadTop_left {
        width: 40%;
    }
    .loadTop_right{
        padding-top: 40px;
        line-height: 30px;
        letter-spacing: 1px;
        font-size: 15px;
    }
}

@media screen and (min-width:1376px) and (max-width:1500px) {
    .aboutus_content .us-body {
        letter-spacing: 1px;
    }
    .aboutus_content .us-body .mesg{
         line-height: 26px;
         font-size: 15px;
         padding-left: 20px;
    }
    .us-body h2, .us-body h3 {
        margin-top: 10px;
        margin-left: 20px;
    }
    .aboutus_content .us-left {
        width: 30%;
        padding-right: 0px;
    }
    .total p {
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 26px;
    }
    .loadTop_left {
        width: 40%;
    }
    .loadTop_right{
        padding-top: 40px;
        line-height: 30px;
        letter-spacing: 1px;
        font-size: 16px;
    }
}
@media screen and (min-width:1500px) and (max-width:1600px) {

    .title_bg img {
        width: 350px;
    }
    .aboutus_content .us-body .mesg{
        line-height: 27px;
    }
    .us-body h2, .us-body h3 {
        margin-top: 15px;
        margin-left: 45px;
    }
    .aboutus_content .us-left {
        width: 30%;
        padding-right: 0px;
    }
    .total p {
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 28px;
    }
    .loadTop_left {
        width: 40%;
    }
    .loadTop_right{
        padding-top: 50px;
        line-height: 30px;
        letter-spacing: 1px;
        font-size: 16px;
    }
}
@media screen and (min-width:1600px) and (max-width:1700px) {
    .aboutus_content .us-left{
        width: 29%;
    }
    .aboutus_content .us-body {
        width: 70%;
        color: #333333;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .aboutus_content .us-body .mesg{
        line-height: 28px;
    }
    .total p {
        font-size: 16px;
        line-height: 30px;
    }
    .loadTop_right{
        padding-top: 50px;
        line-height: 30px;
        letter-spacing: 1px;
        font-size: 16px;
    }
    .footer .footer_left ul li {
        font-size: 15px;
    }
}

#outerdiv{
    position:fixed;
    top:50px;
    left:0;
    background:rgba(0,0,0,0.7);
    z-index:10;
    width:100%;
    height:100%;
    display:none;
}
#innerdiv{
    position:absolute; width: 80%;
}
#bigimg{
    border:5px solid #fff; width: 100px;
}