* {margin:0; padding:0; }
body{
	font-family: "微软雅黑", Arial, Helvetica, Verdana, sans-serif; font-size-adjust: none; font-stretch: normal; -webkit-font-smoothing: antialiased;line-height:1.5em;
}
h2 { font-size: 20px;}
#topbar {height:40px; line-height:40px; background-color:#0092D8;margin:auto; text-align:right; vertical-align:middle;color:white; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#0092D8), to(#006D9B));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #0092D8, #006D9B);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #0092D8, #006D9B);

  /* IE 10 */
  background: -ms-linear-gradient(left, #0092D8, #006D9B);

  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #0092D8, #006D9B);
}
.inner-bg {
    padding: 70px 0 60px 0;
	background: #1090d0;
    background: url(../images/pattern-3.png);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3) inset;
}
.heroimg {
    margin: 0 auto;
    text-align: center;
    color: #fff;
	background: #1090d0;
}
.heroimg h2 {
    font-size: 40px;
    font-weight: 700;
    text-shadow: 0 1px 7px rgba(0,0,0,.2);
	color:white;
	margin-top: 10px;
}
.heroimg br {
    font-size: 32px;
    font-weight: 700;
	color:white;
}
.disk{
    display: inline-block;
	margin:5px;
    width: 160px;
    height: 160px;
    background: #666; /* browsers that don't support rgba */
    background: rgba(85,85,85,.5);
    border-radius: 85px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
    font-size: 28px;
    line-height: 160px;
	color:#fff;
	font-family: Kai, STKaiti, 楷体, "KaiTi",BiauKai, Arial;
	border:4px solid white;
}

.disk:hover {
    background: #00a2e8;
    background: rgba(0, 162, 232, 0.5) url(../images/pattern-3.png);
    text-shadow: none;
}
.rtldir { unicode-bidi: bidi-override; direction: rtl;}
#slogan { margin-right: 20px; font-size:0.8em;}
#main {width:100%;margin:auto; padding: 0 0 0 0; background: #fff;}
#nava, #home-nava { height:42px; position:relative; list-style: none; margin:auto; border-radius: 1px; background:url('../images/btnbd1.png'); background-position: center;}
#nava li {width:108px; height:42px; background-position:center; float:left; text-align: center; line-height: 42px; color:#000000; cursor: pointer; border-right:1px solid #999;}
#nava li a {color: #007eb2;text-decoration: none; }
#nava li a:focus {color: #007eb2; outline: 0;}
#home-nava li {width:108px; height:42px; background-position:center; float:left; text-align: center; line-height: 42px; color:#000000; cursor: pointer; border-right:1px solid #999;}
#home-nava li a {color: white;text-decoration: none; }
#home-nava li a:focus {color: #007eb2; outline: 0;}

#nava li a:hover {color: #007eb2; border-bottom: 1px #007eb2 dotted;}
#home-nava li a:hover {color: #aaa; border-bottom: 1px #007eb2 dotted;}
/*#nava li a {color: #007eb2;text-decoration: none; }
#nava li a:link {color: #007eb2;}
#nava li a:focus {color: #007eb2; outline: 0;}

.active {background:url('../images/btnbd8.png');}
#nava li a:visited {color: #606060}
#nava li a:hover {color: #007eb2; border-bottom: 1px #007eb2 dotted;}
#nava li a:visited {color: #606060}
*/
.info {background:transparent;width:875px; height:60px; border-bottom:1px solid #999; margin: auto;  font-size: 25px; line-height:60px;clear:left; }
#gallery {width:875px; height:400px; position: relative; margin:auto; overflow: hidden; border-bottom:1px solid #999; top:20px; }
h2.itemtitle{font-size: 1.2em;font-weight: bold;color: #006D9B;background: url('../images/arrow-down.png') no-repeat 0 50%;padding: 2px 0 0 15px; margin-bottom: 10px;}

#list {width:875px; height:499px; position: absolute; left:0; top:0; list-style: none;}
#list li {width:875px; height:499px; float:left; cursor: pointer;}
/*#footer a,p,p a{font-size:12px;color:#666;font-family: Arial, "Lucida Grande",Helvetica }*/

#avatar{width:64px; float:left; margin:0 10px 0 0;
     -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;}
#footer {width:100%;clear: both; padding: 10px 0 15px 0; font-size: 0.8em; color: #aaa;
            margin:auto; margin-top: 0; text-align:center; background-color:#333}
a.navbt-home,a.navbt-home:link,a.navbt-home:visited
{
color:white;
display:inline-block;
text-align:center;
padding:0;
text-decoration:none;
margin:0;
border:0 solid #aaaaaa;
}

a.navbt,a.navbt:link,a.navbt:visited
{
color:black;
display:inline-block;
text-align:center;
padding:0;
text-decoration:none;
margin:0;
border:0 solid #aaaaaa;
white-space:nowrap;
width:99px;
}
a.navbt:hover
{
/*background-color:#ffffff;*/
}
.centerimg {text-align:center; margin:10px;  width:90%; height:100%;}

a.lang,a.lang:link,a.lang:visited
{
display:inline-block;
padding:0;
text-decoration:none;
margin:0;
border:0 solid #aaaaaa;
white-space:nowrap;
font-size:0.8em;
color:#aaa;
}
a.lang:hover
{
color:#dddddd;
}
.fvideo{width:49%;height:498px}

h1.axh1{}
.axbody{margin: auto; padding: 20px 0 0; width:90% }
.axblocks{height:100px; padding-top: 100px; padding-bottom:100px;}
.blogger{width: 100%; background: #ddd; padding: 10px 0 10px 0; overflow: hidden;}
#main-nava{margin:0; padding:0; position:absolute;z-index:2;}
.inlinediv{text-align: left; float: right;}
.rightimg{border:0; width:450px;}
.inlineimg{border:0; width:100%;}
@media only screen and (min-width: 768px) and (max-width: 880px) 
{
.fvideo{width:90%;height:400px}
.info {background:transparent;width:90%; height:60px; border-bottom:1px solid #999; margin: auto;  font-size: 25px; line-height:60px;clear:left; }
	.heroimg h2 {
		color: white; text-transform: uppercase; font-size: 30px; font-weight: 700; margin-top: 10px; text-shadow: 0 1px 7px rgba(0,0,0,0.2);
	}
	.disk {
		background: rgba(85, 85, 85);background: rgba(85, 85, 85, 0.5); margin: 5px; border-radius: 52px; border: 2px solid white; border-image: none; width: 100px; height: 100px; color: rgb(255, 255, 255); line-height: 100px; font-family: Kai, STKaiti, 楷体, "KaiTi",BiauKai, Arial; font-size: 20px; display: inline-block; -moz-border-radius: 52px; -webkit-border-radius: 52px;}
	.axbody{margin: auto; padding: 3px 0 0; width: 90%;}
	.axblocks{height:80px; padding-top: 50px; padding-bottom:50px;}
	#footer {width:100%;clear: both; padding: 10px 0 15px 0; font-size: 0.8em; color: #aaa;
            margin:auto; margin-top: 0; text-align:center; background-color:#333}
#nava, #home-nava {width:100%; height:42px; position:relative; list-style: none; margin:auto; border-radius: 1px; background:url('../images/btnbd1.png'); background-position: center;}
.inlinediv{text-align: left;float:left;}
.rightimg{border:0; width:100%;}
.inlineimg{border:0; width:100%;}
}
@media screen and (max-width:767px)
{
.fvideo{width:90%;height:350px}

.info {background:transparent;width:90%; height:60px; border-bottom:1px solid #999; margin: auto;  font-size: 25px; line-height:60px;clear:left; }
#main {width:100%;margin:auto; padding: 0; background: #fff;}
#main-nava{margin:0; position:relative;padding:0; z-index:2;}
#nava, #home-nava {width:100%; list-style: none; margin:auto; border-radius: 1px; }
#nava li, #home-nava li {width:100%; height:42px; background-position:center; float:left; text-align: center; line-height: 42px; color:#000000; cursor: pointer; border-right:1px solid #999;background:#333;}
a.navbt,a.navbt:link,a.navbt:visited
{
color:black;
display:inline-block;
background-color:transparent;
text-align:center;
padding:0px;
text-decoration:none;
margin:0px;
border:0px solid #aaaaaa;
white-space:nowrap;
width:100%;
}

	h1.axh1{font-size:1.5em;}
	.heroimg h2 {
		color: white; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-top: 10px; text-shadow: 0px 1px 7px rgba(0,0,0,0.2);
	}
	.disk {
		background: rgba(85, 85, 85, 0.5); margin: 0; border-radius: 42px; border: 2px solid white; border-image: none; width: 80px; height: 80px; color: rgb(255, 255, 255); line-height: 80px; font-family: Kai, SimKai, 楷体, Arial; font-size: 17px; display: inline-block; -moz-border-radius: 42px; -webkit-border-radius: 42px;}
	.axbody{margin: auto; padding: 3px 0px 0px; width: 90%;}
	.axblocks{height:80px; padding-top: 20px; padding-bottom:20px;}
	#footer {width:100%;clear: both; padding: 10px 0 15px 0; font-size: 0.8em; color: #aaa;
            margin:auto; margin-top: 0px; text-align:center; background-color:#333}
.inlinediv{text-align: left;float:left; width:100%; height:100%}
.inlineimg{border:0; width:100%;margin-bottom: 10px;}
.rightimg{border:0; width:100%;}

}