.fullscreen{width:100%;height:100%;}
.video-box{position:relative;top:-113px;width:100%;height:100%;margin-bottom:-113px;}
.cd-bg-video{position:relative;width:100%;height:100%;overflow:hidden;}
.video-box .cd-bg-video-wrapper{position:relative;left:0;top:0;width:100%;height:100%;z-index:0;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;transform: translateX(0px);transition:transform 0.5s ease 0s;
}
.video-box .cd-bg-video-video{height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
	
	 display: block;}
.video-box .cd-bg-video-video video{
    bottom: auto;
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: auto;
    top: 50%;
	transform: translateX(-50%) translateY(-50%);
    width: auto;}

.video-box .video-box-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:Alpha(Opacity=50);z-index:2;overflow:hidden;}
.video-box .video-play{display:none;position:absolute;left:50%;bottom:38%;margin-left:-20px;width:40px;height:40px;background:url(img/icon-play.png) no-repeat 0 0;cursor:pointer;z-index:11;overflow:hidden;}
.video-box .video-box-title{position:absolute;top:20%;left:50%;margin-left:-595px;width:1190px;color:#fff;text-align:center;z-index:3;overflow:hidden;}
.video-box .video-box-title h2{margin-top:75px;font-size:48px;font-weight:bold;}
.video-box .video-box-title h2 i{position:relative;top:-8px;font-style:normal;font-size:24px;}
.video-box .video-box-title h3{font-size:28px;font-family:arial;}
.video-box .video-box-title li{float:left;width:300px;margin:35px 0 0 200px;}
.video-box .video-box-title li em{display:inline-block;width:50px;height:50px;background:url(img/sprite.png) no-repeat -195px -110px;overflow:hidden;}
.video-box .video-box-title li h4{height:60px;line-height:60px;font-size:28px;font-weight:bold;overflow:hidden;}
.video-box .video-box-title li p{font-size:16px;}
.video-box .video-box-title li .icon01{background-position:-195px -110px;}
.video-box .video-box-title li .icon02{background-position:-195px -162px;}

.floor{height:450px;color:#333;overflow:hidden;}
.floor .w{padding:35px 0;}
.floor-l{float:left;width:280px;padding:10px 0 0 50px;overflow:hidden;}
.floor-l h3,.floor-l h3 a{font-size:36px;font-weight:bold;color:#fff;}
.floor-l h3 a:hover{text-decoration:none;}
.floor-r{float:left;width:860px;overflow:hidden;}
.floor-l-title{position:relative;float:left;height:24px;line-height:24px;font-size:14px;padding:0 20px 0 10px;margin:15px 0 30px;overflow:hidden;}
.floor-l-title i{position:absolute;right:0;top:0;width:0;height:0;border-top:12px solid transparent;border-right:12px solid #ffa159;border-bottom:12px solid transparent;}
.floor-l-title span{position:relative;top:1px;padding-left:5px;font-family:'ËÎÌå';}
.floor .floor-l ul{clear:left;font-size:18px;}
.floor .floor-l ul li{height:58px;line-height:58px;margin-bottom:30px;}
.floor .floor-l li em{position:relative;float:left;top:0;display:block;width:56px;height:56px;margin-right:15px;background:url(img/sprite.png) no-repeat 0 0;overflow:hidden;}
.floor .floor-l li .icon01{background-position:0 0;}
.floor .floor-l li .icon02{background-position:0 -57px;}
.floor .floor-l li .icon03{background-position:0 -114px;}
.floor .floor-l li .icon04{background-position:0 -171px;}
.floor .floor-l li .icon05{background-position:0 -228px;}
.floor .floor-l li .icon06{background-position:0 -285px;}
.floor .floor-l li .icon07{background-position:0 -342px;}
.floor .floor-l li .icon08{background-position:0 -399px;}
.floor .floor-l li .icon09{background-position:0 -456px;}
.floor .floor-l li .icon10{background-position:0 -513px;}
.floor .floor-l li .icon11{background-position:0 -570px;}
.floor .floor-l li .icon12{background-position:0 -627px;}
.floor .floor-l li .icon13{background-position:0 -684px;}
.floor .floor-l li .icon14{background-position:0 -741px;}
.floor .floor-l li .icon15{background-position:0 -798px;}
.floor .floor-l li .icon16{background-position:0 -855px;}
.floor .floor-l li .b-icon01{background-position:-60px 0;}
.floor .floor-l li .b-icon02{background-position:-60px -57px;}
.floor .floor-l li .b-icon03{background-position:-60px -114px;}
.floor .floor-l li .b-icon04{background-position:-60px -171px;}
.floor .floor-l li .b-icon05{background-position:-60px -228px;}
.floor .floor-l li .b-icon06{background-position:-60px -285px;}
.floor .floor-l li .b-icon07{background-position:-60px -342px;}
.floor .floor-l li .b-icon08{background-position:-60px -399px;}
.floor .floor-l li .b-icon09{background-position:-60px -456px;}
.floor .floor-l li .b-icon10{background-position:-60px -513px;}
.floor .floor-l li .b-icon11{background-position:-60px -570px;}
.floor .floor-l li .b-icon12{background-position:-60px -627px;}
.floor .floor-l li .b-icon13{background-position:-60px -684px;}

.floor1{background:#f0f2fa;}
.floor1 .floor-l-title{background:#333;color:#fff;}
.floor1 .floor-l-title i{border-right:12px solid #f0f2fa;}
.floor1 .floor-l a{color:#333;}
.floor1 .img-left{float:left;width:425px;height:380px;overflow:hidden;}
.floor1 .floor1-main{float:left;width:405px;padding:30px 0 0 30px;height:350px;background:#fff;}
.floor1 .floor1-main h4,.floor1 .floor1-main h4 a{margin-bottom:10px;font-size:24px;font-weight:bold;color:#333;}
.floor1 .floor1-main h4 a:hover{color:#ffa200;text-decoration:none;}
.floor1 .floor1-main p{font-size:14px;color:#666;}
.floor1 .floor1-main-t{margin-top:30px;}
.floor1 .floor1-main-a{float:left;width:195px;margin-top:35px;}
.floor1 .floor1-main-a a{position:relative;display:block;margin-bottom:30px;width:158px;height:38px;line-height:38px;font-size:14px;text-indent:50px;font-weight:bold;border:1px solid #ffa200;background:#fff;color:#ffa200;border-radius:4px;cursor:default;}
.floor1 .floor1-main-a a.iphone{border:1px solid #ffa200;}
.floor1 .floor1-main-a a em{position:absolute;left:20px;top:8px;display:inline-block;width:25px;height:30px;margin-right:5px;background:url(img/sprite.png) no-repeat -225px -28px;}
.floor1 .floor1-main-a a.iphone em{background:url(img/sprite.png) no-repeat -175px -28px;}
.floor1 .floor1-main-a a.iphone.hover em{background-position:-150px -28px;}
.floor1 .floor1-main-a a.hover,.floor1 .floor1-main-a a:hover{text-decoration:none;}
.floor1 .floor1-main-a a.hover{color:#fff;background:#fca128;}
.floor1 .floor1-main-a a.hover em{background-position:-200px -28px;color:#fff;}



.floor1 .floor1-main-t p{clear:left;width:178px;padding-top:12px;text-align:center;color:#999;}
.floor1 .floor1-main-img{float:left;width:178px;height:178px;line-height:178px;text-align:center;background:url(img/fl-bg.png) no-repeat 0 0;}
.floor1 .floor1-main-img img{margin-top:12px;}
.floor2{background:url(img/floor2_bg.jpg) no-repeat center top;}
.floor2 .floor-l-title{background:#fff;color:#f70;}
.floor2 .floor-l-title i{border-right:12px solid #d48543;}
.floor2 .img-width{width:280px;height:180px;overflow:hidden;}
.floor2 .floor-l h3,.floor2 .floor-l h3 a{color:#fff;}
.floor2 .floor-l h3 a:hover{color:#fff;}
.floor2 .floor-l{color:#fff;}
.floor2 .floor-r ul{width:870px;}
.floor2 .floor-r li{float:left;width:280px;height:380px;text-align:center;background:#fff;margin-right:10px;overflow:hidden;}
.floor2 .floor-r li h5,.floor2 .floor-r li h5 a{margin:20px 0 13px;font-size:24px;font-weight:bold;color:#333;}
.floor2 .floor-r li h5 a:hover{color:#ffa200;text-decoration:none;}
.floor2 .floor-r li span{display:inline-block;margin-bottom:20px;padding:0 13px;color:#f70;font-size:14px;height:24px;line-height:24px;border:1px solid #ffa200;}
.floor2 .floor-r li p{height:30px;line-height:30px;padding-left:30px;font-size:14px;color:#666;text-align:left;}
.floor2 .floor-r li p i{position:relative;top:-2px;padding-right:6px;color:#ccc;display:inline-block;font-size:12px;font-style:normal;}
.floor3{background:url(img/floor4_bg.jpg) no-repeat center top;color:#fff;}
.floor3 .floor-l-title{background:#fff;color:#00bedb;}
.floor3 .floor-l-title i{border-right:12px solid #19c8e7;}
.floor4{background:url(img/bf4_bg.png) no-repeat center top;}
.floor4_new{background:url(img/bf4_bg_new.png) no-repeat center top;}
.floor4 .floor-l-title{background:#333;color:#fff;}
.floor4 .floor-l-title i{border-right:12px solid #efeff7;}
.floor4 .floor-l h3,.floor4 .floor-l h3 a{color:#333;}
.floor4 .floor-l h3 a:hover{color:#333;}
.floor4 .floor-l{color:#333;}

.floor4_new .floor-l h3 a,.floor4_new .floor-l h3 a:hover,.floor4_new .floor-l li{color:#333;}
.floor4_new .floor-l-title{background:#333;color:#fff;}
.floor4_new .floor-l-title i{border-right:12px solid #efeff7;}


.floor3 .floor-r ul,.floor4 .floor-r ul{float:left;width:580px;}
.floor3 .floor-r ul.more,.floor4 .floor-r ul.more{width:280px;}
.floor3 .floor-r li,.floor4 .floor-r li{position:relative;float:left;width:280px;height:185px;margin:0 10px 10px 0;overflow:hidden;}
.floor3 .floor-r ul.more li,.floor4 .floor-r ul.more li{height:380px;margin:0;}
.floor3 .floor-r li p,.floor4 .floor-r li p{position:absolute;left:0;bottom:0;width:280px;height:44px;line-height:44px;font-size:24px;font-weight:bold;color:#fff;text-align:center;z-index:1;overflow:hidden;}
.floor3 .floor-r li a p,.floor4 .floor-r li a p{cursor:pointer;}
.floor3 .floor-r li a:hover p,.floor4 .floor-r li a:hover p{text-decoration:none;}
.floor3 .floor-r li em,.floor4 .floor-r li em{
	position:absolute;
	left:0;
	bottom:0;
	width:280px;
	height:44px;
	background:#000;
	opacity:0.4;
	z-index:0;
	filter: Alpha(Opacity=40);
}
.floor5{height:500px;background:#f0f2fa;}
.floor5 .floor-l{margin-top:-10px;padding-top:0;}
.floor5 .floor-l a{color:#333;}
.floor5 .floor-l-title{background:#333;color:#fff;}
.floor5 .floor-l-title i{border-right:12px solid #f0f2fa;}
.floor5 .img-width{width:280px;height:180px;overflow:hidden;}
.floor5 .floor-r ul{width:870px;}
.floor5 .floor-r li{float:left;width:280px;height:430px;text-align:center;background:#fff;margin-right:10px;overflow:hidden;}
.floor5 .floor-r li h5,.floor5 .floor-r li h5 a{margin:20px 0 13px;font-size:24px;font-weight:bold;color:#333;}
.floor5 .floor-r li h5 a:hover{color:#ffa200;text-decoration:none;}
.floor5 .floor-r li span{display:inline-block;margin-bottom:20px;padding:0 13px;color:#f70;font-size:14px;height:24px;line-height:24px;border:1px solid #ffa200;}
.floor5 .floor-r li p{height:30px;line-height:30px;padding-left:30px;font-size:14px;color:#666;text-align:left;}
.floor5 .floor-r li p i{position:relative;top:-2px;padding-right:6px;color:#ccc;display:inline-block;font-size:12px;font-style:normal;}
.floor5 .floor-r li .submit{display:inline-block;margin-top:18px;width:120px;height:40px;line-height:40px;border-radius:5px;background:#ffa200;color:#fff;font-size:16px;font-weight:bold;text-align:center;overflow:hidden;}
.floor5 .floor-r li .submit:hover{background:#eb9500;text-decoration:none;}

.floor .img-scale{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease-in;}
.floor .img-scale:hover{-webkit-transform: scale(1.03, 1.03);-moz-transform: scale(1.03, 1.03);-o-transform: scale(1.03, 1.03);transform: scale(1.03, 1.03);}

.b_floor{height:640px;padding:40px 0;background:#fff;overflow:hidden;}
.b_floor h2{font-size:36px;font-weight:bold;color:#333;text-align:center;}
.b_floor h3{padding-top:5px;font-size:24px;color:#999;text-align:center;}
.b_floor .b_floor_list{clear:left;margin:45px 0 70px;padding-left:150px;border-top:1px solid #e8e8e8;overflow:hidden;}
.b_floor .b_floor_list dl{float:left;width:500px;margin:60px 0 0 0;}
.b_floor .b_floor_list dt{float:left;width:72px;height:60px;margin-right:30px;background:url(img/sprite.png) no-repeat -120px -110px;overflow:hidden;}
.b_floor .b_floor_list .b_fimg01{background-position:-120px -110px;}
.b_floor .b_floor_list .b_fimg02{background-position:-120px -170px;}
.b_floor .b_floor_list .b_fimg03{background-position:-120px -230px;}
.b_floor .b_floor_list .b_fimg04{background-position:-120px -290px;}
.b_floor .b_floor_list dd{float:left;}
.b_floor .b_floor_list dd h4{font-size:24px;color:#333;}
.b_floor .b_floor_list dd p{height:40px;line-height:40px;font-size:14px;color:#999;overflow:hidden;}
.b_floor ul li{float:left;width:196px;text-align:center;overflow:hidden;}
.b_floor ul li em{display:inline-block;width:84px;height:84px;background:url(img/sprite.png) no-repeat -120px -350px;}
.b_floor ul li p{height:50px;line-height:50px;font-size:18px;color:#333;overflow:hidden;}
.b_floor ul li .b_ficon01{background-position:-120px -350px;}
.b_floor ul li .b_ficon02{background-position:-120px -435px;}
.b_floor ul li .b_ficon03{background-position:-120px -520px;}
.b_floor ul li .b_ficon04{background-position:-120px -605px;}
.b_floor ul li .b_ficon05{background-position:-120px -690px;}
.b_floor ul li .b_ficon06{background-position:-120px -775px;}

.b_floor1{background:url(img/bf1_bg.jpg) no-repeat center top;color:#fff;}
.b_floor1 .floor-l-title{background:#fff;color:#f70;}
.b_floor1 .floor-l-title i{border-right:12px solid #ffa159;}
.b_floor1 .floor-l h3,.b_floor1 .floor-l h3 a{color:#fff;}
.b_floor1 .floor-l h3 a:hover{color:#fff;}
.b_floor1 .img-left{float:left;width:425px;height:380px;overflow:hidden;}
.b_floor1 .floor1-main{float:left;width:405px;padding:30px 0 0 30px;height:350px;background:#fff;}
.b_floor1 .floor1-main h4,.b_floor1 .floor1-main h4 a{margin-bottom:10px;font-size:24px;font-weight:bold;color:#333;}
.b_floor1 .floor1-main h4 a:hover{color:#ffa200;text-decoration:none;}
.b_floor1 .floor1-main p{font-size:14px;color:#666;}
.b_floor1 .floor1-main-t{margin-top:30px;}
.b_floor1 .floor1-main-a{float:left;width:195px;margin-top:35px;}
.b_floor1 .floor1-main-a a{position:relative;display:block;margin-bottom:30px;width:158px;height:38px;line-height:38px;font-size:14px;text-indent:51px;font-weight:bold;border:1px solid #3399fe;background:#fff;color:#3399fe;border-radius:4px;}
.b_floor1 .floor1-main-a a em{position:absolute;left:20px;top:1px;display:inline-block;width:25px;height:30px;margin-right:5px;background:url(img/sprite.png) no-repeat -150px -63px;overflow:hidden;}
.b_floor1 .floor1-main-a a.iphone em{height:26px;top:6px;background-position:-173px 0;}
.b_floor1 .floor1-main-a a.iphone.hover{border:1px solid #3399fe;background:#39f;color:#fff;}
.b_floor1 .floor1-main-a a.iphone.hover em{top:6px;background-position:-150px 0;}
.b_floor1 .floor1-main-a a.hover{background:#39f;text-decoration:none;color:#fff;}
.b_floor1 .floor1-main-a a.hover em{background-position:-175px -63px;text-decoration:none;}
.b_floor1 .floor1-main-t p{clear:left;width:178px;padding-top:12px;text-align:center;color:#999;}
.b_floor1 .floor1-main-img{float:left;width:178px;height:178px;line-height:178px;text-align:center;background:url(img/fl-bg.png) no-repeat 0 0;}
.b_floor1 .floor1-main-img img{margin-top:12px;}

.b_floor2{height:630px;background:#f0f2fa;}
.b_floor2 h3 a{color:#333;}
.b_floor2 .floor-l{padding-top:50px;}
.b_floor2 .floor-l h3 a:hover{color:#39f;}
.b_floor2 .floor-l-title{background:#333;color:#fff;}
.b_floor2 .floor-l-title i{border-right:12px solid #f0f2fa;}
.b_floor2 .floor-r{width:870px;margin-left:-10px;}
.b_floor2 .floor-r dl{float:left;width:425px;height:180px;margin:0 0 10px 10px;background:#fff;overflow:hidden;}
.b_floor2 .floor-r dt{float:left;width:180px;height:180px;overflow:hidden;}
.b_floor2 .floor-r dd{float:left;margin:20px 0 0 30px;}
.b_floor2 .floor-r dd h5,.b_floor2 .floor-r dd h5 a{margin-bottom:10px;color:#333;font-size:24px;font-weight:bold;}
.b_floor2 .floor-r dd h5 a:hover{color:#39f;text-decoration:none;}
.b_floor2 .floor-r dd p{height:30px;line-height:30px;color:#666;font-size:14px;}
.b_floor2 .floor-r dd p i{position:relative;top:-2px;padding-right:6px;color:#ccc;display:inline-block;font-size:12px;font-style:normal;}

.b_floor3{background:url("img/bf3_bg.jpg") no-repeat center top;color: #fff;}
.b_floor3 .floor-l-title{background:#fff;color:#43acfa;}
.b_floor3 .floor-l-title i{border-right:12px solid #399cfa;}
.b_floor3 h3,.b_floor3 h3 a{font-size:36px;font-weight:bold;color:#fff;}
.b_floor3 h3 a:hover{color:#fff;}
.b_floor3 .img-width{width:280px;height:180px;overflow:hidden;}
.b_floor3 .floor-r ul{width:870px;}
.b_floor3 .floor-r li{float:left;width:280px;height:380px;text-align:center;background:#fff;margin-right:10px;overflow:hidden;}
.b_floor3 .floor-r li h5,.b_floor3 .floor-r li h5 a{margin:20px 0 13px;font-size:24px;font-weight:bold;color:#333;}
.b_floor3 .floor-r li h5 a:hover{color:#ffa200;text-decoration:none;}
.b_floor3 .floor-r li span{display:inline-block;margin-bottom:20px;padding:0 13px;color:#f70;font-size:14px;height:24px;line-height:24px;border:1px solid #ffa200;}
.b_floor3 .floor-r li p{height:20px;line-height:20px;font-size:14px;color:#666;}
.b_floor3 .floor-r li p i{position:relative;top:-2px;padding-right:6px;color:#ccc;display:inline-block;font-size:12px;font-style:normal;}
.b_floor3 .floor-r li .submit{display:inline-block;margin-top:18px;width:120px;height:40px;line-height:40px;border-radius:5px;background:#39f;color:#fff;font-size:16px;font-weight:bold;text-align:center;overflow:hidden;}
.b_floor3 .floor-r li .submit:hover{background:#2f8ae7;text-decoration:none;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;line-height:60px;font-size:20px;color:#fff;overflow:hidden;background: url("img/arrow.png") no-repeat;z-index:6;}
.arrow a{display:block;width:60px;height:60px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

@keyframes arrow{%0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-moz-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-o-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

.other-info{clear:both;height:140px;background:#fff;overflow:hidden;}
.other-info .title{font-size: 16px;line-height: 60px;color: #333 !important;}
.other-info .title i{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:-4px 10px 0 0;
    background: url("img/enter-icon.png");
    vertical-align: middle;
}
.other-info .news{
    width: 550px;
    float: left;
    padding-bottom: 20px;
}
.other-info .news p{
    color: #999;
    line-height: 20px;
}
.other-info .news p a{color:#999;}
.other-info .news p a:hover{color:#f70;}
.other-info .news .title i{
    background-position: -2px -70px;
}
.other-info .news .title{
    line-height: 60px;
}
.other-info .watch,.other-info .client{
	position:relative;
    width: 410px;
    float: left;
    padding-bottom: 20px;
}
.other-info .client .khd-pop{display:none;position:absolute;left:80px;bottom:-10px;width:100px;height:100px;background:#F36;overflow:hidden;}
.other-info .client img{ position:absolute;left:0;top:60px;}
.other-info .client .title i{
    background-position: -2px -92px;
}
.other-info .khd p{
    margin-left: 80px;
	color:#999;
}
.other-info .khd p.pt15{margin-top:15px;}
.other-info .khd span{
    color: #f70;
}
.other-info .watch .title i{
    background-position: -24px -70px;
}
.other-info .service{
    width: 180px;
    float: left;
    padding-bottom: 20px;
}
.other-info .service p span{float:left;padding:15px 0 0 5px;color:#999;}
.other-info .service .title i{
    background-position: -46px -70px;
}
.watch .channel{
    width: 115px;
    height: 20px;
    line-height: 20px;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}
.watch .channel span{
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0 5px;
    background: url("img/enter-icon.png") -1px -116px no-repeat;
    cursor: pointer;
    vertical-align: middle;
}
.watch .channel.wb{
    margin-top: 10px;
}
.watch .channel.wb a{
    color: #999;
    text-decoration: none;
}
.watch .channel.wb span{
    background-position: -38px -116px;
}
.watch .channel.wb:hover{
    border: 1px solid #e62e2e;
}
.watch .channel.wb:hover a{
    color:#e62e2e;
}
.watch .channel.wx:hover{
    color:#39bd65;
    border: 1px solid #39bd65;
}
.watch .channel.wx:hover span{
    background-position:  -20px -116px;
}
.watch .wx:hover .e-code{
    display: block;
}
.watch .channel.wb:hover span{
    background-position: -56px -116px;
}
.watch .e-code{
    display: none;
    width: 100px;
    padding-top:13px;
    height: 105px;
    position: absolute;
    margin: -57px 0 0 121px;
    *margin:-39px 0 0 31px;
    text-align: center;
    background: url("img/code-bg.png") 0 0 no-repeat;
}