
/* 知名客户 */
.kehu {
    background-color: #F7F7F7;
}

.kehu .row {
    margin: 0 2px 15px 2px;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #EDEDED;
}

.kehu figure {
    width: 188px;
    float: left;
    position: relative;
    height: 100px;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    background-color: #FFFFFF
}

.kehu figure:hover figcaption {
    display: block;
}

.kehu figure figcaption {
    position: absolute;
    width: 188px;
    height: 100px;
    top: 0px;
    left: 0px;
    display: none;
    background-color: rgba(247,90,83,0.70);
    color: #FFFFFF;
    text-align: center;
    line-height: 100px
}

.kehu figure figcaption {
    font-size: 16px;
}

.kehu figure figcaption a {
    color: #FFFFFF;
}

.kehu figure figcaption a:hover {
    text-decoration: underline;
}

/* 关于我们 */
.about {
    line-height: 30px;
    color: #ffffff;
}

.about-us {
    color: #ffffff;
}

.about .f-title,.about .f-title small ,.about-us a:hover {
    color: #FFFFFF;
}

.about .about-lianjie {
    margin-top: 20px;
}

.about a.ry,.about a.td {
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 86px;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
    background-position: center top;
}

.about a.ry {
    background-image: url(../images/about-lianjie-1.png);
}

.about a.ry:hover {
    background-image: url(../images/about-lianjie-11.png);
}

.about a.td {
    background-image: url(../images/about-lianjie-2.png);
    color: #f75a53;
}

.about a.td:hover {
    background-image: url(../images/about-lianjie-22.png);
}

/* 我们的服务 */
.fuwu-bg {
    background-repeat: no-repeat;
    background-position: center center;
    /*position: relative;*/
    background-attachment: fixed;
    background-color: #F2F2F2;
}

.fuwu .f-title,.fuwu .f-title small {
    color: #FFFFFF;
}

.fuwu {
    position: relative;
}

.fuwu figure {
    background-color: rgba(255,255,255,0.80);
    padding: 58px 40px 40px 40px;
    margin-bottom: 20px;
    width: 260px;
    float: left;
    margin-top: 80px;
    position: relative;
}

.fuwu figure.bianju {
    margin-left: 60px;
    margin-right: 60px;
}

.fuwu figure a.pic1,.fuwu figure a.pic2,.fuwu figure a.pic3 {
    height: 130px;
    width: 130px;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0 auto;
    position: absolute;
    top: -65px;
    left: 105px;
}

.fuwu figure a.pic1 {
    background-image: url(../images/sheji.png);
    background-repeat: no-repeat;
}

.fuwu figure a.pic2 {
    background-image: url(../images/gongcheng.png);
}

.fuwu figure a.pic3 {
    background-image: url(../images/fuwu.png);
}

.fuwu figure figcaption {
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: bold;
}

.fuwu figure figcaption a {
    color: #f75a53;
    font-size: 16px;
}

.fuwu figure figcaption a:hover {
    text-decoration: underline;
}

.fuwu figure p {
    line-height: 30px;
    color: #000000;
}

.fuwu figure figcaption a.btn-success {
    margin-bottom: 10px;
}

/* 成功案例  无边距样式
.fl-case { height:42px; margin-top: 35px; margin-bottom: 30px; }
.fl-case a { background-color: #F7F7F7; color: #666666; width: 228px; height:40px; line-height:40px; display: inline-block; }
.fl-case a:hover { background-color: #f75a53; color: #FFFFFF; text-decoration: none; }
.case figure { width: 380px; float: left; position: relative; height: 270px; }
.case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; }
.case figure:hover figcaption { display:block; }
.case figure figcaption { position: absolute; width: 310px; height: 200px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding: 35px; color: #FFFFFF; text-align: left; }
.case figure figcaption h3 { font-size: 18px; font-weight: bold; margin:0 0 8px 0; }
.case figure figcaption h3 a,.case figure figcaption p a { color: #FFFFFF; text-decoration: underline; }
.case figure figcaption h3 a:hover ,.case figure figcaption p a:hover { text-decoration: none; }
.case figure figcaption p { margin:0; line-height:28px;}
.case .row { margin:10px 0px;}
.case-more-top { margin-top:15px !important; }
.case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255,255,255,0.70); color: #f75a53 !important; text-decoration: none !important; }
.case-more:hover { color: #FFFFFF !important;} */
/* 成功案例  有边距样式 */
.fl-case {
    height: 42px;
    margin-top: 35px;
    margin-bottom: 15px;
}

.fl-case a {
    background-color: #F7F7F7;
    color: #666666;
    width: 210px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: 5px;
}

.fl-case a:hover {
    background-color: #f75a53;
    color: #FFFFFF;
    text-decoration: none;
}

.case figure {
    width: 360px;
    float: left;
    position: relative;
    height: 256px;
    margin: 15px;
}

.case figure .new {
    width: 108px;
    height: 108px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(../images/new.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 2;
}

.case figure:hover figcaption {
    display: block;
}

.case figure figcaption {
    position: absolute;
    width: 300px;
    height: 196px;
    top: 0px;
    left: 0px;
    display: none;
    background-color: rgba(247,90,83,0.70);
    padding: 30px;
    color: #FFFFFF;
    text-align: left;
}

.case figure figcaption h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.case figure figcaption h3 a,.case figure figcaption p a {
    color: #FFFFFF;
    text-decoration: underline;
}

.case figure figcaption h3 a:hover ,.case figure figcaption p a:hover {
    text-decoration: none;
}

.case figure figcaption p {
    margin: 0;
    line-height: 28px;
}

.case-more-top {
    margin-top: 15px !important;
}

.case-more {
    padding: 7px 10px 5px 10px;
    margin-left: 0;
    background-color: rgba(255,255,255,0.70);
    color: #f75a53 !important;
    text-decoration: none !important;
}

.case-more:hover {
    color: #FFFFFF !important;
}

/* 新闻资讯 */
.news {
    background-color: #F2F2F2;
}

.news section {
    width: 340px;
    float: left;
}

.news section.bianju {
    margin-left: 60px;
    margin-right: 60px;
}

.news section h2 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px 0;
}

.news section h2 small {
    font-size: 16px;
}

.news section ul li {
    line-height: 30px;
}

.news section ul li a {
    color: #888888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 280px;
    display: block;
    float: left;
}

.news section ul li a:hover {
    color: #f75a53;
}

.news section ul li small {
    color: #999999;
    float: right!important;
}

.news section p {
    margin-top: 25px;
    margin-bottom: 5px;
}