﻿.banner_bg_blur {
    content: ' ';
    height: 400px;
    width: 110%;
    display: block;
    position: absolute;
    top: 0;
    left: -5%;
    background-attachment: fixed;
    /* background-size: 100% auto; */
    background-size:100% auto!important;
    -webkit-background-size:100% auto!important;
    /*background: url(https://sd.domobcdn.com/ugc/e/23864d84fe373032d644967b.jpg) center center no-repeat;*/
    filter: blur(10px);
    z-index: -1;
}
#banner{
    position: relative;
    overflow: hidden;
}
.banner_bg{
    position: relative;
    width:100%;
    height:400px;
    background-color:rgba(0,0,0,0.4);
    overflow: hidden;
}
.banner_bg img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.banner_bg .banner_copy{
    width:100%;
    text-align:center;
    color:#fff;
}
.banner_bg .banner_copy h2{
    font-size:34px;
    line-height:74px;
    font-weight: 500;
}
.banner_bg .banner_copy p{
    font-size: 14px;
    line-height: 42px;
    font-weight: 400;
}

#detailCont{
    padding-bottom:140px;
    background-color:#F5F9FA;
}
#detailCont .detail_cont{
    position:relative;
    top:-50px;
    left:50%;
    transform:translateX(-50%);
    width:1200px;
    box-shadow:10px 0px 50px rgba(0,0,0,0.05);
}
#detailCont .dataShow{
    padding:0 60px;
    height:160px;
    background-color:#F5F9FA;
}
#detailCont .dataShow li{
    height:160px;
    flex:1;
}
#detailCont .dataShow li h3{
    height:88px;
    line-height:88px;
    font-size: 60px;
    color:#5C72F6;
}
#detailCont .dataShow li h3 span{
    display:inline-block;
    vertical-align:top;
    font-size:30px;
}
#detailCont .dataShow li p{
    text-align:center;
    font-size:14px;
    color:#868894;
}

#detailCont .describe{
    padding:65px 75px;
    background-color:#fff;
}
#detailCont .describe .describe_left{
    margin-top:-51.5px;
    margin-right:68px;
    width:577.5px;
}
#detailCont .describe .describe_left li{margin-top:51.5px;}
#detailCont .describe .describe_left h3{
        float:left;
        line-height:30px;
        font-size:24px;
        font-weight:bold;
    }
#detailCont .describe .describe_left p{
        margin:20px 0 0 45px;
        color:#666;
        font-size:16px;
        line-height:28px;
        white-space: pre-wrap;
    }
#detailCont .describe .describe_left .progectBg{
        overflow:hidden;
}
#detailCont .describe .describe_left .progectBg h3::before{
    margin-right:15px;
    float:left;
    display: block;
    width: 30px;
    height: 30px;
    background:url(../image/case_detail_icon0.png) 0 0 no-repeat;
    -webkit-background-size:30px auto;
    content: "";
}	
#detailCont .describe .describe_left .marketingGoal h3::before{
    margin-right:15px;
    float:left;
    display: block;
    width: 24px;
    height: 32px;
    background:url(../image/case_detail_icon1.png) 0 0 no-repeat;
    -webkit-background-size:24px auto;
    content: "";	
}
#detailCont .describe .describe_left .marketingStrategy h3::before{
    margin-right:15px;
    float:left;
    display: block;
    width: 26px;
    height: 32px;
    background:url(../image/case_detail_icon2.png) 0 0 no-repeat;
    -webkit-background-size:26px auto;
    content: "";
        	
}
#detailCont .describe .describe_left .projectLightspot h3::before{
    margin-right:15px;
    float:left;
    display: block;
    width: 32px;
    height: 26px;
    background:url(../image/case_detail_icon3.png) 0 0 no-repeat;
    -webkit-background-size:32px auto;
    content: "";
}	
#detailCont .describe .describe_right{
    width:420px;
}
.btnGroup{
    margin:-35px auto;
    width:1200px;
    height:81px;
}
.btnGroup .goback{
    margin-right:25px;
    width:360px;
    height:80.5px;
    
    text-align:center;
    line-height:80.5px;
    font-size:18px;
    cursor:pointer;
}
.btnGroup .gonext{
    width:815px;
    height:80.5px;
    
    text-align:center;
    line-height:80.5px;
    font-size:18px;
    cursor:pointer;
}
.btnGroup .disabled{
    color:#aaa;
}
.btnGroup a{
    background-color:#fff;
    display: block;
    width:100%;
    height:100%;
    color:#000;
    box-shadow:10px 0px 50px rgba(0,0,0,0.05);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.btnGroup a:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.06);
    box-shadow: 0 10px 20px rgba(0,0,0,.06)
}
