.custom-page-hd{
    height: 500px;
    position: relative;
    background: url("../images/custom-page-hd-img.jpg") center no-repeat;
}
.custom-page-hd .con-item{
    width: 500px;
    height: 190px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -95px 0 0 -250px;
    text-align: center;
}
.custom-page-hd .custom-tit{
    color: #485766;
}
.custom-page-hd .custom-tit strong{
    display: block;
    font-size: 60px;
}
.custom-page-hd .custom-tit span{
    display: block;
    padding-top: 10px;
    font-size: 24px;
}
.custom-page-hd .custom-btn{
    display: inline-block;
    color: #495768;
    width: 116px;
    height: 30px;
    line-height: 30px;
    margin-top: 50px;
    font-size: 16px;
    border: 2px solid #495768;
}
/* 品牌价值 */
.brand-content{
    padding: 60px 0;
    border-bottom: 1px solid #e1e1e1;
}
.brand-tit{
    text-align: center;
}
.brand-tit h3{
    font-size: 36px;
}
.brand-tit p{
    color: #999;
    line-height: 24px;
    padding-top: 20px;
    font-size: 15px;
}
.brand-item{
    padding-top: 50px;
}
.brand-item li{
    float: left;
    width: 270px;
    margin-right: 40px;
    cursor: pointer;
}
.brand-item li.last{
    margin-right: 0;
}
.brand-item li > i{
    display: block;
    width: 270px;
    height: 109px;
}
.brand-item li .ico1{
    background: url("../images/brand-01.png") center no-repeat;
}
.brand-item li .ico2{
    background: url("../images/brand-02.png") center no-repeat;
}
.brand-item li .ico3{
    background: url("../images/brand-03.png") center no-repeat;
}
.brand-item li .ico4{
    background: url("../images/brand-04.png") center no-repeat;
}
.brand-item li strong{
    color: #666;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
}
.brand-item li:hover strong{
    color: #2c8dae;
}
.brand-item li span{
    color: #848484;
    display: block;
    height: 50px;
    line-height: 50px;
}
/* 服务优势 */
.serve-content{
    padding: 60px 0;
}
.serve-content .serve-tit{
    text-align: center;
}
.serve-content .serve-tit h3{
    font-size: 36px;
}
.serve-content .serve-tit p{
    color: #999;
    line-height: 24px;
    padding-top: 10px;
    font-size: 15px;
}
.serve-content .serve-block{
    height: 271px;
    margin-top: 30px;
    background: url("../images/fuwuyoushi.png") center no-repeat;
}
/* 定制流程 */
.flow-path-content{
    padding: 60px 0;
}
.flow-path-tit{
    text-align: center;
}
.flow-path-tit h3{
    font-size: 36px;
}
.flow-path-block{
    padding-top: 60px;
}
.flow-path-block li{
    float: left;
    width: 140px;
    margin-right: 72px;
    text-align: center;
    position: relative;
}
.flow-path-block li.last{
    margin-right: 0;
}
.flow-path-block li .ico1,
.flow-path-block li .ico2,
.flow-path-block li .ico3,
.flow-path-block li .ico4,
.flow-path-block li .ico5,
.flow-path-block li .ico6{
    display: inline-block;
    width: 62px;
    height: 63px;
    background: url("../images/flow-path-ico.png") no-repeat;
}
.flow-path-block li .ico1{
    background-position: 0 -89px;
}
.flow-path-block li .ico2{
    background-position: 0 -171px;
}
.flow-path-block li .ico3{
    background-position: 0 -250px;
}
.flow-path-block li .ico4{
    background-position: 0 -333px;
}
.flow-path-block li .ico5{
    background-position: 0 -415px;
}
.flow-path-block li .ico6{
    background-position: 0 -491px;
}
.flow-path-block li .arrow{
    display: block;
    width: 65px;
    height: 6px;
    position: absolute;
    left: 140px;
    top: 25px;
    background: url("../images/flow-path-ico.png") no-repeat 0 -570px;
}
.flow-path-block li strong{
    display: block;
    margin-top: 50px;
    font-size: 14px;
}
.flow-path-block li p{
    color: #999;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
}
/* 案例展示 */
.case-content{
    padding: 0 0 35px;
}
.case-tit{
    text-align: center;
}
.case-tit h3{
    font-size: 36px;
}
.case-block{
    padding-top: 30px;
}
.case-block li{
    float: left;
    width: 380px;
    margin-right: 30px;
}
.case-block li.last{
    margin-right: 0;
}
.case-block li > a{
    display: block;
}
.case-block li .pic{
    width: 380px;
    height: 260px;
    overflow: hidden;
    position: relative;
}
.case-block li .pic img{
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.case-block li a:hover .pic img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.case-block li .layer{
    width: 380px;
    height: 260px;
    position: absolute;
    top: -260px;
    left: 0;
    z-index: 9;
    opacity: 0.4;
    filter:alpha(opacity=40);
    background: #000;
}
.case-block li .layer .ico{
    display: block;
    width: 32px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -18px 0 0 -16px;
    background: url("../images/flow-path-ico.png") no-repeat 0 -34px;
}
.case-block li .con{
    padding-top: 8px;
    position: relative;
}
.case-block li .con .arrow{
    width: 16px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 13px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: url("../images/flow-path-ico.png") no-repeat 0 0;
}
.case-block li a:hover .con .arrow{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-10px);
    -moz-transform: translate(-10px);
    -ms-transform: translate(-10px);
    -o-transform: translate(-10px);
    transform: translate(-10px);
}
.case-block li .bt{
    display: block;
    color: #666;
    width: 340px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    font-size: 14px;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.case-block li .attr{
    display: block;
    color: #999;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.case-block li > a:hover .bt,
.case-block li > a:hover .attr{
    -webkit-transform: translate(20px);
    -moz-transform: translate(20px);
    -ms-transform: translate(20px);
    -o-transform: translate(20px);
    transform: translate(20px);
}
/* 联系方式 */
.link-bg{
    background: #f3f3f3;
}
.link-way-content{
    padding: 65px 0;
    background: url("../images/dz-link-way.png") right no-repeat;
}
.link-hd{
    float: left;
    width: 110px;
    padding: 0 60px;
}
.link-hd h3 strong{
    display: block;
    color: #666;
    font-size: 24px;
}
.link-hd h3 em{
    color: #999;
    display: block;
    font-size: 14px;
}
.link-hd .link-btn{
    color: #1ca8dd;
    display: inline-block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    margin-top: 25px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #1ca8dd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.link-hd .link-btn .ico{
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin: -5px 5px 0 0;
    background: url("../images/flow-path-ico.png") no-repeat -48px 0;
}

.link-bd{
    float: left;
    padding-left: 100px;
}
.link-bd li{
    color: #666;
    height: 26px;
    line-height: 26px;
}

/* 市场分析 */
.market-scope-block{
    margin-top: 75px;
}
.market-scope-bar{
    text-align: center;
}
.market-scope-bar h3{
    font-size: 36px;
}
.market-scope-bar p{
    color: #999;
    line-height: 24px;
    padding-top: 10px;
    font-size: 15px;
}
.market-scope-wrap{
    width: 610px;
    height: 567px;
    margin: -70px auto 0;
    position: relative;
    background: url("../images/custom-module-bg.png") center no-repeat;
}
.market-scope-wrap .circle-item{
    position: absolute;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 50% !important;
    left: 50% !important;
    -webkit-transition: all ease-out 1s;
    -moz-transition: all ease-out 1s;
    -o-transition: all ease-out 1s;
    transition: all ease-out 1s;
    opacity:0;
    filter:alpha(opacity=0);
    text-align: center;
    font-size: 18px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.market-scope-wrap.active .circle-item.item01{
    top: 137px !important;
    left: -47px !important;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background: #15cb52;
}
.market-scope-wrap.active .circle-item.item02{
    top: 236px !important;
    left: -140px !important;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    background: #15cb52;
}
.market-scope-wrap.active .circle-item.item03{
    top: 334px !important;
    left: -57px !important;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    background: #15cb52;
}
.market-scope-wrap.active .circle-item.item04{
    top: 144px !important;
    left: 551px !important;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
    background: #3bb1f9;
}
.market-scope-wrap.active .circle-item.item05{
    top: 236px !important;
    left: 631px !important;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
    background: #3bb1f9;
}
.market-scope-wrap.active .circle-item.item06{
    top: 340px !important;
    left: 561px !important;
    opacity:1;
    filter:alpha(opacity=1);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    background: #3bb1f9;
}

.market-scope-wrap .circle-item .sm-icon{
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.market-scope-wrap .circle-item.item01 .sm-icon{
    top: 61px;
    left: 81px;
    background: #15cb52;
}
.market-scope-wrap .circle-item.item02 .sm-icon{
    top: 37px;
    left: 84px;
    background: #15cb52;
}
.market-scope-wrap .circle-item.item03 .sm-icon{
    top: 13px;
    left: 80px;
    background: #15cb52;
}
.market-scope-wrap .circle-item.item04 .sm-icon{
    top: 54px;
    left: -12px;
    background: #3bb1f9;
}
.market-scope-wrap .circle-item.item05 .sm-icon{
    top: 37px;
    left: -19px;
    background: #3bb1f9;
}
.market-scope-wrap .circle-item.item06 .sm-icon{
    top: 8px;
    left: -10px;
    background: #3bb1f9;
}