.sw-ban{
    /*min-height:502px;*/
    padding:0 !important;
}

.sw-ban .swiper-wrapper,
.sw-ban .swiper-wrapper .swiper-slide {
    height: 100% !important;
}
.sw-ban .swiper-wrapper .swiper-slide{
    position: relative;
}
.sw-ban .pages1 {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 27px;
    left: 0;
}
.sw-ban .im1{
    height:100%;
    width:100%;
    position: absolute;
    top:0;
    left:0;
}

.sw-ban .contain{
    font-size:36px;
    line-height:60px;
    color: #ffffff;
    padding:10% 0 0;
}
.sw-ban .swiper-pagination-switch {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    /*background-color: #ffffff;*/
    transition: .4s;
    border:2px solid #fff;
}

.sw-ban .swiper-active-switch {
    /*width: 40px;*/
    background-color: #fff;
    /*border-radius: 20px;*/
}

body {
    background-color: #FFFFFF;
}
.header .h-bg, .header .rt .li-7 .li-d {
    display: block;
}
.pinpai .com-ban{
    padding:0;
}
.pinpai .com-ban .containe{
    position: absolute;
    top:40%;
    left:9.5%;

}
.pinpai .com-ban .pin-ban{
    font-size:0;
}
.pinpai .com-ban .pin-ban li{
    /*float: left;*/
    width:33.33%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size:20px;

}
.pinpai .com-ban .pin-ban li h3{
    font-size:26px;
}


.pinpai .com-ban .pin-ban li h4{
    width:24px;
    border-top:1px solid #F7C73B;
    margin:3% auto;
    transition: .5s;
}
.pinpai .com-ban .pin-ban li:hover h4{
    width:80px;
}

.pinpai .comban-h1{
    top:18%;
}

.h1-title2 {
    text-align: center;
    margin: 4% auto;
}

.pinpai > div {
    overflow: hidden;
    padding:0 0 5%;
}

.h1-title2 span {
    color: #333333;
    font-size: 36px;
    position: relative;
}

.h1-title2 span:after, .h1-title2 span:before {
    content: '';
    position: absolute;
    width: 140px;
    border-top: 1px solid #999999;
    top: 19px;
}

.h1-title2 span:after {
    left: 107%;
}

.h1-title2 span:before {
    right: 107%;
}

/*我们的服务*/
.usser .ul-ser {
    font-size: 0;
}

.usser .ul-ser li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 25%;
}

.usser .ul-ser li > div {
    display: inline-block;
    color: #4d4d4d;
}
.usser .ul-ser li .zuo{
    margin:0 5% 0 0;
}
.usser .ul-ser li .zuo img{
    transition: .5s;
}
.usser .ul-ser li:hover img{
    transform: rotateY(360deg);
}

.usser .ul-ser li .you .d-xia a{
    display: block;
    color: #4d4d4d;
}

.usser .ul-ser li .you  h2{
    font-size:20px;
    margin: 6% auto 11%;
}
.usser .ul-ser li .you  h2 b{
    font-weight:bold;
}

/*.usser .ul-ser .li-1 .you .d-xia{*/
    /*font-size:0;*/
/*}*/
.usser .ul-ser .li-1 .you .d-xia a{
    display: inline-block;
    /*width:50%;*/
    /*font-size:14px;*/
    margin:0 12% 0 0;
}


.usser .ul-ser li .you a{
    line-height:24px;
}
.usser .ul-ser li .you a:hover{
    color: #F7C73B;
}

/*我们的优势*/

.youshi {
    background: url("../img2/pinpai_19_19.jpg") no-repeat center;
    background-size: cover !important;
}
.youshi3{
    background: url("../img2/wechat_04.jpg") no-repeat center;
}
.youshi .d-ys{
    font-size:0;

}
.youshi .d-ys a{
    display: inline-block;
    font-size:16px;
    vertical-align: top;
    width:30%;
    margin:0 5% 0 0;
    text-align: center;
    color: #4c4c4c;
}
.youshi .d-ys a h2{
    width:100%;
    height:100%;
    overflow: hidden;
    margin:0 0 5%;
}
.youshi .d-ys a h2 img{
    display: block;
    width:100%;
    height:auto;
    transition: .5s;
}
.youshi .d-ys a:hover h2 img{
    transform: scale(1.1);
}

.youshi .d-ys a.a-la{
    margin:0;
}
/*服务流程*/
.liuchen .containe{
    width:1410px;
}
.liuchen .ul-lc{
    font-size:0;
    text-align: center;
}

.liuchen .ul-lc li{
    display: inline-block;
    color: #4c4c4c;
    font-size:16px;
    vertical-align: top;
    text-align: center;
    margin:0 10px;
}



.liuchen .ul-lc li p{
    margin:22px 0 0;
}
.liuchen .ul-lc li img{
    transition: .5s;
}
.liuchen .ul-lc li:hover .i-fd{
    transform: scale(1.1);
}


/*成功案例*/

.succ{
    background: url("../img2/pinpai_58_56.jpg") no-repeat center;
    background-size: cover !important;
}

.succ .ul-suc{
    font-size:0;
    margin:0 0 5%;
}
.succ .ul-suc li{
    height:105px;
    background-color: #ffffff;
    width:18%;
    display: inline-block;
    vertical-align: top;
    margin:0 9% 2% 0;
    line-height:105px;
    text-align: center;
    border:1px solid #CCCCCC;
    position: relative;
    transition: .5s;
    overflow: hidden;

}
.succ .ul-suc li:hover{
    border:1px solid transparent;
}
.succ .ul-suc li img{
    max-width:95%;
    max-height:86%;
    vertical-align: middle;
    transition: .5s;
}
.succ .ul-suc li:hover img{
    transform: scale(1.1);
}

.box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.box rect {
    stroke-width: 1;
    stroke-dasharray: 0, 210;
    stroke-dashoffset: 8;
    -webkit-transition: all 1.05s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.05s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.box:hover  rect {
    fill: none;
    stroke-width: 1;
    stroke-dasharray: 315, 0;
    -webkit-transition: all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.usser3{
    overflow: hidden;

}
.usser3 li{
    /*overflow: hidden;*/
    width:50%;
    float: left;

}
.usser3 li .zuo-top{
    width:100%;
    text-align: center;

}

.usser3 li .zuo-top img{
    height:100%;
    max-width:100%;
transition: .4s;
}
.usser3 li:hover .zuo-top img{
  transform: translate(0,-5%);
}


.usser3 li .you-bot{
    text-align: center;
    /*padding:0 0 40px;*/
}
.usser3 li .you-bot h2{
    color: #4c4c4c;
    font-size:18px;
    margin:30px 0 0;
}


.usser3 li .you-bot h3{
    width:38px;
    height:2px;
    background-color: #F4E843;
    transition: .4s;
    margin:10px auto;
}
.usser3 li:hover .you-bot h3{
    width:124px;
}

.usser3 li .you-bot p{
    line-height:26px;
    width:69%;
    margin:0 auto;
}


.youshi3 .d-ys a {
    width: 23%;
    margin: 0 2.666% 0 0;

}
.youshi3 h4{
    color: #4c4c4c;
    font-size:18px;
    margin:30px auto 0;
}
.youshi3  h5{
    width:38px;
    height:2px;
    background-color: #F4E843;
    transition: .4s;
    margin:10px auto;
}
.youshi3 a:hover  h5 {
    width:124px;
}
.youshi3  p{
    line-height:26px;
    /*text-align: justify;*/
    /*-ms-text-justify:inter-ideograph;*/
    /*text-justify:inter-ideograph;*/
    width:80%;
    margin:0 auto;
}



.liuchen3 .ul-lc li{
    margin:0 34px;
}

.liuchen3 .ul-lc .li3{
    padding:20px 0 0;
}



.succ3 {
   background: url("../img/wechat_bg_04.jpg") no-repeat center;
}
.succ3 .h1-title2 span:after, .succ3 .h1-title2 span:before {
    top: 4px;
}

.pretty_pic_lis li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}


.pretty_pic_lis li .mask {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background-color: rgba(51,51,51, .6);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#515151, endColorStr=#515151);
    text-align: center;
    color: #ffffff;
    line-height: 24px;
    padding:17px 0 0;
    font-size:14px;

}