*{
    font-family: "΢ÈíÑźÚ";
}

.kfzx {
    width: 100%;
}

.kfzx-content{
    max-width: 1200px;
    margin: 0 auto;
}

.position {
    height: 53px;
    line-height: 53px;
    padding-left: 30px;
    background: url(/images/20887/nowposition.png) no-repeat;
    background-position: -41px 16px;
}

.position a {
    font-size: 13px;
    color: #666666;
}

.service-list {
    margin-top: 20px;
}

.service-list ul li {
    float: left;
    width: 372px;
    height: 212px;
    background: #f6f7fb;
    margin-left: 42px;
    margin-bottom: 42px;
}

.service-list ul li:nth-child(3n+1){
    margin-left: 0;
}

.service-list ul li a {
    display: block;
    height: 212px;
    overflow: hidden;
}

.service-list ul li a .bt-right {
    width: 251px;
}

.service-list ul li a img {
    margin-top: 30px;
    margin-left: 30px;
}

.service-list ul li a h1{
    width: 200px;
    font-size: 25px;
    line-height: 25px;
    color: #333333;
    font-weight: normal;
    margin-top: 45px;
}

.service-list ul li a p {
    max-width: 213px;
    font-size: 15px;
    color: #000033;
    margin-top: 29px;
    line-height: 21.5px;
}
.service-list ul li:nth-child(5) h1{
    margin-top: 15px;
    line-height: 45px;
}
.service-list ul li:nth-child(6) h1{
    margin-top:28px;
    line-height: 28px;
}
@media screen and (min-width: 1200px){
    .service-list ul li a .phone p {
        margin-top: 48px;
    }
    
    .service-list ul li a .hot h1 {
        line-height: 45px;
        margin-top: 15px;
    }
    
    .service-list ul li a .hot p {
        margin-top: 18px;
    }
    
    .service-list ul li a .hotimg img {
        margin-top: 34px;
    }
    
    .service-list ul li a .computerimg img {
        margin-top: 35px;
    }
    
    .service-list ul li a .computer h1{
        margin-top: 28px;
        line-height: 28px;
    }
}



@media screen and (max-width: 1200px) {
    .position {
        margin-left: 3.5%;
    }
    
    .bt-left{
        float: none;
        width: 100%;
        text-align: center;    margin-bottom: 10px;
    }
    
    .service-list ul li a .bt-right {
        float: none;
        width: 100%;
        text-align: center;
    }
    
    .service-list {
        width: 98%;
        margin:  0 auto;
        margin-top: 20px;
    }
    
    .service-list ul li {
        float: left;
        width: 30%;
        height: auto;
        margin-left: 2%;
        margin-bottom: 2%;
    }
    
    .service-list ul li:nth-child(3n+1) {
        margin-left: 3%;
    }
    
    .service-list ul li a img {
        margin-left: 0;
    }
    
    .service-list ul li a h1{
        width: auto;font-size: 24px;
        margin-top:4%;
    }
    
    .service-list ul li a p {
        max-width: 100%;
        font-size: 15px;
        color: #000033;
        margin-top: 14px;
        padding: 0 10px;
    }
}

@media screen and (max-width: 850px) {
    .service-list ul li {
        float: left;
        width: 45%;
        height: auto;
        margin-left: 3.5%;
        margin-bottom: 2%;
    }
    
    .service-list ul li:nth-child(3n+1) {
        margin-left: 3.5%;
    }
}

@media screen and (max-width: 600px) {
    .service-list ul li {
        float: left;
        width: 93%;
        height: auto;
        margin-left: 3.5%;
        margin-bottom: 2%;
    }
    
    .service-list ul li:nth-child(3n+1) {
        margin-left: 3.5%;
    }
    
    .service-list ul li a h1{
        margin-top: 5%;
    }
}