.banner {position: relative;width: 100%;overflow: hidden;margin: 0 auto;text-align: center;height: 480px;background: url(../img/live/banner.jpg) no-repeat center 0 #f8f3f1;}
.px-1 {padding-left:5px !important;padding-right:5px !important;}
.py-1 {padding-top:5px !important;padding-bottom:5px !important;}
.mod-hd{margin-bottom:60px;}
.mod-hd h2{font-size: 28px;color: #333;text-align: center;font-weight: bold;}
.mod-hd p{font-size: 16px;color: #999;text-align: center;margin-top: 20px;line-height:28px;}
.bg-grey{ background: #f5f5f5; }
.ck-startup {
	min-height:650px;
	padding:100px;
    background-image: url(../img/ovo/startup_bg.jpg);
    background-size: cover;
    background-position: center;
}
.ck-startup h1{font-size: 48px;color: #fff;font-weight: bold;}
.ck-startup .brief{display:block;margin:40px auto 0;max-width:760px;font-size: 18px;color: #fff;line-height:36px;}
.ck-startup .handle-box{margin:40px 0;}
.ck-startup .handle-box .btn-exper{margin-right:20px;}
.startup-slide {position: relative;height:536px;max-width: 303px;}
.startup-slide li {zoom: 1;vertical-align: middle;display: block;height: 100%;}
.startup-slide li a{width: 100%;height: 100%;display: inline-block;background-position: center;}

/* 特色功能 */
.layout-function .mod-bd{}
.layout-function .item{margin:30px 0;}
.layout-function .item-left, .layout-function  .item-right, .layout-function  .item-body {display: table-cell;vertical-align: top;}
.layout-function .item-middle {vertical-align: middle;}
.layout-function .item-left, .layout-function  .item > .pull-left {padding-right: 10px;}
.layout-function .item-body h5 {font-size: 20px;line-height: 32px;color:#444;}
.layout-function .item-body p {font-size: 14px;line-height: 22px;color:#888;height:66px;overflow:hidden;}
.layout-function .item-left i {display:block;width: 80px;height: 80px;background-size: contain !important;margin-top: 10px;}
.layout-function .item:hover i{transform: rotateY(360deg);transition: all 0.5s linear;}

/* 优势 */
.layout-superiority .mod-bd{position:relative;margin-top:20px;}
.layout-superiority .mod-bd ul{margin:0 -15px;}
.layout-superiority .mod-bd ul li{ display: flex;align-items: center;padding: 0 35px; float: left; width: 585px;height: 160px;background: #fff;margin-bottom: 25px; }
.layout-superiority .mod-bd ul li:nth-of-type(even){ float: right; }
.layout-superiority .mod-bd ul li img{ display: block;min-width: 92px;min-height: 92px; width: 92px;height: 92px;margin-right: 20px; }
.layout-superiority .mod-bd ul li .remark{line-height:24px;}
.layout-superiority .mod-bd ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3) }
/* 案例 */
.layout-case .mod-bd{position:relative;margin-top:20px;}
.layout-case .mod-bd ul{margin:0 -15px;border: 1px solid #e5e5e5;border-radius: 5px;overflow: hidden; }
.layout-case .mod-bd ul li{ float: left; width: 20%;height: 198px;border-right: 1px solid #e5e5e5; }
.layout-case .mod-bd ul li:nth-of-type(5n){ width: calc(20% - 4px); border-right: 0; }
.layout-case .mod-bd ul li:nth-of-type(n+6){ border-top: 1px solid #e5e5e5; }
.layout-case .mod-bd ul li .imgs{ display: block;width: 90px;height: 90px;margin: 39px auto 20px;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,.5);overflow: hidden; }
.layout-case .mod-bd ul li .imgs img{ display: block;max-width: 100%; }
.layout-case .mod-bd ul li h5{ text-align: center;font-size: 16px; }
.layout-case .mod-bd ul li:hover .imgs{
    -webkit-animation-name:bounce;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease-out;
    animation-name:bounce;
    animation-duration: .6s;
    animation-timing-function: ease-out;
}
@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}
/* 变现方式 */
.layout-realize .mod-bd{position:relative;margin-top:20px;}
.layout-realize .mod-bd ul li .item{ height: 385px;background: #fff;}
.layout-realize .mod-bd ul li .item img{ display: block;max-width: 100%; }
.layout-realize .mod-bd ul li .item .remark{ padding: 15px 20px 0; }
.layout-realize .mod-bd ul li .item .remark h5{ font-size: 16px;font-weight:bold;padding-bottom: 5px; }
.layout-realize .mod-bd ul li .item .remark p{ color: #666; }
.layout-realize .mod-bd ul li .item .remark a{ display: block;width:calc(100% - 2px);height: 38px;line-height: 38px; text-align: center; border: 1px solid #4a85f8;
    color: #4a85f8;margin-top: 23px;
}
.layout-realize .mod-bd ul li .item:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3) }
/* 售后服务 */
.layout-service .mod-bd{position:relative;margin-top:20px;}
.layout-service .mod-bd ul li .item{display: flex;align-items: center;padding: 20px 0; }
.layout-service .mod-bd ul li .item img{ display: block;width: 92px;height: 92px;margin-right: 8px; }
.layout-service .mod-bd ul li .item .remark h5{ font-size: 16px;font-weight: bold; }
.layout-service .mod-bd ul li .item .remark p{ color: #666; }
/* 运营保障 */
.layout-safeguard{background-color:#F3F3F3;}
.layout-safeguard .mod-bd {margin:52px -15px;height:520px;}
.layout-safeguard .mod-bd > .item {display:inline-table;height:100%;width:340px;vertical-align:top;}
.layout-safeguard .mod-bd > .item p {margin:0}
.layout-safeguard .mod-bd > .gurantee-item1 > .content {
 height:464px;
 background:url("../img/live/sg1.png") no-repeat;
 background-size:cover;
 color:#fff;
 padding:328px 0 0 35px;
 text-align:left;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
}
.layout-safeguard .mod-bd > .gurantee-item1 > .content > .title {
 font-size:30px
}
.layout-safeguard .mod-bd > .gurantee-item1 > .content > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:3px auto 10px 0
}
.layout-safeguard .mod-bd > .gurantee-item1 > .content > .desc {
 font-size:16px;
 padding-right:20px
}
.layout-safeguard .mod-bd > .gurantee-item1 > .content-label-chinese {
 margin-top:20px;
 color:#333;
 font-size:36px;
 padding-left:25px
}
.layout-safeguard .mod-bd > .gurantee-item1 > .content-label-english {
 font-size:24px;
 color:#999;
 margin-top:-5px;
 padding-left:63px
}
.layout-safeguard .mod-bd > .gurantee-item2 {
 width:350px;
 margin-left:26px;
 height:530px;
 text-align:left;
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-top {
 height:190px;
 background:url("../img/live/sg2.png") no-repeat;
 background-size:cover;
 padding:57px 0 0 22px;
 color:#fff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-top > .title {
 font-size:30px
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-top > .desc {
 font-size:16px;
 padding-right:20px
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-top > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:3px auto 10px 0
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-bottom {
 height:370px;
 margin-top:20px;
 background:url("../img/live/sg3.png") no-repeat;
 background-size:cover;
 padding:230px 0 0 22px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 color:#fff;
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-bottom > .title {
 font-size:30px
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-bottom > .desc {
 font-size:16px;
 padding-right:20px
}
.layout-safeguard .mod-bd > .gurantee-item2 > .content-bottom > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:3px auto 10px 0;
}
.layout-safeguard .mod-bd > .gurantee-item3 {
 width:450px;
 margin-left:26px;
 height:530px;
 text-align:left;
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-top {
 height:370px;
 background:url("../img/live/sg4.png") no-repeat;
 background-size:cover;
 padding:257px 0 0 22px;
 color:#fff;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-top > .title {
 font-size:30px
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-top > .desc {
 font-size:16px;
 padding-right:20px
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-top > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:3px auto 10px 0
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-bottom {
 height:190px;
 margin-top:20px;
 background:url("../img/live/sg5.png") no-repeat;
 background-size:cover;
 padding:76px 0 0 22px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 color:#fff;
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-bottom > .title {
 font-size:30px
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-bottom > .desc {
 font-size:16px;
 padding-right:20px
}
.layout-safeguard .mod-bd > .gurantee-item3 > .content-bottom > .line {
 width:57px;
 height:2px;
 background:#fff;
 margin:3px auto 10px 0
}

/* bottom */
.bottom{height: 239px;width: 100%;}
.bottom p{text-align: center;font-size: 32px;color: white;padding-top: 70px;}
.bottom a{display: block;width: 150px;height: 40px;border: 1px solid white;text-align: center;line-height: 40px;font-size: 15px;color: white;margin: 25px auto 0;}
.bottom a:hover{background-color: #fff;color:black;}