@charset "utf-8";
/* CSS Document */

.p01 { padding: 0.001rem;} /*行间距*/
.nav>li.drop>a::after { display: none; } /*有子导航时，主导航不显示小三角*/
.dropdown ul { border-top: 2px solid var(--color-dot);; } /*子导航上部色带*/
.navbar.navbar-show>.navbar-body{ justify-content:center;  margin-left:0px; } /*中屏以上导航居中*/
.navbar {padding:0px;} /*中屏导航不增加边距*/
@media(max-width:990px){
    .navbar {padding:0.75rem;}
}
.dhbj { padding: 45px 0px;}
.tophr { width:1px; height:auto; background-color: #DDDDDD;}


.pro { padding: 20px;}
.pro p { font-size: 14px; height: 50px; overflow: hidden; margin-top: 20px;}
@media(min-width:1024px) {
  .pro { padding: 31px 20px 30px; }
}

@media (min-width:1024px){
	.cpdt {height: 225px;}
}
@media (min-width:1240px){
	.cpdt {height: 250px;}
}
@media (min-width:1640px){
	.cpdt {height: 295px;}
}


.gsjs {
	background-image: url(../images/gjjs_bg.jpg);background-repeat: repeat-y; background-position: 50% 0%;}
.gsjsp { padding: 0px; }
@media(min-width:1024px) {
    .gsjsp { padding: 0px 0px 0px 60px;}
	.gsjsp img {  position: relative; top: -20px;}
}


/*解决方案动效*/
.case-channel .jjfa { overflow: hidden; position: relative; }
.case-channel img { width: 100%; transition: transform .3s }
.case-channel .bgh {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }
.case-channel .con {
        width: 100%;
        position: absolute;
        bottom: -70px;
        left: 0;
        padding: 0 5% 20px 5%;
        z-index: 2;
        transition: bottom .3s
    }
.case-channel h5 {font-size: 18px;color: #fff;line-height: 30px; font-weight: normal;}
.case-channel p.font {
        font-size: 14px;
        color: #fff;
        line-height: 23px;
        height: 46px;
        overflow: hidden;
        margin-bottom: 32px
    }
.case-channel .more {
        width: 120px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        background: #F49E00;
        color: #fff;
        font-size: 14px;
        border-radius: 20px;
    }

@media(min-width:1025px) {
    .case-channel .jjfa:hover .bgh {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    .case-channel .jjfa:hover .red {
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .case-channel .jjfa:hover .con {
        bottom: 0
    }
    .case-channel .jjfa:hover img {
        transform: scale(1.1)
    } 
}

/*工程案例*/
.mBox a{ display:block; height:100%; position:relative; overflow:hidden;}
.mBoxImg{ position:relative; overflow:hidden;}
.mBoxImg > img{ vertical-align:middle; width:100%; margin:0 auto; transform:scale(1,1); -webkit-transform:scale(1,1); transition:All 0.4s ease-in-out; -webkit-transition:All 0.3s ease-in-out;}
.mBox_name{ background: #dddddd; text-align:center; width:100%; overflow:hidden; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox_name p { font-size:15px; line-height:36px; margin:0 auto; }
.mBox_name .al { float:left; padding: 25px 15px; overflow:hidden;}
.mBox  a:hover .mBoxImg > img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.mBox  a:hover .mBox_name { background-color: var(--color-main);}
.mBox  a:hover .mBox_name P { font-size:15px; color: #ffffff;}

/*新闻轮播*/
#flip2 ul { position:relative; bottom: -25px; height: 43px;} 

.selector a{ font-size: 14px; margin: 2px 3px;}

@media (min-width:992px){
	.xwsj { height: 20px;}
}
@media (min-width:1230px){
	.xwsj { height: 0px;}
}