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

.p01 { padding: 0.001rem;} /*行间距*/
.navbar.navbar-show>.navbar-body{justify-content: flex-start; margin-left: 5%} /*导航条导航，因为默认居右显示，定义不居右显示*/
.nav>li>a { color: #FFFFFF;}
.nav>li.drop>a::after { display: none; } /*有子导航时，主导航不显示小三角*/
.dropdown ul { border-top: 2px solid var(--color-dot);; } /*子导航上部色带*/
.nav.nav-divider-line>li:not(:first-child)::before { border-left: 1px solid rgba(255,255,255,.9)}

.navbar {padding:0px;} /*中屏导航不增加边距*/
@media(max-width:769px){
    .navbar {padding:0.75rem;}
}

.jbs { display:block;  overflow:hidden; background: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.jbs:hover { background: linear-gradient(to right bottom, #6ab7ba, #4798c0); }
.jbsk { background: linear-gradient(to right bottom, #6ab7ba, #4798c0); }
.jbsz { display:block;  overflow:hidden; background: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.jbsz:hover { background: linear-gradient(to right bottom, #6ab7ba, #4798c0); }
.jbsz:hover { color: #ffffff; }


.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:1680px){
	.cpdt {height: 287px;}
}



.gsjs {
	background-image: url(../images/gjjs_bg.jpg);
	background-repeat: no-repeat;
}
.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: #ffffff; width:100%; overflow:hidden; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.mBox_name p { 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: linear-gradient(to right bottom, #6ab7ba, #4798c0); }
.mBox  a:hover .mBox_name P { color: #ffffff;}

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

.syxw li {background-color: #f5f5f5; padding: 20px 25px; margin-bottom: 10px;}
.syxw li:hover {background: linear-gradient(to right bottom, #6ab7ba, #4798c0); }
.syxw li:hover a {color: #ffffff; }


/*自定义*首页行业*/

.ysrbk { border-left: 1px solid #809d9f;}
.yszbk { border-right: 1px solid #809d9f;}
.syyskbg {
	background-image: url("../images/yyhybg.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.ysbg {display: block; padding: 20px; position:relative; height:auto; }
.ysbg:hover {background:rgba(6,36,36,0.7); }
.syysk .ysico {height: 80px; margin-top: 30px;}
.syysk:hover .ysico{ margin-top: 10px; opacity:0; height: 80px;}
.syysk .ystit { margin-top: 20px; color: #FFFFFF;}
.syysk:hover .ystit {color: #ffffff; }
.syysk .ysdsc { margin-top: 30px; color: #E1E1E1; text-align: left; visibility: hidden;}
.syysk:hover .ysdsc {color: #CCCCCC; visibility: visible;}
.syysk .yslj {  bottom: -20px; visibility: hidden; margin-top: 30px; width: 100px; height: 35px; display: inline-block;  background-color: #009999; color: #FFFFFF; line-height: 35px; }
.syysk:hover .yslj { visibility: visible;}
.yslj:hover {background-color: #009999;}
.syysk .ysmore {  visibility: visible; display: block; color: #ffffff; height: 20px; }
.syysk:hover .ysmore { visibility: hidden; height: 0px;}