html {overflow-y:scroll;}
body{background:#f4ffdc; margin:0px; padding:0px; text-align:center;}
.demo{margin:0px; clear:both;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
li{list-style-type:none; margin:0px; padding:0px;border:0;}
ul{list-style-type:none; margin:0px; padding:0px;border:0;}
nav{background:#fff; height:90px;}
nav .menu{width:1003px; margin:0px auto; height:90px;}
nav .menu img{float:left;margin-top:10px;}
nav .menu div {float:right;max-width:100%;height:auto;margin:30px 10px;}
nav .menu a{float:left; color:#454545; font-family:"Microsoft YaHei"; font-size:14px; height:auto; line-height:20px;margin:0px 10px;}
header{background:#fdfdc7;height:auto;}
header img{max-width:100%;height:auto;}


@media(max-width: 760px){
	nav{max-width:100%;background:#fff; height:auto;float:left;}
	nav .menu{max-width:100%; margin:0;height:auto;float:left;text-align:}
	nav .menu img{float:left;margin:5px;}
	nav .menu div {float:left;max-width:100%;height:auto;margin:10px 0;}
	nav .menu a{float:left; color:#454545; font-family:"Microsoft YaHei"; font-size:14px; height:auto; line-height:20px;margin:0px 10px;}
	header{min-width:100%;background:#fdfdc7;background-size:cover;height:auto;float:left;}

}
@media(max-width: 325px){
	nav .menu a{float:right; color:#454545; font-family:"Microsoft YaHei"; font-size:14px; height:auto; line-height:20px;margin:0px 10px;}	
}

center{width:1003px; margin:0px auto;}
center .moline{display:none;}
center .moline img{max-width:100%;height:auto;}
center .motext{display:none;}
/*video start*/
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding:0; margin:0; }
ul,li,ol{list-style:none;}
/** layout */
.main-content{ font-size:12px;
	width:100%;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 50% 0;
}
@media(max-width: 1003px){
	center{max-width:100%; margin:0px auto;}
	.main-content{display:none;}
	center .moline{display:block;}
	center .motext{display:block;max-width:100%;padding:5px;height:auto;float:left;background:#fdfdc7;border-bottom:#999999 1px solid;}
	center .motext img{float:left;margin:5px;}
	center .motext dd{max-width:100%;text-align:left;padding:5px;}
}
.area { clear: both; margin: 0 auto; width: 1003px; position: relative;}
/** left column */
.com_l{width:396px;overflow: hidden;}
.com_l h1{font-size:12px;color: #fff;line-height: 18px;}
/** right column */
.col_r{width:594px;overflow: hidden;margin-top:16px;}
/** lead text */
.lead{background:url(../images/tit_one.jpg) no-repeat; padding-top:145px; background-position:0px 5px;}
.lead a{background:url(../images/nav.jpg); float:left; margin-left:30px; margin-bottom:4px; height:59px; width:291px; line-height:59px;font-family:"Microsoft YaHei"; font-size:18px; color:#605700;}
.below{padding-top:10px;}
/** picture list */
.picList ul li{float: left;width:198px;height:192px;}
.picList ul li p{position: absolute;}
/** introduction */
.intro{background:#fdfdc7;position:absolute;overflow:hidden;}
.introin{width:339px;height:339px;float:right;}
.intro h2{color:#000000;font-size:26px;margin:0 0 6px 0;font-family:"Microsoft YaHei";}
.intro h2,.intro h3,.intro p{width:310px;padding-left:10px;}
.intro h3{height: 27px; background:#666666;color:#FFFFFF;line-height: 27px;font-size:12px;font-weight: normal; text-align:left}
.intro p{line-height:20px;padding-top: 5px; text-align:left;float:left;}
.video{display:none;}
/** player */
.player{position: absolute;width: 100%; z-index: 1002;display: none;height: 1075px; padding-top: 95px;top:0px;}
.player .title,.player .introduce{background: none repeat scroll 0 0 #1C1C1C;line-height:25px;}
.player .title{color:#ffffff;height:50px;font-size:14px;line-height: 20px;font-weight: bold;padding-left: 18px;padding-top: 15px; height: 35px;}
.player .introduce{color:#999999;padding-left:15px;padding-top:10px;padding-bottom:30px;}
.player .visiblearea{width: 875px; margin: 0px auto;}
.player .videoPlayer{height: 527px;}
.player .btn{margin-right: 14px;}
.moreInfo{margin-left:5px;}
.moreInfo,.moreInfo:visited{color:#48AAA4;text-decoration: none;}
.player .btn,.picList ul li p{cursor: pointer}
/** mask layer */
.mask{position: absolute;width: 100%; z-index: 1001;display: none;height: 1075px; padding-top: 95px;top:0px;background: none repeat scroll 0 0 #17181A;opacity: 0.8;filter:alpha(opacity=80);}
/** float */
.left{float:left;}

/** clearfix */
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"."; }

/*video stop*/
center .tit_img{margin:8px 0px;  max-width:100%;height:53px;}
center .tit_img img{float:right; max-width:100%; height:auto;margin:0 auto;}
center .two_w{}
center .two_w li{float:left; width:310px; padding:5px; background:#fff; border:#d5d5d5 1px solid; margin:8px 8px 0px 0px;position:relative;}
center .two_w li img{max-width:100%;height:auto;}
center .two_w li div{width:100%;height:30px;text-align:center;position:absolute;bottom:5px;left:0px;line-height:30px;font-size:1em;background:#FFFFFF;opacity:0.7;}
center .two_w li div.c{position:absolute;bottom:6px;left:6px;font-family:"ºÚÌå";font-size:1em;}
@media(max-width: 1003px){
	center .two_w{max-width:100%;padding-left:0px;}
	center .two_w li{float:left; width:310px; padding:2px; background:#fff; border:#d5d5d5 1px solid; margin:4px 4px 0px 0px;position:relative;}
}
@media(max-width: 500px){
	center .tit_img{display:none;}
	center .two_w{max-width:100%;padding-left:20px;}
	center .two_w li{float:left; width:310px; padding:2px; background:#fff; border:#d5d5d5 1px solid; margin:4px 4px 0px 0px;position:relative;}
}
.bot_img{background:url(../images/bot_img.jpg) repeat-x; height:78px;max-width:100%;margin:5px 0;}
.bot_img div{width:1003px;margin:0 auto;text-align:center;line-height:75px;}
.bot_img div a{color:#FFFFFF;}
.bot_img div img{float:left;}

@media(max-width: 1003px){
	.bot_img div{max-width:100%;margin:0 auto;text-align:left;line-height:75px;}
}
footer{width:1003px; margin:0px auto;}
footer .foot_txt{color:#515151; font-size:12px; line-height:24px; padding:10px; text-align:left;float:left;width:1003px; }
footer .foot_txt a{color:#515151;}
footer .foot_txt img{float:left;margin:10px}

@media(max-width: 1003px){
	footer{max-width:100%;margin:0px auto;}
	footer .foot_txt{max-width:100%;color:#515151; font-size:12px;line-height:24px;padding:0;text-align:left;margin-left:0px;float:left;}
	footer .foot_txt a{color:#515151;margin:0 2px;}
	footer .foot_txt img{float:left;margin:10px}
}
@media(max-width: 700px){
#code{display:none;}
}
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:160px; _margin-bottom:160px;}
#code_hover{ background-position:-316px -258px; bottom:160px; _margin-bottom:160px;}

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:80px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}