@-webkit-keyframes bubble-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  20% {
    -webkit-transform: scaleY(0.95) scaleX(1.05);
    transform: scaleY(0.95) scaleX(1.05); }

  48% {
    -webkit-transform: scaleY(1.1) scaleX(0.9);
    transform: scaleY(1.1) scaleX(0.9); }

  68% {
    -webkit-transform: scaleY(0.98) scaleX(1.02);
    transform: scaleY(0.98) scaleX(1.02); }

  80% {
    -webkit-transform: scaleY(1.02) scaleX(0.98);
    transform: scaleY(1.02) scaleX(0.98); }

  97%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bubble-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  20% {
    -webkit-transform: scaleY(0.95) scaleX(1.05);
    transform: scaleY(0.95) scaleX(1.05); }

  48% {
    -webkit-transform: scaleY(1.1) scaleX(0.9);
    transform: scaleY(1.1) scaleX(0.9); }

  68% {
    -webkit-transform: scaleY(0.98) scaleX(1.02);
    transform: scaleY(0.98) scaleX(1.02); }

  80% {
    -webkit-transform: scaleY(1.02) scaleX(0.98);
    transform: scaleY(1.02) scaleX(0.98); }

  97%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes updown
{
  0%{transform:translateY(0px);}
  50%{transform:translateY(20px);}
  100%{transform:translateY(0px);}
}
@-webkit-keyframes updown
{
  0%{transform:translateY(0px);}
  50%{transform:translateY(20px);}
  100%{transform:translateY(0px);}
}





iframe:focus {
    outline: none;
}
iframe[seamless] {
    display: block;
}
.bubble-wrap {
	width:325px;
	height:325px;
	background:url(../images/bubble-l.png) no-repeat scroll 0 0;
	background-size:100% 100%;
	text-align:center;
	position:fixed;
	left:30px;
	top:14%;
	z-index:10;
	color:#fff;
	border-radius:50%;
	animation: updown 6s ease infinite;
	-webkit-animation: updown 6s ease infinite;
}
.bubble-wrap iframe {
	height:100%;
	width:100%;
	border-radius:50%;
	overflow:hidden;
}

.bubble-wrap:before {
	content:'LIVE';
	color:#fff;
	font-weight:bold;
	font-size:22px;
	line-height:85px;
	width:85px;
	height:85px;
	background:url(../images/bubble-sm.png) no-repeat scroll 0 0;
	background-size:100% 100%;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	color:#fff;
	border-radius:50%;
	margin:-10px -10px 0 0;
	animation: bubble-anim 3s ease infinite 3s;
	-webkit-animation: bubble-anim 3s ease infinite 3s;
}
.bubble-wrap:after {
	content:'';
	width:45px;
	height:45px;
	background:url(../images/bubble-sm.png) no-repeat scroll 0 0;
	background-size:100% 100%;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
	color:#fff;
	border-radius:50%;
	margin:0 -5px 10px 0;
	animation: bubble-anim 3s ease-out infinite;
	-webkit-animation: bubble-anim 3s ease-out infinite;
}






.home-slide{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0; height:100%}
.home-slide li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;  height:100%}
.home-slide li:first-child{position:relative;display:block;float:left}
.home-slide img{display:block; width:100%;/*height:auto;float:left;width:100%;border:0*/}
.slide-container{position:relative;overflow:hidden;background:#000;}
.slide-container .rslides_nav{background:url(../images/sprite.png) no-repeat scroll 0 0;height:50px;opacity:0;overflow:hidden;position:absolute;text-indent:-999px;top:50%;transition:all .4s ease 0;width:27px;z-index:99;margin-top:-25px}
.slide-container .rslides_nav.prev{left:0}
.slide-container .rslides_nav.next{background-position:-27px 0;right:0}
.banner-container:hover .slide-container .rslides_nav.prev{left:50px;opacity:1}
.banner-container:hover .slide-container .rslides_nav.next{opacity:1;right:50px}
.slide-container .rslides_tabs{bottom:10px;left:0;position:absolute;text-align:center;width:100%;z-index:99}
.slide-container .rslides_tabs li{display:inline-block;padding:0 8px;vertical-align:top}
.slide-container .rslides_tabs li a{border:2px solid #fff;border-radius:50%;display:block;height:12px;transition:all .4s ease 0;width:12px;text-indent:-999px;overflow:hidden}
.slide-container .rslides_tabs li.rslides_here a{background:#3774af; border-color:#3774af;}


.slider-inner{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.slider-inner li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0; background:#fff;}
.slider-inner li:first-child{position:relative;display:block;float:left}
.slider-inner img{display:block;/*height:auto;float:left;width:100%;border:0*/}
.pro-slide .rslides_tabs{text-align:center;width:100%;display:block; padding-top:20px;}
.pro-slide .rslides_tabs li{display:inline-block;padding:0 5px;vertical-align:top}
.pro-slide .rslides_tabs li a{border:1px solid #f1f1f1;border-radius:50%;display:block;height:10px;transition:all .4s ease 0;width:10px;text-indent:-999px;overflow:hidden; box-shadow:0 0 3px 0 rgba(0,0,0,0.3); background:#fff;}
.pro-slide .rslides_tabs li.rslides_here a{background:#3774af; border-color:#3774af;}

.bnr-txt {
	position:absolute;
	left:80px;
	bottom:70px;
}

@media only screen and (max-width:1400px) {
	.bnr-txt {height:60px; left:35px;}
}
@media only screen and (max-width:980px) {
.banner-container:hover .slide-container .rslides_nav.prev{left:10px}
.banner-container:hover .slide-container .rslides_nav.next{right:10px}
.slide-container .rslides_tabs {bottom:20px;}
.bnr-txt {height:45px; bottom:60px;}
}
@media only screen and (max-width:767px) {
.slide-container .rslides_tabs{bottom:15px}

.bnr-txt {
    height: 22px;
    bottom: 70px;
	 left:15px;
}
.sticky-frame {display:none;}


.bubble-wrap {width:200px; height:200px; position:absolute; left:10px; top:65px;}
.bubble-wrap:before {width:50px; height:50px; line-height:50px; font-size:14px;}
.bubble-wrap:after {width:30px; height:30px;}

}