.sd_banner {
    background: url(../images/servicedeatils.jpg) center no-repeat;
    height: 304px;
}
.d_banner{
    background: url(../images/details.jpg) center no-repeat;
    height: 304px;
}
/* 标题和线 */
.title-header{
    margin: 0 auto;
    width: 1200px;
}
.title{
    margin: 0 auto;
    min-width: 340px;
    padding-top:52px;
    font-size: 34px;
    color: #595959
}
.title span{
    font-size: 30px;
    color: #727272
}
.blue-line{
    margin: 40px auto 0 auto;
    width: 100px;
    border-bottom: 2px solid #077ef2;
}
.gray-line{
    margin: 0 auto 24px auto;
    width: 1200px;
    border-bottom: 2px solid #eee;
}
.subheading{
    margin:0 auto;
    width: 1200px;
    font-size: 18px;
    color: #8d8d8d;
}
/* service产品介绍 */
.p-introduction{
    padding-top:50px;
}
.pi-wapper{
    margin:0 auto;
    width: 1146px;
    padding-bottom: 46px;
}
.pi-box{
    display: inline-block;
    vertical-align: top;
    width: 374px;
    padding: 46px 34px 24px 34px;
}
.pi-box img{
    width: 110px;
    height: 110px;
}
.l-title{
    margin:24px 0 10px 0;
    line-height: 30px;
    font-size: 24px;
    color: #595959;
}
.l_content{
    font-size: 18px;
    color: #757575;
    line-height: 28px;
    text-align: left;
}
/* service案例分享 */
.case{
    background: rgba(248, 248, 248,0.8);
}
.cs-wapper{
    margin:0 auto;
    width: 1200px;
    padding-bottom: 66px;
}
.cs-box{
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    padding-top:46px;
}
.cs-box:nth-child(3n){
    margin-right: 0;
}
.cs-box img{
    width: 376px;
    height: 200px;
}
.c-tag{
    margin: 24px 0 14px 0;
    text-align: center;
    font-size: 24px;
    color: #333333;
}
/* 365detail产品介绍 */
.pi365-wapper{
    margin:0 auto 66px auto;
    width: 1200px;
}
.card{
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 288px; 
    margin-right: 20px;
    margin-top:20px;
    box-shadow: 1px 1px 8px 4px #f1f0f0;
    position: relative;
}
.card:nth-child(5n){
    margin-right: 0;
}
.pi365-box,.pi365-box-copy{
    width: 100%;
    height: 100%;
    padding: 34px 20px 0px 20px;
    position: absolute;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
}
/* .pi365-box {
    background: #f84c4c;
} */
.card:hover .pi365-box{
    transform: rotateY(180deg);
}
.card:nth-child(even):hover .pi365-box{
    transform: rotateY(-180deg);
}
.pi365-box-copy {
    /* background: #d1d1d1; */
    transform: rotateY(-180deg);
}
.card:hover .pi365-box-copy {
    transform: rotateY(0deg);
}
.card:nth-child(even) .pi365-box-copy {
    transform: rotateY(180deg);
}
.card:nth-child(even):hover .pi365-box-copy {
    transform: rotateY(0deg);
}
.p365-img{
    width: 100px;
    height: 100px;
}
.p365-title{
    margin:33px 0 10px 0;
    font-size: 23px;
    line-height: 30px;
    color: #595959;
}
.p365_content{
    font-size: 18px;
    color: #757575;
    line-height: 28px;
    text-align: left;
}
.other{
    background: rgba(244,244,244,0.8);
}
.other .p365-title{
    color: #d2d2d2;
}
.other .p365_content{
    color: #d1d1d1;
}
/* 365detail案例分享 */
.cp365-box{
    margin:0 auto;
    width: 1319px;
}
.case365{
    margin: 72px 0 60px 0;
}
/* 直通车产品介绍 */
.picar-wapper{
    margin:0 auto 66px auto;
    width: 1120px;
}

.picar-wapper .card{
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 288px; 
    margin-right: 64px;
    margin-top:36px;
    box-shadow: 1px 1px 8px 4px #f1f0f0;
    position: relative;
}
.picar-wapper .card:nth-child(4n){
    margin-right: 0;
}
.car-box,.car-box-copy{
    width: 100%;
    height: 100%;
    padding: 30px 16px 0px 16px;
    position: absolute;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
}
/* .pi365-box {
    background: #f84c4c;
} */
.card:hover .car-box{
    transform: rotateY(180deg);
}
.card:nth-child(even):hover .car-box{
    transform: rotateY(-180deg);
}
.car-box-copy {
    /* background: #d1d1d1; */
    transform: rotateY(-180deg);
}
.card:hover .car-box-copy {
    transform: rotateY(0deg);
}
.card:nth-child(even) .car-box-copy {
    transform: rotateY(180deg);
}
.card:nth-child(even):hover .car-box-copy {
    transform: rotateY(0deg);
}
.car-img{
    width: 100px;
    height: 100px;
}
.car-title{
    margin:33px 0 10px 0;
    font-size: 23px;
    line-height: 30px;
    color: #595959;
}
.car-content{
    font-size: 18px;
    color: #757575;
    line-height: 28px;
    text-align: left;
}

/* .picar-box{
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 288px;
    padding: 30px 16px 0px 16px;
    margin-right: 64px;
    margin-top:36px;
    box-shadow: 1px 1px 8px 4px #f1f0f0;
}
.picar-box:nth-child(4n){
    margin-right: 0;
}
.picar-box img{
    width: 100px;
    height: 100px;
}
.picar-box .l-title{
    margin:30px 0 10px 0;
    font-size: 23px;
} */
/* 直通车案例分享 */
.cpcar-box{
    margin: 0 auto;
    width: 1452px;
}
.casecar{
    margin-top: 28px;
}
/* 创业云案例分享 */
.cpp-box{
    margin:0 auto;
    width: 1700px;
}
.casepworkc{
    margin-top: 40px;
}
/* 我们的优势 */
.usa-wapper{
    margin:0 auto;
    width: 1130px;
    padding:46px 0 66px 0;
}
.usa-box{
    display: inline-block;
    vertical-align: top;
    width: 206px;
    height: 330px;
    margin-right: 20px;
    padding: 42px 26px 0 26px;
    border-radius: 10px;
    background: #eff2f5;
    color: #797979;
}
.usa-box:hover{
    background: #3f6eb6;
    color: #ffffff;
}
.usa-box:last-child{
    margin-right: 0;
}
.chart_1{
    margin: 0 auto;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background: url(./../images/c_responsibility@2x.png) center no-repeat;
    background-size: 100%;
}
.usa-box:hover .chart_1{
    background: url(./../images/f_responsibility@2x.png) center no-repeat;
    background-size: 100%;
}
.chart_2{
    margin: 0 auto;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background: url(./../images/c_standard@2x.png) center no-repeat;
    background-size: 100%;
}
.usa-box:hover .chart_2{
    background: url(./../images/f_standard@2x.png) center no-repeat;
    background-size: 100%;
}
.chart_3{
    margin: 0 auto;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background: url(./../images/c_system@2x.png) center no-repeat;
    background-size: 100%;
}
.usa-box:hover .chart_3{
    background: url(./../images/f_system@2x.png) center no-repeat;
    background-size: 100%;
}
.chart_4{
    margin: 0 auto;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background: url(./../images/c_leading@2x.png) center no-repeat;
    background-size: 100%;
}
.usa-box:hover .chart_4{
    background: url(./../images/f_leading@2x.png) center no-repeat;
    background-size: 100%;
}
.chart_5{
    margin: 0 auto;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background: url(./../images/c_service@2x.png) center no-repeat;
    background-size: 100%;
}
.usa-box:hover .chart_5{
    background: url(./../images/f_service@2x.png) center no-repeat;
    background-size: 100%;
}
.usa-tag{
    margin-top:32px;
    font-size: 24px;
}
.usa-content{
    margin-top:12px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
/* 服务流程 */
.process{
    background: rgba(248, 248, 248,0.8);
}
.picture_box{
    margin: 0 auto;
    width: 1200px;
}
.process img{
    margin: 0 auto;
    width: 1018px;
    margin:88px 0 80px 0;
}