@charset "utf-8";
/* CSS Document */
body{ width:100%;margin:0 auto; padding:0px; font-family:"宋体", "微软雅黑", "新宋体";width:100%; height:auto;}
ul,li{ list-style:none; padding:0px; margin:0px;}
a{ text-decoration:none;}

@media screen and (min-width:980px){
.top{ width:80%; height:auto; margin:0 auto; margin-top:0.4em;}
.top1 { float:left; }
.top1 img { width:100%; height:auto; max-width:216px;}
.top2 { float:right;}
.top2 img { width:100%; height:auto; max-width:216px;}

.menu{width:100%; height:1.6em; margin:0 auto;background:#004A71;}
.menu ul { width:80%; margin:0 auto;}
.menu ul li{ float:left; width:16%; text-align:center;height:1.6em; line-height:1.6em;}
.menu ul li a{ color:#FFF; text-decoration:none;}
.banner{ width:100%; height:auto;}
.banner img { width:100%;}
.weizhi{  width:80%; height:auto; margin:0 auto;margin-top:2em;}
.weizhi a{ color:#000;text-decoration:none;}

.foot{ width:100%;background:#004A71; padding:0.4em; color:#FFF; text-align:center;}
.foot a{color:#fff;text-decoration:none;}

.bottom{ width:950px; margin:0 auto;}
.bottom h1{ font-size:1.4em; text-align:center;}
.span1 { color:#666; text-align:center; }
.span2{ background:#EAEAEA; margin-top:0.2em; padding:0.4em; line-height:1.6em; font-size:14px; color:#3e3a39;}
.bottom img { width:100%; height:auto;}
.bottom p{ text-indent:2em; margin-top:0.2em;color:#3e3a39; line-height:1.6em; }
.bottom p a{ color:#F77517;}

.shanx{ width:100%; height:auto; border-top:#CCC dashed 1px;border-bottom:#CCC dashed 1px;margin-bottom:0.4em;}
.shanx li{ margin-top:0.4em;}
.shanx li a{ color:#000;}
.shanx li a:hover{ color:#F77517; text-decoration:underline;}

}
@media screen and (min-width: 560px) and (max-width: 979px){
.top{ width:98%; height:auto; margin:0 auto; margin-top:0.4em;}
.top1 { float:left; }
.top1 img { width:100%; height:auto; max-width:216px;}
.top2 { float:right;}
.top2 img { width:100%; height:auto; max-width:216px;}

.menu{width:100%; height:1.6em; margin:0 auto;background:#004A71;}
.menu ul { width:90%; margin:0 auto;}
.menu ul li{ float:left; width:16%; text-align:center;height:1.6em; line-height:1.6em;}
.menu ul li a{ color:#FFF; text-decoration:none;}
.banner{ width:100%; height:auto;}
.banner img { width:100%;}
.weizhi{  width:80%; height:auto; margin:0 auto;margin-top:2em;}
.weizhi a{ color:#000;text-decoration:none;}

.foot{ width:100%;background:#004A71; padding:0.4em; color:#FFF; text-align:center;}
.foot a{color:#fff;text-decoration:none;}

.bottom{ width:96%; margin:0 auto;  overflow:hidden;}
.bottom h1{ font-size:1.4em; text-align:center;}
.span1 { color:#666; text-align:center; }
.span2{ background:#EAEAEA; margin-top:0.2em; line-height:1.6em; font-size:14px; color:#3e3a39;}
.bottom img { width:100%; height:auto;}
.bottom p{ text-indent:2em; margin-top:0.2em;color:#3e3a39; line-height:1.6em; }
.bottom p a{ color:#F77517;}

.shanx{ width:98%; height:auto; border-top:#CCC dashed 1px;border-bottom:#CCC dashed 1px;margin-bottom:0.4em; margin:0 auto;}
.shanx li{ margin-top:0.4em;}
.shanx li a{ color:#000;}
.shanx li a:hover{ color:#F77517; text-decoration:underline;}

}
@media screen and (max-width: 559px){
.top{ width:100%; height:auto; margin:0 auto; margin-top:0.4em;}
.top1 { float:left; width:50%;}
.top1 img { width:100%; height:auto; max-width:216px;}
.top2 { float:right;width:50%;}
.top2 img { width:100%; height:auto; max-width:216px;}

.menu{width:100%; height:3.2em; margin:0 auto;background:#004A71;}
.menu ul { width:100%; margin:0 auto;}
.menu ul li{ float:left; width:33%; text-align:center;height:1.6em; line-height:1.6em;}
.menu ul li a{ color:#FFF; text-decoration:none;}
.banner{ width:100%; height:auto;}
.banner img { width:100%;}
.weizhi{  width:90%; height:auto; margin:0 auto;margin-top:2em;}
.weizhi a{ color:#000;text-decoration:none;}

.foot{ width:100%;background:#004A71; padding:0.4em; color:#FFF; text-align:center;}
.foot a{color:#fff;text-decoration:none;}

.bottom{ width:96%; margin:0 auto;  overflow:hidden;}
.bottom h1{ font-size:1.4em; text-align:center;}
.span1 { color:#666; }
.span2{ background:#EAEAEA; margin-top:0.2em; color:#3e3a39;}
.bottom img { width:100%; height:auto;}
.bottom p{ text-indent:2em; margin-top:0.2em;color:#3e3a39; line-height:1.6em; }
.bottom p a{ color:#F77517;}

.shanx{ width:98%; height:auto; border-top:#CCC dashed 1px;border-bottom:#CCC dashed 1px;margin-bottom:0.4em; margin:0 auto;}
.shanx li{ margin-top:0.4em;}
.shanx li a{ color:#000;}
.shanx li a:hover{ color:#F77517; text-decoration:underline;}

}