@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
a{
	text-decoration:none;
}
table {
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
	list-style: none;
	margin:0;
	padding:0;
}
caption,th {
	text-align: left;

}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
p{
	font-size: 2em;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}
#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}



/* Demos Menu
 * --------------------------------------- */
#demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
}



/*css document
* @description: 中文说明
* @author: Chris
* @date: 2017.5.25
* @content: ç½‘é¡µä¸»è¦æ¡†æž¶æ ·å¼
*/

/*restart*/
*{margin:0px;padding:0px;}
html,body{height:100%;background-color: white;}
body{font-family: "Hiragino Sans GB","STHeiti","Microsoft YaHei","微软雅黑","simsun","sans-serif",Arial;font-size:85%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;font-style:normal;}
table,td,tr{border:none;border-collapse:collapse;}
ul,ol,li{list-style:none;}
img,fieldset{border:medium none;display:block;}
img{vertical-align:left;}
a{cursor:pointer;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#1d2855;text-decoration:none;}
a{outline:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;width:1px;overflow:hidden;height:0;}
.hidden{display: none;}
.relative{position: relative;}
.absolute{position: absolute;}
.fl{float: left}
.fr{float: right}

/*slick*/
.slick{position: relative}
.slick-slide{position: relative}
.slick-prev{width:72px;height:110px;background: url("../images/arrows.png");border:0;position:absolute;top:50%;left:50%;margin-top: -55px; margin-left: -480px;z-index: 1;font-size: 0px;outline:0;cursor: pointer;}
.slick-prev:hover{background: url("../images/arrows2.png");}
.slick-next:hover{background: url("../images/arrows2.png") -940px 0;}

.slick-next{width:54px;height:110px;background: url("../images/arrows.png") -940px 0;border:0;position:absolute;top:50%;right:50%;margin-right: -480px;margin-top: -55px; z-index: 1;font-size: 0px;outline:0;cursor: pointer;}
.slick-art3-mbs{position: absolute;bottom:3%;right:47%; }
.slick-art3-mbs li{float:left;}
.slick-art3-mbs button{width:12px;height:12px;border-radius:12px;margin:0 2px;background: white;outline: none;border: 0;font-size: 0;}

.art-slick{
	width: 504px;
	height: 504px;
	float: left;
}

.slick-dots{
	width: 98px;
	position: absolute;
	bottom: 14px;
	left: 50%;
	margin-left: -49px;
}
.slick-dots li{
	float: left;
}
.slick-dots button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cccccc;
	font-size: 0;
	outline: none;
	border: none;
	margin:0  15px 0 0;
}
.slick-dots li:last-child button{
	margin-right: 0
}

.slick-active button{
	background: #f2b719
}

/*main*/
#fullpage{background: url(../files/images/bg2.png);background-repeat: repeat;background-position: center}


@font-face{font-family: HelveticaMedIt;src: url(../fonts/HelveticaMedIt.ttf);}
@font-face{font-family: HelveticaNeueBd;src: url(../fonts/HelveticaNeueBd.ttf);}

/*navbar*/
.navbar .container{width:1025px;height:107px; margin:0 auto;padding: 17px 0 0 0; position: relative;eft: 0;top: 0;}
.navbar-box{width:100%;background: rgba(0,0,0,0.5);position: absolute;top:0;z-index: 999;}
.nav-input{position: relative}
.nav-input img{position: absolute;right:3%;top:15%;}
.nav-input input{width:170px;height:28px;border-radius:35px;outline: none;background: #4d495a;border:#7f7f7f;padding:0 30px 0 20px;color:#bebebe;box-sizing: border-box}
.nav-input input::-webkit-input-placeholder{color: #bebebe; }
.nav-input input:-moz-placeholder{color: #bebebe;}

.navbar .nav-left{width:240px;height:80px; float: left;margin-top: 26px;}
.navbar .nav-left p{font-size: 16px;color:white;}
.navbar .nav-middle{width: 599px;height:35px;margin:30px 0 0 40px;float: left;}
.navbar .nav-middle p{font-weight: bold;font-size: 17px;}
.navbar .nav-middle li{margin-right: 25px;float: left;color:white;cursor: pointer;font-size: 18px;line-height: 20px;}
.navbar .nav-middle li .mid-5{margin-right: 0; }
.navbar .nav-middle li .clear{margin-right: 0; }
.navbar .nav-middle li a{color:white;font-family:'times';font-weight: bold;font-style: italic}

.navbar .nav-right{width:145px;margin-top:10px;overflow: hidden; float: right;color:white;cursor: pointer}
.navbar .nav-right p{font-size: 17px;text-align: right;font-family:HelveticaNeueBd;}
.navbar .nav-right:hover p,.navbar .nav-right:hover span{
	color: rgb(51, 204, 255)
}
.navbar .nav-right span{font-size: 17px;text-align: right;display: block;font-family:HelveticaNeueBd;}
.navbar .nav-right h2{font-size: 17px;text-align: right;color:white;display: block;font-family:HelveticaNeueBd;}

.nav-drag{width:600px;height:auto; position: absolute; bottom:-13%;right:15%; z-index: 999}
.nav-drag li{width:140px; padding:25px 8px 0 12px;font-size: 7px;text-align: left;overflow: hidden;float: left}
.nav-drag li p{z-index: 999;margin-bottom: 20px;}
.nav-drag li p a{color:white;}
.nav-drag .mid-1-1{width:180px;padding-left:20px; background: #ff4a7d;display: none;position: absolute;left:0;top:-19px;}
.nav-drag .mid-1-2{width:180px;padding-left:20px; background: #ee2cc3;margin-left: -20px;;display: none;position: absolute;left:31%;top:-19px;}
.nav-drag .mid-1-3{width:180px;padding-left:20px; background: #c534fb;margin-left: -20px;;display: none;position: absolute;left:51%;top:-19px;}
.nav-drag .mid-1-4{width:180px;padding-left:20px; background: #9353fc;margin-left: -20px;;display: none;position: absolute;left:67%;top:-19px;}
.nav-drag .mid-1-5{width:180px;padding-left:20px; background: #3d8cf9;margin-left: -20px;;display: none;position: absolute;left:87%;top:-19px;}
.nav-drag .mid-1-6{width:125px!important; background: #19b8f2;margin-left: -20px;;display: none;position: absolute;left:104.5%;top:-19px;}



/*foot*/
.foot{width:100%;height:280px;margin-top: 18px;background: #999999;overflow: hidden;}
.foot .foot-box{width:1025px;height:230px;margin:25px auto;}
.foot .foot-box .foot-left{width:255px;height:200px;float: left}

.foot .foot-mid{width:240px;height:200px;float: left;margin-left: 25px;}
.foot .foot-mid h2{font-size: 24px;margin-bottom: 10px;text-align: left;}
.foot .foot-mid h2 a{color:white}
.foot .foot-right{width:505px;height:200px;float: left}
.foot .foot-right h2{font-size: 24px;margin-bottom: 10px;text-align: left;}
.foot .foot-right h2 a{color:white;text-align: left;}
.foot .foot-right  p{font-size: 12px;line-height: 30px;color:white;font-family:HelveticaNeueBd;text-align: left;}
.foot .foot-right  p a{color:white}

.foot .foot-bot{width:100%;height:20px;font-family:HelveticaNeueBd;font-size: 16px;}
.foot .foot-bot p{font-size: 14px;}
.foot .foot-bot .foot-2{margin-left:35px;}

.foot .foot-bot p a{color:white}

/*jiathis*/
.jiathis_style  .button, .jiathis_style .jiathis_txt{float:none!important}
.jiathis_style  .jtico{width:195px!important;height:35px!important;display: block;padding-left:45px!important;text-align: left!important; margin-left:0!important;line-height: 35px!important;color:white!important;font-family:HelveticaNeueBd!important;font-size: 14px!important}
.jiathis_style  .jtico_tsina{background: url("../images/weibo.png") no-repeat left!important;margin-top: 3px!important;}
.jiathis_style  .jtico_weixin{background: url("../images/wechat.png") no-repeat left!important;margin-top: 3px!important;}
.jiathis_style  .jtico_fb{background: url("../images/facebook.png") no-repeat left!important;margin-top: 3px!important;}
.jiathis_style  .jtico_twitter{background: url("../images/triter.png") no-repeat left!important;margin-left: 2px!important;}
#jiathis_webchat img{margin:20px auto 0 auto!important;}
#jiathis_weixin_h3{text-align: center!important;}


/*article-header*/
.article-header{width:1010px;height:40px;margin:0 auto; background: #a8a8a8;padding-left:15px}
.article-header h1{color:white;font-size: 14px;float: left;line-height: 40px;font-family:HelveticaNeueBd;background: url("../images/tran.png") no-repeat right center;padding-right: 18px;}
.article-header h1 a{color:white}
.article-header h2{color:white;font-size: 14px;float: left;line-height: 40px;font-family:HelveticaNeueBd;background: url("../images/tran.png") no-repeat right center;padding-right: 18px;margin-left: 10px;}
.article-header h2 a{color:white}
.article-header h3{font-size: 14px;float: left;line-height: 40px;font-family:HelveticaNeueBd;margin-left: 10px;color:#00ccff}
.article-header h3 a{color:#8562a7}

.article{width:1025px;height:auto;margin:0 auto;background: white;position: relative;overflow: hidden}
.article-menu{width:215px;height:auto;margin-left:15px;margin-top:40px;float: left}
.article-menu h1{width:185px;height:auto;background: #f0efef;font-size: 17px;padding:30px 0 0 30px;font-family:HelveticaNeueBd;}
.article-menu h1 a{width:155px;display: block;border-bottom: 2px solid #8562a7;padding-bottom: 20px;}
.article-menu h2{width:185px;height:auto;background: #f0efef;font-size: 17px;padding:30px 0 0 30px;font-family:HelveticaNeueBd;}
.article-menu h2 a{width:155px;display: block;border-bottom: 2px solid #8562a7;padding-bottom: 20px;}
.article-menu h3{width:185px;height:auto;background: #f0efef;font-size: 17px;padding:30px 0 0 30px;font-family:HelveticaNeueBd;}
.article-menu h3 a{width:155px;display: block;border-bottom: 2px solid #8562a7;padding-bottom: 20px;}
.article-menu h4{width:185px;height:auto;background: #f0efef;font-size: 17px;padding:30px 0 0 30px;font-family:HelveticaNeueBd;}
.article-menu h4 a{width:155px;display: block;border-bottom: 2px solid #8562a7;padding-bottom: 20px;}
.article-menu h5{width:185px;height:auto;background: #f0efef;font-size: 17px;padding:30px 0 0 30px;font-family:HelveticaNeueBd;}
.article-menu h5 a{width:155px;display: block;padding-bottom: 20px;}

.article-menu h1:hover{background-color: #8562a7;background:url("../images/bg.png") repeat center;color:white;}
.article-menu h1:hover a{color:white;;background: url("../images/tran2.png") no-repeat;background-position: 100% 10%;padding-right: 25px}
.article-menu h2:hover{background-color: #8562a7;background:url("../images/bg.png") repeat center;color:white}
.article-menu h2:hover a{color:white;background: url("../images/tran2.png") no-repeat;background-position: 100% 10%;padding-right: 25px}
.article-menu h3:hover{background-color: #8562a7;background:url("../images/bg.png") repeat center;color:white}
.article-menu h3:hover a{color:white;background: url("../images/tran2.png") no-repeat;background-position: 80% 10%;}
.article-menu h4:hover{background-color: #8562a7;background:url("../images/bg.png") repeat center;color:white}
.article-menu h4:hover a{color:white;background: url("../images/tran2.png") no-repeat;background-position: 90% 10%;padding-right: 25px}
.article-menu h5:hover{background-color: #8562a7;background:url("../images/bg.png") repeat center;color:white}
.article-menu h5:hover a{color:white;background: url("../images/tran2.png") no-repeat;background-position: 60% 10%;padding-right: 25px}

.article-box{width:742px;height:auto;float: right;margin-top: 40px;margin-right: 15px;}


.img-left{float:left}
.img-right{width:495px;height:83px;padding:15px 120px 12px 0;float: right;}

.navbar{width:100%;height: 107px;position: fixed;top:0;z-index: 9999;}
.img-right{padding: 15px 80px 12px 0;}
.btn{width:100%;height:22px;font-size: 20px;line-height: 40px;}
.btn-left{background: url("../images/conf-grey-left.png") no-repeat left center;color:#999999;padding-left:15px;}
.btn-left:hover{background: url("../images/conf-black-left.png") no-repeat left center;color:black;}
.btn-right{background: url("../images/conf-grey-right.png") no-repeat right center;color:#999999;padding-right:15px;}
.btn-right:hover{background: url("../images/conf-black-right.png") no-repeat right center;color:black;}
.foot{width:100%;height:280px;overflow: hidden;background: url('http://www.lifeofguangzhou.com/main/files/images/main-bg.png') repeat center;}



/*ball*/
.ball{width:300px;height:300px;border-radius: 100%;position: absolute;top:15%;left:26%;animation:myball 6s infinite;-webkit-animation:myball 6s infinite; /*Safari and Chrome*/}
.ball a{width:222px;height:83px;display: block;background-size: 100%; position: absolute;top:46%;left:15%; background: url("../images/text.png");background-repeat: no-repeat;background-position: center}
.do{width:145px;height:20px;position: absolute;top:64.84%;left:43%;display:block;}
.city {width: 117px;height: 20px;position: absolute;top: 59%;left: 60%;display: block;}
.find { width: 151px; height: 20px;position: absolute;top: 41%;left: 71%;display: block;}

@keyframes myball{
	0% {top:7%;left:16%;}
	25%{top:22%;left:30%;}
	50%{top:0;left:42%;}
	75%{top:9%;left:54.5%;}
	100%{top:7%;left:16.5%}
}
@-webkit-keyframes myball /*Safari and Chrome*/
{
	0% {top:15%;left:16.5%;}
	33%{top:22%;left:28.5%;}
	66%{left:33%;top:15%;}
	100%{top:15%;left:16.5%}
}


/*section*/
.section0{width:100%;height:auto;position: relative;}
.section0 .ball-bg{width:100%}


#section1{
	width: 1024px;
	height: 2875px;
	margin: 40px auto;
}
.art-header{width:100%;height:auto;margin-bottom: 15px;}
.art-header h2{font-size: 24px;color:#19b8f2;font-family:verdana;font-weight: bold;}
.art-header p{font-size: 16px;color:#19b8f2;font-family:Times;font-style: italic;text-decoration: underline;font-weight: bold;margin-top: 5px; }
.art-header p a{color:#19b8f2;font-family: 'Times New Roman'}

.art1{width:1025px;height:auto;margin:25px auto 0 auto;}
.art1 .art-bo-left{width:505px;float: left; position: relative}
.art1 .art-bo-left img{width: 504px;height: 504px;}
.art1 .art-bo-left div{width:475px;height:auto;padding:15px;background: rgba(25,184,242,0.8);position: absolute;bottom:0;filter:alpha(opacity=80);padding-bottom: 40px}

.art1 .art-bo-left div h2{color:white;font-size: 18px;line-height: 24px;text-align: left;font-weight: bold}
.art1 .art-bo-left div b{color:white;font-size:18px;line-height: 24px;font-weight: normal}
.art1 .art-bo-left div span{text-align:left;color:white;font-size: 14px;line-height: 24px;margin-top: 20px;display: block;font-family:Times;font-style: italic;}
.art1 .art-bo-right{width:505px;height:auto; float: right;}
.art1 .right-1{position: relative;margin-bottom: 16px;background: #dfdfdf;text-align: left}
.art1 .right-1:hover{background:#68c8ea;color:white;}
.art1 .right-1:hover a{background:#68c8ea;color:white;}

.art1 .right-1 img{width: 114px;height: 114px;float: left;}
.art1 .right-1 h2{width:365px;height:auto;float: right;padding:12px 10px 0 10px;font-size: 18px;font-family: verdana;font-weight: bold}
.art1 .right-1 b{width:365px;height:auto;float: right;font-weight: normal;font-size: 18px;font-family:HelveticaNeueBd;padding:0 10px 0 10px;display: block}
.art1 .right-1 span{width:365px;height:auto;float: right;display: block;padding:0 10px;position: absolute;bottom:10px;left:24%;font-family: 'Times New Roman'}


.art2-header{
	margin-top: 25px;
}
.art2-img-box{
	overflow: hidden;
}
.art2-img-item{
	width: 238px;
	float: left;
	margin-left: 24px;
}
.art2-img-box .art2-img-item:first-child{
	margin-left: 0
}
.art2-img-item img{
	width: 238px;
	height: 238px;
}
.art2-img-item p{
	height: 85px;
	font-size: 14px;
	color: black;
	text-align: left;
	background: white;
	padding: 8px 5px;
	overflow: hidden;
	word-break: break-word;
	font-weight: bold;
	line-height: 22px
}


.art3{
	margin-top: 45px;
}
.art3 .art-bo-left{
	float: right;
}
.art3 .art-bo-right{
	float: left;
}
.art3 .art-bo-left div{
	padding-bottom: 10px;
}


@media only screen and (max-width: 1680px){
	.ball a{top:35%;left:7%;width:200px;height:80px;background-size: 100%}
	.ball{width:230px;height:230px;}

	.do{width:145px;height:20px;position: absolute;bottom: 37.2%;left: 43%;display:block;}
	.city{width: 117px;height:20px;position: absolute;bottom: 42.5%;left: 60%;display:block;}
	.find{width: 151px;height:20px;position: absolute;bottom: 59.5%;left: 71%;display:block;}
}

@media only screen and (max-width: 1440px){
	.ball a{width:170px;height:110px;top:25%;left:10%;background-size: 100%}
	.ball{width:205px;height:205px;}

	.do{width:120px;height:20px;position: absolute;bottom: 46%;left: 43%;display:block;}
	.city{width: 90px;height:20px;position: absolute;bottom: 50.5%;left: 60%;display:block;}
	.find{width: 120px;height:20px;position: absolute;bottom: 65%;left: 71%;display:block;}
}
@media only screen and (max-width: 1280px){
	.do{width:103px;height:20px;position: absolute;bottom: 52%;left: 43%;display:block;}
	.city{width: 85px;height:20px;position: absolute;bottom: 56%;left: 60%;display:block;}
	.find{width: 105px;height:20px;position: absolute;bottom: 69%;left: 71%;display:block;}

	@keyframes myball{
		0% {top:7%;left:16%;}
		25%{top:22%;left:26%;}
		50%{top:0%;left:42%;}
		75%{top:5%;left:54.5%;}
		100%{top:7%;left:16.5%}
	}
	@-webkit-keyframes myball /*Safari and Chrome*/
	{
		0% {top:7%;left:16%;}
		25%{top:22%;left:26%;}
		50%{top:0%;left:42%;}
		75%{top:5%;left:54.5%;}
		100%{top:7%;left:16.5%}
	}

}
@media only screen and (max-width: 1152px){
	.ball a{width:150px;height:90px;top:25%;left:10%;background-size: 100%}
	.ball{width:180px;height:180px;}
	.do{width:103px;height:20px;position: absolute;bottom: 56.5%;left: 43%;display:block;}
	.city{width: 85px;height:20px;position: absolute;bottom: 60%;left: 60%;display:block;}
	.find{width: 105px;height:20px;position: absolute;bottom: 72%;left: 71%;display:block;}
}
@media only screen and (max-width: 1024px){
	.ball a{width:130px;height:70px;top:30%;left:10%;background-size: 100%}
	.ball{width:160px;height:160px;}
	.do{width:80px;height:20px;position: absolute;bottom: 61%;left: 43%;display:block;}
	.city{width: 69px;height:20px;position: absolute;bottom: 64.5%;left: 60%;display:block;}
	.find{width: 83px;height:20px;position: absolute;bottom: 74.8%;left: 71%;display:block;}
}

@media screen and (max-height: 880px){
	#section2 .section2-title{
		margin-top: 10px;}
}

.jiathis_style{
    margin-top: 15px;
    color: white
}
.navbar .nav-middle li a{
    font-family: 'Times New Roman'!important
}
.foot,.foot .foot-bot,.foot .foot-right p,.jiathis_style,.navbar .nav-middle p{
    font-family: verdana;
}
.navbar .nav-middle li{
    margin-right: 35px!important
}
.navbar .nav-right span,.navbar .nav-right p{
	color: white
}