.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;}

.ck-startup-live {
	min-height:650px;
	padding:100px;
    background-image: url(../img/live/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: 327px;}
.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-function .item-left i.icon-01{background:url("../img/live/f01.png");}
.layout-function .item-left i.icon-02{background:url("../img/live/f02.png");}
.layout-function .item-left i.icon-03{background:url("../img/live/f03.png");}
.layout-function .item-left i.icon-04{background:url("../img/live/f04.png");}
.layout-function .item-left i.icon-05{background:url("../img/live/f05.png");}
.layout-function .item-left i.icon-06{background:url("../img/live/f06.png");}
.layout-function .item-left i.icon-07{background:url("../img/live/f07.png");}
.layout-function .item-left i.icon-08{background:url("../img/live/f08.png");}
.layout-function .item-left i.icon-09{background:url("../img/live/f09.png");}
.layout-function .item-left i.icon-10{background:url("../img/live/f10.png");}
.layout-function .item-left i.icon-11{background:url("../img/live/f11.png");}
.layout-function .item-left i.icon-12{background:url("../img/live/f12.png");}
.layout-function .item-left i.icon-13{background:url("../img/live/f13.png");}
.layout-function .item-left i.icon-14{background:url("../img/live/f14.png");}
.layout-function .item-left i.icon-15{background:url("../img/live/f15.png");}
.layout-function .item-left i.icon-16{background:url("../img/live/f16.png");}
.layout-function .item-left i.icon-17{background:url("../img/live/f17.png");}
.layout-function .item-left i.icon-18{background:url("../img/live/f18.png");}
.layout-function .item-left i.icon-19{background:url("../img/live/f19.png");}
.layout-function .item-left i.icon-20{background:url("../img/live/f20.png");}
.layout-function .item-left i.icon-21{background:url("../img/live/f21.png");}
.layout-function .item-left i.icon-22{background:url("../img/live/f22.png");}
.layout-function .item-left i.icon-23{background:url("../img/live/f23.png");}
.layout-function .item-left i.icon-24{background:url("../img/live/f24.png");}
.layout-function .item-left i.icon-25{background:url("../img/live/f25.png");}
.layout-function .item-left i.icon-26{background:url("../img/live/f26.png");}
.layout-function .item-left i.icon-27{background:url("../img/live/f27.png");}
.layout-function .item-left i.icon-28{background:url("../img/live/f28.png");}
.layout-function .item-left i.icon-29{background:url("../img/live/f29.png");}
.layout-function .item-left i.icon-30{background:url("../img/live/f30.png");}
.layout-function .item-left i.icon-31{background:url("../img/live/f31.png");}
.layout-function .item-left i.icon-32{background:url("../img/live/f32.png");}
.layout-function .item-left i.icon-33{background:url("../img/live/f33.png");}
.layout-function .item-left i.icon-34{background:url("../img/live/f34.png");}
.layout-function .item-left i.icon-35{background:url("../img/live/f35.png");}
.layout-function .item-left i.icon-36{background:url("../img/live/f36.png");}
.layout-function .item-left i.icon-37{background:url("../img/live/f37.png");}
.layout-function .item-left i.icon-38{background:url("../img/live/f38.png");}
.layout-function .item-left i.icon-39{background:url("../img/live/f39.png");}
.layout-function .item-left i.icon-40{background:url("../img/live/f40.png");}
.layout-function .item-left i.icon-41{background:url("../img/live/f41.png");}
.layout-function .item-left i.icon-42{background:url("../img/live/f42.png");}
.layout-function .item-left i.icon-43{background:url("../img/live/f43.png");}
.layout-function .item-left i.icon-44{background:url("../img/live/f44.png");}
.layout-function .item-left i.icon-45{background:url("../img/live/f45.png");}
.layout-function .item-left i.icon-46{background:url("../img/live/f46.png");}
.layout-function .item-left i.icon-47{background:url("../img/live/f47.png");}
.layout-function .item-left i.icon-48{background:url("../img/live/f48.png");}
.layout-function .item-left i.icon-49{background:url("../img/live/f49.png");}
.layout-function .item-left i.icon-50{background:url("../img/live/f50.png");}
.layout-function .item-left i.icon-51{background:url("../img/live/f51.png");}
.layout-function .item-left i.icon-52{background:url("../img/live/f52.png");}
.layout-function .item-left i.icon-53{background:url("../img/live/f53.png");}
.layout-function .item-left i.icon-54{background:url("../img/live/f54.png");}
.layout-function .item-left i.icon-55{background:url("../img/live/f55.png");}
.layout-function .item-left i.icon-56{background:url("../img/live/f56.png");}
.layout-function .item-left i.icon-57{background:url("../img/live/f57.png");}


/* 优势 */
.layout-superiority .mod-bd{position:relative;margin-top:20px;}
.layout-superiority .mod-bd ul{margin:0 -15px;}
.layout-superiority .mod-bd ul li .item{ padding:20px;border: 1px solid #eee;overflow: hidden;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;
 -webkit-transition:-webkit-box-shadow .5s;
 transition:-webkit-box-shadow .5s;
 -o-transition:box-shadow .5s;
 -moz-transition:box-shadow .5s;
 transition:box-shadow .5s;
 transition:box-shadow .5s, -webkit-box-shadow .5s;
}
.layout-superiority .mod-bd ul li .imgs{ display: block;width: 66px;height: 66px;margin: 0 auto; }
.layout-superiority .mod-bd ul li .imgs img{width:66px;height:66px;}
.layout-superiority .mod-bd ul li .remark{ margin-top:20px;text-align: center; }
.layout-superiority .mod-bd ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 10px; }
.layout-superiority .mod-bd ul li .remark p{ color: #999;line-height:26px;}
.layout-superiority .mod-bd ul li .item:hover{  -webkit-transform:scale(1.01);
 -moz-transform:scale(1.01);
 -ms-transform:scale(1.01);
 -o-transform:scale(1.01);
 transform:scale(1.01);
 -webkit-box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22);
 box-shadow:4px 6px 21px 2px rgba(14,101,243,0.22); }
/* 解决方案 */
.layout-scene{background: url(../img/live/solution_bg.jpg) no-repeat center 0px;}
.layout-scene .mod-bd{margin:40px -15px 0;padding-bottom:40px;}
.layout-scene .mod-hd h2{color:#fff;}
.layout-scene .mod-hd p{color:#fff;}
.scene-list li{width:280px;min-height:470px;margin-right:26px;border:1px solid #EFEFEF;float:left;display:inline-block;position:relative;overflow:hidden;background:#fff;z-index:0;}
.scene-list li:nth-child(4){margin-right:0;}
.scene-list li .thumb{width:100%;height:300px;background:rgba(0,0,0,0.4);overflow:hidden;z-index:5;}
.scene-list li .thumb img{z-index:-5;}
.scene-list li .icon{display:block;width:138px;height:138px;margin:-69px auto 0;background-size:cover;z-index:10;}
.scene-list li .icon.icon01{background-image:url("../img/live/solution_icon_01.png");}
.scene-list li .icon.icon02{background-image:url("../img/live/solution_icon_02.png");}
.scene-list li .icon.icon03{background-image:url("../img/live/solution_icon_03.png");}
.scene-list li .icon.icon04{background-image:url("../img/live/solution_icon_04.png");}
.scene-list li .icon.icon05{background-image:url("../img/live/solution_icon_05.png");}
.scene-list li .icon.icon06{background-image:url("../img/live/solution_icon_06.png");}
.scene-list li .icon.icon07{background-image:url("../img/live/solution_icon_07.png");}
.scene-list li .icon.icon08{background-image:url("../img/live/solution_icon_08.png");}
.scene-list li .title{font-size:25px;margin:20px 0;text-align:center;position:relative;}
.scene-list li .title::after {display: block;position: absolute;left: 50%;margin-left: -27px;top: 45px;width: 54px;height: 3px;background: #43A1F9;content: '';}
.scene-list li .intro{position:absolute;left:0;top:100%;padding:40px 0;width:100%;height:100%;text-align:center;color:#fff;
 background-color:rgba(110,184,234,1);
 transition:all 0.5s cubic-bezier(.45,.55,.75,1) 0s;
 -webkit-transition:all 0.5s cubic-bezier(.45,.55,.75,1) 0s;
 -moz-transition:all 0.5s cubic-bezier(.45,.55,.75,1) 0s
}
.scene-list li .intro .desc{line-height:25px;color:#999;margin:40px 15px;color:#FFF;}
.scene-list li:hover .intro {top:0}
.layout-scene .mod-bd .swiper-pagination{}
.layout-scene .mod-bd .swiper-pagination-bullet{width:20px;height:5px;border-radius:0;}
/* 运营保障 */
.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
}
/* 市场 */
.layout-market{}
.layout-market .mod-bd{position:relative;}
.extension {font-size:0;margin-left:22.5px;margin-right:22.5px;margin-top:4.16667%}
.extension .extension-left {width:425px;display:inline-block;vertical-align:middle}
.extension .extension-left .tit {font-size:24px;color:#333;line-height:1;margin-bottom:20px}
.extension .extension-left .tit span {margin-left:30px}
.extension .extension-left .txt {font-size:16px;color:#666;line-height:28px}
.extension .extension-left .txt p {margin-bottom:10px}
.extension .extension-left .txt p:last-child {margin-bottom:0}
.extension .swiper-slide-active .extension-left .tit {opacity:0;transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-webkit-animation:fadeInUp20 1.2s .6s ease-out forwards;animation:fadeInUp20 1.2s .6s ease-out forwards}
.extension .swiper-slide-active .extension-left .txt {opacity:0;transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-webkit-animation:fadeInUp20 1s .9s ease-out forwards;animation:fadeInUp20 1s .9s ease-out forwards}
.extension .extension-right {width:700px;margin-left:30px;display:inline-block;vertical-align:middle}
.market .swiper-pagination {position:relative;text-align:center;margin-top:30px}
.market .swiper-pagination-bullet {
 width:12px;
 height:12px;
 border-radius:50%;
 border:1px solid transparent;
 box-sizing:content-box;
 -webkit-box-sizing:content-box;
 background-color:transparent;
 opacity:1;
 margin:0 12px;
 position:relative;
 transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease
}
.market .swiper-pagination-bullet:after {
 content:"";
 position:absolute;
 width:6px;
 height:6px;
 border-radius:50%;
 background:#0081cc;
 left:50%;
 top:50%;
 margin-left:-3px;
 margin-top:-3px;
 transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease
}
.market .swiper-pagination-bullet-active,.extension-sec .swiper-pagination-bullet:hover {background-color:#fff;border:1px solid #0081cc}
.market .swiper-pagination-bullet-active:after,.extension-sec .swiper-pagination-bullet:hover:after {background:#e40077}
@-webkit-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp20{-webkit-animation-name:fadeInUp20;animation-name:fadeInUp20}
/* 流量变现 */
.layout-realize{background: url("../img/live/realize_bg.jpg")no-repeat center center;}
.layout-realize .mod-hd h2{color:#FFF;}
.layout-realize .mod-hd p{color:#FFF;}
.layout-realize .mod-bd{margin-top:60px;}
.layout-realize .mod-bd li{border-right: 1px solid #fff;position: relative;min-height:220px;overflow: hidden;}
.layout-realize .mod-bd li span.sec_icon{display: block;width: 100px;height: 85px;background: url("../img/live/realize_icon.png") no-repeat center;margin: 30px auto 30px;}
.layout-realize .mod-bd li span.sec_icon1{background-position: 0 0;}
.layout-realize .mod-bd li span.sec_icon2{background-position: 0 -97px;}
.layout-realize .mod-bd li span.sec_icon3{background-position: 0 -190px;}
.layout-realize .mod-bd li span.sec_icon4{background-position: 0 -302px;}
.layout-realize .mod-bd li span.sec_icon5{background-position: 0 -400px;}
.layout-realize .mod-bd li:nth-of-type(5){border-right: none;}
.layout-realize .mod-bd li p.fontInfo{font-size: 20px;line-height: 36px;color: #FFFFFF;text-align: center;padding-top: 10px;}
.layout-realize .mod-bd li .pupBox{width: 99%;height: 230px;background: #fff;position: absolute;left: 2px;top: 0;opacity: 0;
	-moz-opacity:0;filter: alpha(opacity=0);transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
.layout-realize .mod-bd li.hover .pupBox{opacity: .8;-moz-opacity:.8;filter: alpha(opacity=80);transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;}
.layout-realize .mod-bd li.hover .sec_icon,.realize .bd li.hover .fontInfo{opacity: 0.4;-moz-opacity:0.4;
	filter: alpha(opacity=40);  /* IE 4-7 */
}
.layout-realize .pupBox h3{
	margin: 30px 0 20px;
	text-align: center;
	font-size: 20px;
	color: #000;
	filter: Alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	font-weight: normal;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.layout-realize .pupBox p{
	padding: 0 20px;
	font-size: 15px;
	color: #000;
	filter: Alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	line-height: 26px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.layout-realize li:hover .pupBox h3{color: #000;filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}
.layout-realize li:hover .pupBox p{color: #000;filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}

/* 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;}