
/***************************图************************************/
section{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin:0 auto;
    position: relative;
}
.imgb{
    width: 100%;
}
.imgb img{
    display: block;
    width: 100%;
    height:300px;
}
section h1{
    font-size: 60px;
    color:#fff;
    position: absolute;
    left:50%;
    top:25%;
    margin-left:-120px;
    z-index: 100;
}
section span{
    font-size: 20px;
    color:#fff;
    position: absolute;
    left:50%;
    top:60%;
    margin-left:-50px;
    z-index: 100;
}
.jci{
    display: inline-block;
    position: absolute;
    left:70%;
    top:10%;
    margin-left:-50px;
    z-index: 100;
}

/*检测项目*/
.fontt{
    width: 1280px;
    margin:50px auto;
    position: relative;
}
.fontt h1{
    font-size: 38px;
    position: absolute;
    color:rgba(0,0,0,.1);
    text-align: center;
    left:50%;
    margin-left:-108px;
}
.fontt span{
    font-size: 24px;
    color:#ff6600;
    border-bottom:4px solid #125097;
    text-align: center;
    position: absolute;
    left:50%;
    margin-top:10px;
    margin-left:-48px;
    padding-bottom:5px;
}
.TT{
    margin-top:130px;
    width: 100%;
    height: auto;
}
.TT ul {
    width: 1200px;
    height: 260px;
    margin: 0 auto;
    margin-bottom:30px;
}

.TT li{
    width: 380px;
    height: 100%;
    margin-right: 30px;
    float: left;
    border-radius:4px;
    position: relative;
}
.TT img{
    display: block;
    width: 100%;
    height: 100%;
}

.TT li:nth-child(3n){
    margin-right:0;
}
.TT div{
    width: 100%;
    height: 45px;
    position: absolute;
    background: rgba(9,34,63,.4);
    bottom:0;
}
.TT span{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    color:#fff;
}
@keyframes move {
    from{
        margin-top:50px;
        opacity: .3;
    }
    to{
        margin-top:0;
        opacity: 1;
    }
}
.list1 li{
    animation:move .3s
}
.list2 li{
    opacity: 0;
}
.list3 li{
    opacity: 0;
}
.list1 li:nth-child(1){
     background: url("../img/jc01.jpg")no-repeat center center;
 }
.list1 li:nth-child(2){
    background: url("../img/jc02.jpg")no-repeat center center;
}
.list1 li:nth-child(3){
    background: url("../img/jc03.jpg")no-repeat center center;
}
.list2 li:nth-child(1){
    background: url("../img/jc04.jpg")no-repeat center center;
}
.list2 li:nth-child(2){
    background: url("../img/jc05.jpg")no-repeat center center;
}
.list2 li:nth-child(3){
    background: url("../img/jc06.jpg")no-repeat center center;
}
.list3 li:nth-child(1){
    background: url("../img/cj07.jpg")no-repeat center center;
}
.list3 li:nth-child(2){
    background: url("../img/jc08.jpg")no-repeat center center;
}
.list3 li:nth-child(3){
    background: url("../img/jc09.jpg")no-repeat center center;
}