/*公共样式*/
.space1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 2;height: 4em;overflow: hidden;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.overflow-hidden{overflow: hidden;}
.background1{background: #f9f9f9;}
.line-height2{line-height: 2;}
.font-bold{font-weight: bold;}
.paddingtb60px{padding: 60px 0;}
.margin-top40px{margin-top: 40px;}
.margin-top20px{margin-top: 20px;}
.margin-top10px{margin-top: 10px;}
.font-size28px{font-size: 28px;}
.font-size20px{font-size: 20px;}
.font-size18px{font-size: 18px;}
.font-size16px{font-size: 16px;}
.font-size14px{font-size: 14px;}
.font-size0{font-size: 0;}
.color1{color: #5a5a5a;}
.color2{color: #333;}
.color3{color: #666;}
.color4{color: #fff;}
.color5{color: #eaeaea;}
.padding-lr10{padding: 0 10px;}
.padding-lr5{padding: 0 5px;}

@media(max-width: 996px){
    .paddingtb60px{padding: 30px 0;}
    .paddinglr10px{padding: 0 10px;}
    .paddinglr5px{padding: 0 5px;}
    .font-size28px{font-size: 22px;}
    .font-size20px{font-size: 18px;}
    .font-size18px{font-size: 16px;}
    .font-size16px{font-size: 15px;}
}

/*首页样式*/
.our_strengths_bj{background: #26282b;}
.our_strengths_ul li{width: 33.3%;padding: 25px 20px 25px 105px;overflow: hidden;}
.our_strengths_ul li:nth-child(2){background: #1b1c1e;}
.our_strengths_ul li i{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.our_strengths_ul li i img{width: 70px;height: 75px;}
.our_team_img{margin-top: 30px;}

.case_bj{padding: 140px 0 60px;background: url(../images/case_bj.jpg) no-repeat;}
.aboutus_width{width: 100%;position: relative;height: 400px;background: rgba(26,123,243,.5);}
.aboutus_width_right{width: 48%;padding: 20px;}
.aboutus_width a.viewmore{position: absolute;right: 0;bottom: 0;}
.aboutus_width_left{width: 50%;padding-left: 20px;margin-top: -80px;}
ul.index_cases li{width: 25%;}
ul.index_cases li a{width: 100%;display: inline-block;position: relative;overflow: hidden;}
a.viewmore{width: 150px;height: 50px;line-height: 50px;display: inline-block;background: #1a7bf3;color: #fff;transition: all 0.5s;}
a.viewmore:hover{background: #fff;color: #333;transition: all 0.5s;}
.index_news a{width: 100%;display: inline-block;margin-top: 20px;}
.index_news a:hover .index_news_title{color: #1a7bf3;}

@media(max-width: 996px){
    .our_strengths_ul li{padding: 6px;text-align: center;}
    .our_strengths_ul li i{position: static;transform: none;}
    .our_team_img{margin-top: 15px;}
    .case_bj{padding: 30px 0;background: #26282b;}
    .aboutus_width{padding-bottom: 50px;height: auto;}
    .aboutus_width_right,.aboutus_width_left{width: 100%;padding: 15px;margin: 0;}

    ul.index_cases li{width: 50%;padding: 1%;}
    ul.index_cases li a{width: 100%;display: inline-block;position: relative;overflow: hidden;}
    ul.index_cases li a .index_cases_bj{top: inherit;bottom: 0;height: 32px;line-height: 32px;background: rgba(252,143,57,0.8);}
    ul.index_cases li a .index_cases_title{font-size: 16px;}
    .case_content{padding: 30px 0;}
    .case_content .viewmore_ab{position: static;transform: none;}
    a.viewmore{margin-top: 30px;}
}


/*关于我们*/
.inside_page_nav_bj{background: #f8f8f8;}
.main_nav .main_nav_ul li a{height: 60px;line-height: 60px;padding: 0 20px;display: inline-block;text-align: center;font-size: 14px;color: #5a5a5a;}
.main_nav .main_nav_ul li.active a,.main_nav .main_nav_ul li a:hover{color: #fff;background: #1a7bf3;}

.about_title span{display: inline-block;padding-bottom: 10px;position: relative;}
.about_title span:before{content: "";width: 50%;height: 4px;background: #1a7bf3;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.about_img a{width: 100%;display: inline-block;margin-bottom: 30px;}
.about_img a img{border: 1px solid #f7f7f7;}

html.lb-disable-scrolling{overflow: hidden;position: fixed;height: 100vh;width: 100vw;}
.lightboxOverlay{position: absolute;top: 0;left: 0;z-index: 9999;background: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox{position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image{display: block;height: auto;max-width: inherit;max-height: none;border-radius: 3px;border: 4px solid white;}
.lightbox a img{border: none;}
.lb-outerContainer{position: relative;*zoom: 1;width: auto;height: 250px;margin: 0 auto;border-radius: 4px;background: white;}
.lb-outerContainer:after{content: "";display: table;clear: both;}
.lb-loader{position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel{display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;}
.lb-nav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container>.nav{left: 0;}
.lb-nav a{outline: none;background-image: url('../images/a06b9431240c47bc9f7a6c50e66be581.gif');}
.lb-prev,.lb-next{height: 100%;cursor: pointer;display: block;}
.lb-nav a.lb-prev{width: 24%;left: 0;float: left;background: url(../images/prev.png) left 48% no-repeat;opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next{width: 24%;right: 0;float: right;background: url(../images/next.png) right 48% no-repeat;opacity: 0;-webkit-transition: opacity 0.6s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-next:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer{margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position: absolute;top: -40px;left: 50%;transform: translateX(-50%);}
.lb-dataContainer:after{content: "";display: table;clear: both;}
.lb-data{padding: 0 4px;color: #ccc;}
.lb-data .lb-details{width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption{font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-caption a{color: #4ae;}
.lb-data .lb-number{display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999;}
.lb-data .lb-close{display: block;float: right;width: 30px;height: 30px;background: url(../images/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover{cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}

@media(max-width: 996px){
    .main_nav .main_nav_ul li a{width: 100%;padding: 0 10px;height: 32px;line-height: 32px;}
    .about_img a{margin-bottom: 15px;}
}

/*案例展示*/
.cases_img a{width: 100%;display: inline-block;margin-bottom: 30px;}
.cases_img a img{border: 1px solid #e7e7eb;transition: all 1s;}
.cases_img a:hover .cases_title{color: #1a7bf3;}
.cases_img a:hover img{transform: scale(1.05);opacity: 0.8;transition: all 1s;}

.bg{width: 560px;box-sizing: border-box;}
.bg_left{width: 560px;height: auto;float: left;}
.bg_right{float: left;position: absolute;left: 100%;top: 0;z-index: 99;}
.show{width: 100%;height: auto;margin-bottom: 10px;position: relative;border: 2px solid #E8E8E8;cursor: move;}
.show img{width: 100%;height: 100%;}
.mask{width: 200px;height: 200px;background: #000;filter: Alpha(opacity=50);opacity: 0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 560px;height: 375px;overflow: hidden;margin-left: 10px;display: none;border: 2px solid #E8E8E8;background: #ffffff;}
.bigshow img{width: 1560px;height: 860px;}
.smallshow{width: 100%;height: auto;position: relative;}
.smallshow img{width: 100%;border: 2px solid #e8e8e8;box-sizing: border-box;}
.smallshow>.middle_box{margin: 0 30px;width: 500px;overflow: hidden;height: auto;}
.smallshow .middle{overflow: hidden;height: auto;}
.smallshow .middle>li{width: 90px;height: auto;float: left;cursor:pointer;padding: 2px;}
.smallshow>p{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 30px;}
.smallshow>.prev:hover,.smallshow>.next:hover{color: #1a7bf3;}
.smallshow>.prev{left: 0;}
.smallshow>.next{right: 0;}
.smallshow>.prev.prevnone,.smallshow>.next.nextnone{cursor: not-allowed;}
.prodetails-right{width: 600px;}
.prodcut-details-title{background: #e5e5e5;color: #888;padding: 0 20px;font-size: 18px;line-height: 2;border-radius: 5px;}
.details_width a{width: 100%;display: inline-block;line-height: 2;color: #888;}
.details_width a:hover{color: #1a7bf3;}

@media(max-width: 1230px){
    .bg{width: 460px;}
    .bg_left{width: 460px;}
    .bigshow{width: 460px;height: 309px;}
    .bigshow img{width: 1060px;height: 560px;}
    .smallshow>.middle_box{width: 400px;}
    .smallshow .middle>li{width: 80px;}
    .prodetails-right{width: 470px;}
}
@media(max-width: 996px){
    .cases_img a{margin-bottom: 15px;}
    .bg,.bg_left,.bigshow{width: 100%;}
    .mask,.bigshow,.bigshow img,.smallshow>p{display: none !important;}
    .smallshow>.middle_box,.smallshow .middle{width: 100% !important;margin: 0;font-size: 0;}
    .smallshow .middle>li{padding: 2px;width: 20%;float: inherit;display: inline-block;vertical-align: top;}
    .prodetails-right{width: 100%;margin-top: 30px;}
}

/*新闻资讯*/
ul.index_new_right_list li.sec{padding: 20px 0;border-bottom: 1px dashed #e5e5e5;}
ul.index_new_right_list li.sec .img_box{top: 20px;left: 0;width: 91px;height: 91px;padding: 10px;background: #1a7bf3;}
ul.index_new_right_list li.sec .text_box{padding-left: 110px;}
ul.index_new_right_list li.sec .index_new_left_time{font-size: 24px;color: #fff;}
ul.index_new_right_list li.sec .index_new_left_time_1{color: #fff;}
ul.index_new_right_list li.sec a:hover .text_box .infor_title{color: #1a7bf3;}
ul.index_new_right_list li.sec a .text_box .infor_text{margin-top: 10px;}

@media(max-width: 996px){
    ul.index_new_right_list li.sec{padding: 15px 0;}
    ul.index_new_right_list li.sec .text_box{padding-left: 0;line-height: 2;}
    ul.index_new_right_list li.sec a .text_box .infor_text{margin-top: 0;}
}

/*建筑知识*/
.news-list a{width: 100%;display: inline-block;background: #fff;margin-bottom: 30px;transition: all 1s;}
.news-list .news-left,.news-list .news-right{display: inline-block;vertical-align: middle;}
.news-list .news-left{width: 20%;height: 140px;overflow: hidden;}
.news-list .news-right{width: 80%;padding-left: 30px;}
.news-list a:hover .news-title{color: #1a7bf3;}
.news-list a .news-left img{transition: all 1s;}
.news-list a:hover .news-left img{transform: scale(1.1);transition: all 1s;}

@media(max-width: 996px){
    .news-list a{margin-bottom: 15px;}
    .news-list .news-left{display: none;}
    .news-list .news-right{width: 100%;padding: 15px 0;border-bottom: 1px dashed #888;}
}

.contactus_ul{padding: 20px;border: 1px solid #e5e5e5;}
.contactus_ul li{display: inline-block;vertical-align: top;margin: 0 6px;}
.contactus_ul li b span{color: #1a7bf3;}
.contactus_text{max-width: 700px;margin: 40px auto 0;}
input.input{width: 100%;height: 40px;margin-bottom: 20px;padding: 0 20px;font-size: 14px;border: 1px solid #e5e5e5;}
textarea.textarea{width: 100%;height: 120px;margin-bottom: 20px;padding: 10px 20px;font-size: 14px;border: 1px solid #e5e5e5;resize: none;}
button.button{width: 140px;padding: 10px;background: #1a7bf3;color: #fff;}
input.input:focus,textarea.textarea:focus{border-color: #f00;background: #fcfcfc;}
button.button:hover{background: #f00;}
.validate_code{padding-right: 120px;}
.validate_code img#ckstr{height: 40px;cursor: pointer;position: absolute;top: 0;right: 0;}

#dituContent{margin-top: 40px;width: 100%;height: 500px;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

@media(max-width: 996px){
    .contactus_ul{padding: 10px;}
    #dituContent{height: 360px;}
}

.home_box{position: relative;}
.home_box .owl-prev,.home_box .owl-next{background: url(../images/controlsnew.png);text-indent: -999em;width: 27px;height: 50px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;}
.home_box .owl-prev{left: -40px;background-position: 0 0;}
.home_box .owl-next{right: -40px;background-position: -32px 0;}
.home_box .owl-prev:hover{background-position: 0 -53px;}
.home_box .owl-next:hover{background-position: -32px -53px;}
.related_proimg{padding: 5px 0;}
.related_proimg img{width: 100%;border: 1px solid #b5b5b5;}

.news-content{padding: 20px 0;border-bottom: 1px dashed #eee;}
.news-flex{display: flex;align-items: center;justify-content: center;}
.news-flex .news-img{width: 220px;}
.news-flex .news-text{width: calc(100% - 220px);padding-left: 30px;}
.news-flex .news-text h5,.news-flex .news-text h6{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 1.8;max-height: 3.6em;}
.news-flex .news-text h5{font-size: 18px;color: #333;}
.news-flex .news-text h6{margin-top: 20px;font-size: 14px;color: #999;}
.news-flex:hover .news-text h5{color: #1a7bf3;}

@media(max-width: 768px){
    .home_box .owl-prev{left: 2px;}
    .home_box .owl-next{right: 2px;}
    
    .news-content{padding: 15px 0;}
    .news-flex .news-img{width: 120px;}
    .news-flex .news-text{width: calc(100% - 120px);padding-left: 15px;}
    .news-flex .news-text h5{font-size: 15px;}
    .news-flex .news-text h6{display: none;}

}
