@charset "gb2312";
/* CSS Document */
body, ul, ol, li, dl, dd, dt, h1, h2, h3, p {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	background:url(../images/headerbj.jpg) repeat-x;
}
a:link, a:visited {
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#F00;
	text-decoration:none;
}
img {
	border:0;
}

@charset "gb2312";
/* CSS Document */
body, ul, ol, li, dl, dd, dt, h1, h2, h3, p {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	background:url(../images/headerbj.jpg) repeat-x;
}
a:link, a:visited {
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#F00;
	text-decoration:none;
}
img {
	border:0;
}
.logobox {
	width:980px;
	height:76px;
	margin:0 auto;
	overflow:hidden;
}
.logo {
	float:left;
	width:330px;
	height:60px;
	margin-top:10px;
}
.logobox ul {
	float:left;
	width:340px;
	height:60px;
	margin-top:18px;
	margin-left:60px;
	overflow:hidden;
}
.logobox li {
	float:left;
	width:170px;
	line-height:24px;
	font-size:12px;
	color:#333;
}
.top {
	float:right;
	width:190px;
	height:49px;
	margin-top:16px;
}
#banner {
	height: 313px;
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}
#banner .scroll {
	background-color: #CCCCCC;
	height: 313px;
	margin: auto;
	width: 980px;
}
#banner .window {
	height: 313px;
}
#banner .window OL.tese-items {
	position: relative;
}
#banner .window OL.tese-items LI {
	display: none;
	position: absolute;
	width: 980px;
}
.menu {
	width:980px;
	height:48px;
	background:url(../images/menu.jpg);
	margin:0 auto;
}
.menu ul {
	width:968px;
	height:48px;
	margin:0 auto;
}
.menu li {
	float:left;
	width:88px;
	height:48px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:48px;
	text-align:center;
}
.menu li a:link, .menu li a:visited {
	color:#FFF;
	text-decoration:none;
}
.menu li a:hover {
	color:#F00;
	text-decoration:none;
}
.cont {
	width:980px;
	height:auto;
	margin:0 auto;
	background-color:#FFF;
	padding-bottom:10px;
	overflow:hidden;
}
.cont .top {
	float:left;
	width:980px;
	height:40px;
	background:url(../images/zx3.jpg) no-repeat;
}
.cont .top span {
	font-size:16px;
	color:#FFF;
	height:40px;
	font-weight:bolder;
	float:left;
	display:block;
	line-height:38px;
	padding-left:50px;
}
.cont .top a {
	float:right;
	display:inline;
	line-height:40px;
	font-size:12px;
	color:#666;
	margin-right:20px;
}
.cont .cent {
	float:left;
	width:978px;
	height:auto;
	padding-bottom:50px;
	border:1px solid #e3e3e3;
	border-top:none;
}
.cont p {
	font-size:14px;
	color:#333;
	line-height:26px;
	text-indent:2em;
	padding:20px 20px 0 20px;
}
.cont .bottom {
	float:left;
	height:24px;
	overflow:hidden;
	margin-top:12px;
}
.left{ width:678px; margin:0 auto;}
.leftt{ float:left; width:676px; background:#FFF; padding-bottom:20px;}
.left h1{ width:96px; color:#2688A3; font-size:24px; font-weight:normal; line-height:65px; text-align:center; margin:0 auto;}
.xxyt{ width:646px; height:135px; background:url(../images/xxyt.jpg) center top no-repeat; border-bottom:#e0e0e0 1px solid; border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; margin:0 auto;}
.xxyt p{ width:624px; line-height:24px; font-size:12px; font-weight:normal; text-align:left; text-indent:2em; padding:47px 0 0; margin:0 auto;}
.xxyt p a:link,.xxyt p a:visited{ color:#F00; text-decoration:none;}
.xxyt p a:hover{ color:#F00; text-decoration:underline;}
.viewd{ padding:20px 0 15px;}
.ditu{ width:642px; height:402px; text-align:center; margin:0 auto 5px;}
.viewd p{ width:648px; font-size:14px; line-height:24px; padding:8px 0; margin:0 auto; text-indent:2em;}
.viewd p strong{ font-weight:bold;}
.viewd p span{ color:#F00;}

.footbg {
	width:980px;
	height:193px;
	background:url(../images/footbg.jpg) left top no-repeat;
	margin:0 auto;
}
.footmenu {
	width:260px;
	height:42px;
	margin:0 auto;
}
.footmenu p {
	width:445px;
	font-size:12px;
	color:#FFF;
	line-height:46px;
	margin:0 auto;
}
.footmenu p a:link, .footmenu p a:visited {
	color:#FFF;
	text-decoration:none;
}
.footmenu p a:hover {
	color:#F00;
	text-decoration:none;
}
.footp {
	float:left;
	width:436px;
	font-size:12px;
	color:#FFF;
	line-height:22px;
	margin:20px 0 0 308px;
	_margin:16px 0 0 154px;
}
.footp a:link, .footp a:visited {
	color:#FFF;
	text-decoration:none;
}
.footp a:hover {
	color:#FFF;
	text-decoration:none;
}
.footdt {
	float:left;
	width:218px;
	height:116px;
	border:#e0e0e0 1px solid;
	background:url(../images/footdt.jpg) left top no-repeat;
	overflow:hidden;
	margin:20px 0 0 6px;
	_margin:17px 0 0 6px;
}




@media screen and (min-width: 320px) and (max-width: 600px) {

.cont .cent {
	float:left;
	height:auto;
	padding-bottom:50px;
	border:1px solid #e3e3e3;
	border-top:none;width: 100%;
}
	/* 默认样式（移动端优先） */
.logobox {
    width: 100%; /* 宽度改为100% */
    height: auto; /* 高度自适应 */
    margin: 0 auto;
    overflow: hidden;
    padding: 10px; /* 添加内边距 */
    box-sizing: border-box; /* 防止 padding 影响宽度 */
}

.logo {
    float: none; /* 取消浮动 */
    width: 100%; /* 宽度改为100% */
    height: auto; /* 高度自适应 */
    margin-top: 10px;
    text-align: center; /* 内容居中 */
}

.logobox ul {
    float: none; /* 取消浮动 */
    width: 100%; /* 宽度改为100% */
    height: auto; /* 高度自适应 */
    margin-top: 10px; /* 调整上边距 */
    margin-left: 0; /* 取消左边距 */
    overflow: hidden;
    padding: 0; /* 清除默认 padding */
    list-style: none; /* 清除列表样式 */
}

.logobox li {
    float: none; /* 取消浮动 */
    width: 100%; /* 宽度改为100% */
    line-height: 1.5; /* 调整行高 */
    font-size: 14px; /* 调整字体大小 */
    color: #333;
    text-align: center; /* 内容居中 */
    margin-bottom: 10px; /* 添加下边距 */
}

.top {
    float: none; /* 取消浮动 */
    width: 100%; /* 宽度改为100% */
    height: auto; /* 高度自适应 */
    margin-top: 10px; /* 调整上边距 */
    text-align: center; /* 内容居中 */
}



#banner {
    height: auto; /* 高度自适应 */
    margin: 0 auto;
    overflow: hidden;
    width: 100%; /* 宽度改为100% */
    max-width: 980px; /* 最大宽度限制 */
	margin:10px 0;
}

#banner .scroll {
    background-color: #CCCCCC;
    height: auto; /* 高度自适应 */
    margin: 0 auto;
    width: 100%; /* 宽度改为100% */
}

#banner .window {
    height: auto; /* 高度自适应 */
}

#banner .window img {
    width: 100%; /* 图片宽度自适应 */
    height: auto; /* 高度自适应 */
}

#banner .window OL.tese-items {
    position: relative;
    padding: 0; /* 清除默认 padding */
    margin: 0; /* 清除默认 margin */
    list-style: none; /* 清除列表样式 */
}

#banner .window OL.tese-items LI {
    display: none;
    position: absolute;
    width: 100%; /* 宽度改为100% */
}


.menu {
	width:100%;
	height:48px;
	background:url(../images/menu.jpg);
	margin:0 auto;
}
.menu ul {
	width:100%;
	height:48px;
	margin:0 auto;
}
.menu li {
	float:left;
	width:88px;
	height:48px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:48px;
	text-align:center;
}
.menu li a:link, .menu li a:visited {
	color:#FFF;
	text-decoration:none;
}
.menu li a:hover {
	color:#F00;
	text-decoration:none;
}
.cont {
	height:auto;
	margin:0 auto;
	background-color:#FFF;
	padding-bottom:10px;
	overflow:hidden;width: auto;
}
.cont .top {
	float:left;
	width:980px;
	height:40px;
	background:url(../images/zx3.jpg) no-repeat;
}
.cont .top span {
	font-size:16px;
	color:#FFF;
	height:40px;
	font-weight:bolder;
	float:left;
	display:block;
	line-height:38px;
	padding-left:50px;
}
.cont .top a {
	float:right;
	display:inline;
	line-height:40px;
	font-size:12px;
	color:#666;
	margin-right:20px;
}
.cont .cent {
	float:left;
	height:auto;
	padding-bottom:50px;
	border:1px solid #e3e3e3;
	border-top:none;
}
.cont p {
	font-size:14px;
	color:#333;
	line-height:26px;
	text-indent:2em;
	padding:20px 20px 0 20px;
}
.cont .bottom {
	float:left;
	height:24px;
	overflow:hidden;
	margin-top:12px;
}
.left{ width:100%; margin:0 auto;}
.leftt{ float:left; width:100%; background:#FFF; padding-bottom:20px;}
.left h1{ width:96px; color:#2688A3; font-size:24px; font-weight:normal; line-height:65px; text-align:center; margin:0 auto;}
.xxyt{ width:auto; height:135px; background:none; border-bottom:#e0e0e0 1px solid; border-left:#e0e0e0 1px solid;margin-bottom:30px; border-right:#e0e0e0 1px solid; margin:0 auto;border:none;margin-bottom:20px}
.xxyt p{ width:auto; line-height:24px; font-size:12px; font-weight:normal; text-align:left; text-indent:2em; padding:auto; margin:0 auto;}
.xxyt p a:link,.xxyt p a:visited{ color:#F00; text-decoration:none;}
.xxyt p a:hover{ color:#F00; text-decoration:underline;}
.viewd{ padding:20px 0 15px;}
.ditu{display:none; width:auto; height:402px; text-align:center; margin:0 auto 5px;}
.viewd p{ width:auto; font-size:14px; line-height:24px; padding:8px 0; margin:0 auto; text-indent:2em;}
.viewd p strong{ font-weight:bold;}
.viewd p span{ color:#F00;}
   .footbg {
    width: 100%; /* 使用百分比宽度 */
    height: auto; /* 高度自适应 */
    background: #F56694 left top no-repeat;
    background-size: cover; /* 背景图片覆盖整个元素 */
    margin: 0 auto;
    padding: 20px 0; /* 添加一些内边距 */
	}

	.footmenu {
    width: 100%; /* 使用百分比宽度 */
    height: auto; /* 高度自适应 */
    margin: 0 auto;
    text-align: center; /* 文本居中 */
}

.footmenu p {
    width: 100%; /* 使用百分比宽度 */
    font-size: 1rem; /* 使用rem单位 */
    color: #FFF;
    line-height: 1.5; /* 使用相对行高 */
    margin: 0 auto;
}

.footmenu p a:link, .footmenu p a:visited {
    color: #FFF;
    text-decoration: none;
}

.footmenu p a:hover {
    color: #F00;
    text-decoration: none;
}

.footp {
display:none;
    float: none; /* 取消浮动 */
    width: 100%; /* 使用百分比宽度 */
    font-size: 1rem; /* 使用rem单位 */
    color: #FFF;
    line-height: 1.5; /* 使用相对行高 */
    margin: 20px 0; /* 调整边距 */
    text-align: center; /* 文本居中 */
}

.footp a:link, .footp a:visited {
    color: #FFF;
    text-decoration: none;
}

.footp a:hover {
    color: #FFF;
    text-decoration: none;
}

.footdt {
    float: none; /* 取消浮动 */
    width: 100%; /* 使用百分比宽度 */
    height: auto; /* 高度自适应 */
    border: #e0e0e0 1px solid;
    background: url(../images/footdt.jpg) left top no-repeat;
    background-size: cover; /* 背景图片覆盖整个元素 */
    overflow: hidden;
    margin: 20px 0; /* 调整边距 */
    text-align: center; /* 文本居中 */
}
}