@charset "utf-8";
/* CSS Document */
/*服务中心 -- start*/
.serve_tixi {
    width: 100%;
    background: #fff;
    padding-bottom: 85px;
}

.serve_tixi .p {
    text-align: center;
    font-size: 14px;
    height: 50px;
    line-height: 100px;
}

.serve_advan {
    background: url(../img/seradvbanner.jpg) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 50px;
}

.serve_advan dl {
    background: #fff;
    text-align: center;
}

.serve_advan dt {
    height: 81px;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
}

.serve_advan .first dd {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    position: relative;
    top: -16px;
}
.serve_advan .t {
    width: 16px;
    height: 1px;
    background: #333;
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -8px;
}
.title.zbser1{
    padding: 95px 0 13px 0;
}
.serve_tuandui {
    width: 100%;
    height: 615px;
    background-size: 100% 100%;
    position: relative;
}

.serve_tuandui img {
    width: 1920px;
    height: 615px;
    position: absolute;
    top: -52px;
    left: 50%;
    margin-left: -960px;
}

.serve_tuandui .box {
   width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;

}

.serve_tuandui .box dl{
    display: none;
}
.serve_tuandui .box dl.change{
    display: block;
}
.serve_tuandui span.changeBox{
    display: block;
    position: absolute;
    width: 140px;
    height:140px;
background: red;
    opacity: 0;
    filter:alpha(opacity=0);

}
.serve_tuandui span.span1{
    top: -100px;
    left: 132%;
    width: 187px;
    height:187px;
}
.serve_tuandui span.span2{
    top: 67px;
    left: 186%;
    width: 160px;
    height:160px;
}
.serve_tuandui span.span3{
    top: 138px;
    left: 234%;
}

.serve_tuandui .box .text {
    width: 400px;
    height: 280px;
    position: absolute;
    bottom: 246px;
   /*left: 19%;*/
}
@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .serve_tuandui .box .text {
        left: 13%;
    }
    .serve_tuandui span.span1{
        top: -96px;
        left: 76%;
    }
    .serve_tuandui span.span2{
        left: 121%;
        margin-left: 32px;
    }
    .serve_tuandui span.span3{
        left: 149%;
        margin-left: 108px;
        top: 138px;
    }
}
.serve_tuandui .box .text .ico {
    width: 100%;
    height: 28px;
    display: block;
    background: url(../images/servise.png) no-repeat 0px 0px;
}

.serve_tuandui .box .text dt {
    height: 80px;
    font-size: 32px;
    color: #000;
    font-weight: bold;
    line-height: 56px;
}
.module_six p.word{
    text-align: center;
    font-size: 14px;
    height: 43px;
    line-height: 43px;
}
.serve_tuandui .box .text dd {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #000;
    text-indent: 35px;
    background: url(../img/servise.png) no-repeat;
}

.serve_tuandui .box .text dd.icoo1 {
    background-position: 0px -70px;
}

.serve_tuandui .box .text dd.icoo2 {
    background-position: 0px -149px;
}

.serve_tuandui .box .text dd.icoo3 {
    background-position: 0px -229px;
}

.serve_tuandui .box .text dd.icoo4 {
    background-position: 0px -310px;
}

.serve_tuandui .box .text dd.icoo5 {
    background-position: 0px -390px;
}

.serve_tuandui .box .text .t {
    width: 75%;
    height: 1px;
    display: block;
    background: #E14C4D;
    position: absolute;
    left: 0px;
    top: 100px;
}

.serve_zhuanye {
    padding-bottom: 106px;
}

.serve_zhuanye li {
    margin-top: 51px;
}

.serve_wenti {
    width: 100%;
    height: auto;
    background: #fff;
}
.title.zbser{
    padding:65px 0 0px 0
}
.serve_wenti .p {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.serve_wenti .box {
    min-width: 1000px;
    max-width: 1200px;
    margin: 45px auto 0;
}

.serve_wenti .box li {
    width: 50%;
    *width: 49.96%;
    height: 300px;
    float: left;
    position: relative;
    background: url(../img/servise.png) no-repeat;
}

.serve_wenti .box li.icoo1 {
    background-position: 34px -476px;
}

.serve_wenti .box li.icoo2 {
    background-position: 34px -716px;
}

.serve_wenti .box li.icoo3 {
    background-position: 34px -958px;
}

.serve_wenti .box li.icoo4 {
    background-position: 34px -1278px;
}

.serve_wenti .box li.bg1 {
    background-color: #EEF2F6;
}

.serve_wenti .box li.bg2 {
    background-color: #DDE6EE;
}

.serve_wenti .box li .first {
    margin-left: 200px;
    height: 100%;
    background: url(../img/servise.png) no-repeat -4px -1556px;
}

.serve_wenti .box li .first .text {
    margin: 0px 10%;
    padding: 50px 0px;
}
.module_four .p1{
    text-align: center;
    font-size: 13px;
    padding:23px 0 98px 0;
    color: white;
}
.serve_wenti .box li .first .text a {
    font-size: 14px;
    color: #000;
    display: block;
    height: 40px;
    line-height: 40px;
}

.serve_wenti .box li .first .text a:hover {
    color: #DF101A;
}

.serve_wenti .box li .p {
    width: 200px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    bottom: 50px;
}

.serve_wenti .serve_wenti_jd {
    height: 140px;
    line-height: 110px;
    font-size: 24px;
    text-align: center;
    color: #666;
}
.module_four .box li .first:hover  dl{
color:#ca0202;
}
.module_four .box li .first:hover .t{
    background: #ca0202;
}

/*服务中心 -- end*/