/* CSS Document */
* { margin:0; padding:0;  font-family: Microsoft Yahei, '榛戜綋'; font-size:14px;}
a {color:#000; text-decoration:none; }
a:hover {color:#0077dd; text-decoratioin:underline;}
ul li { list-style-type:none;}
.clear { clear:both;}
img { border:none;}

.town_top { background:url(../images/global_nav.jpg) repeat-x; width:100%; height:37px; margin:0 auto; position:fixed; top:0; left:0; z-index:99; box-shadow:5px 5px 15px #f3f3f3; -moz-box-shadow:5px 5px 15px #f3f3f3; -wekit-box-shadow:5px 5px 15px #f3f3f3;}
.top_nav {margin:0 auto; width:1000px; height:37px;display:block;}
.top_nav ul { width:100%}
.top_nav ul li { float:left; display:inline; line-height:37px;padding:0 6px; font-size:12px;}
.top_nav ul li a { font-size:12px;margin-top:5px;transition: all 0.6s;
	-moz-transition:all 0.6s; /* Firefox 4 */
	-webkit-transition:all 0.6s; /* Safari and Chrome */
	-o-transition:all 0.6s; /* Opera */}
	.top_nav ul li a:hover { background:#fafafa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.top_nav ul li.login_info {float:right;}
.top_nav ul li.login_info a { margin:0 5px;}


/*banner*/
.banner { position:relative; width:1200px; height:423px; margin:50px auto; overflow:hidden;}
.logo { position:absolute; background:url(../images/logo.jpg) no-repeat; width:245px; height:275px; opacity:0.0}
.moon { position:absolute; background:url(../images/moon.png) no-repeat; width:350px; height:350px; opacity:0.0;right:10px; top:-3px; }
.couple { position:absolute; background:url(../images/couple.png) no-repeat; width:130px; height:165px; opacity:0.0; right:142px; top:130px; z-index:1px;}
.couple_c { position:absolute; background:url(../images/couple_c.png) no-repeat; width:130px; height:165px; opacity:0.0; right:142px; top:130px; z-index:1px;
transition: all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; /* Opera */}
.cloud { position:absolute; background:url(../images/cloud.png) no-repeat; width:690px; height:230px; opacity:0.0; left:-690px; bottom:10px;}


/*身体*/



.video { width:1200px; height:500px; margin:0px auto 50px auto; border:5px solid #d3d3d3; box-shadow:10px 10px 15px #aaa;}

.part { width:1200px; height:auto; margin:30px auto 40px auto; overflow:hidden}

a.sleft1 { float:left; background:url(../images/part_bg.jpg) no-repeat; width:540px; height:311px;}
a.sleft1 img { margin:12px 14px;}


.sright1 { float:right; width:660px; height:auto; overflow:hidden;}
.sright1 a { font-size:24px; line-height:30px; height:30px; width:100%; display:block; text-align:center;}
.sright1 p { text-indent:2em; line-height:35px; height:auto; padding:10px 20px; margin-top:20px; font-size:18px;}


a.sright2 { float:right; background:url(../images/part_bg.jpg) no-repeat; width:540px; height:311px;}
a.sright2 img { margin:12px 14px;}


.sleft2 { float:left; width:660px; height:auto; overflow:hidden;}
.sleft2 a { font-size:24px; line-height:30px; height:30px; width:100%; display:block; text-align:center;}
.sleft2 p { float:left; text-indent:2em; line-height:35px; height:auto; padding:10px 20px; margin-top:30px; font-size:18px;}

span.more { float:right; display:block; width:150px; }
span.more a { font-size:16px;color:#787878}
span.more a:hover {color:#0077dd}

/*--底部--*/
.footer { overflow:hidden; position:relative; margin-top:20px; border-top:5px solid #366181; width:100%;}
.full { background:#fff; margin-top:0px; border-top:5px solid #EEEEEE; width:100%; height:100%;position:absolute; z-index:-10;}
.w970{ width:100%; margin:10px auto 20px auto;}
.foot{ clear:both; text-align:center; line-height:26px; padding:15px 0 20px 0; color:#000;}
.foot a{ color:#000; text-decoration:none;}
.foot a:hover{ color:#6c6c6c; text-decoration:underline;}
.foot dt{ clear:both; color:#000;}
.foot dt a{ margin:0 8px;}
.foot dd{ clear:both;}
.foot dd.picture{ clear:both; margin:6px 0;}
.foot dd.picture a{ margin:0 6px;}