
.banner>img{
    display:block;
    width:100%;
    height:500px;
}

.banner>ul{
    width:1200px;
    height:100%;
    margin:0 auto;
    position: relative;
}

.banner>ul>li{
    position: absolute;
    bottom:204px;
    left:0px;
    color:#ffffff;
}

.banner>ul>li>h1{
    font-size: 52px;
    color: rgb( 255, 255, 255 );
    padding:20px 0px;
}

.banner>ul>li>p{
    font-size: 24px;
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
}

/* 技术中心 */

.jszx{
    background: #f8f8f8;
    height:927px;
    padding: 60PX 0PX;
}

.jszx_datf{
    position: relative;
    margin-bottom: 38px;
}

.jszx_datf>img{
    width: 100%;
    height: 100%;
}

.jszx_datf>.tex_con{
    width: 483px;
    height: 313px;
    border-radius: 4px;
    background-color: rgba( 255, 255, 255 ,0.902);
    position: absolute;
    top: 70px;
    left: 20px;
    padding: 70px 20px;
    display:none;
}

.jszx_datf>.tex_con>h1{
    font-size: 20px;
    color: rgb( 51, 51, 51 );
    
}

.jszx_datf>.tex_con>span{
    display: block;
    font-size: 16px;
    color: rgb( 51, 51, 51 );
    padding:20px 0px
}

.jszx_datf>.tex_con>p>span{
    display:block;
    font-size: 14px;
    color: rgb( 51, 51, 51 );
    padding:2px 0px;
}

.jszx_dats>ul{
    margin-right: -20px;
    height: 307px;
    overflow: hidden;
}

.jszx_dats>ul>li{
    float:left;
    margin-right:20px;

}
.jszx_dats>ul>li>.imgbox{
    width: 285px;
    height: 206px;
    overflow: hidden;
}
.jszx_dats>ul>li>.dat_tex{
    width: 285px;
    height: 101px;
    background-color: rgb( 255, 255, 255 );
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
    border-bottom: 3px solid #e4e4e4;
}
.jszx_dats>ul>li>.dat_tex>p{
    font-size: 16px;
    color: rgb( 51, 51, 51 );
    padding:20px 0px;
      
}

.jszx_dats>ul>li>.dat_tex>span{
    font-size: 14px;
    color: rgb( 51, 51, 51 );
}

.jszx_dats>ul>li:hover .dat_tex{
    border-bottom: 3px solid rgb( 0, 0, 0 );
}

.jszx_dats>ul>li:hover img{
    transform: scale(1.10, 1.10);
    -moz-transform:scale(1.10, 1.10);  
    -webkit-transform:scale(1.10, 1.10);  
    -o-transform:scale(1.10, 1.10); 
    transition: transform 0.6s ease 0s;
}
