﻿@charset "utf-8";
/* CSS Document */
body{ width:100%; height:auto; margin:0px; padding:0px;}


.dz{ width:100%; height:1.6em; background:#B1E7FF;}
.dzn{ width:80%; margin:0 auto;color:#646464; text-align:right; line-height:1.6em; font-size:0.8em;}
.dzn a{ color:#646464; text-decoration:none;}
.dzn a:hover{ color:#019BE1;}
a:active{ color:#000000; text-decoration:none;}
@media screen and (min-width:1000px){
.biaoti{ width:100%; height:30px; border-bottom:1px solid #CCC; margin-top:2em;}
.biaoti1{ width:20%; height:30px; font-size:1.4em; border-bottom:#019BE1 2px solid;color:#646464; margin:0 auto; text-align:center;}
}

@media screen and (max-width: 999px){.biaoti{ width:100%; height:30px; border-bottom:1px solid #CCC; margin-top:2em;}
.biaoti1{  height:30px; font-size:1.4em; border-bottom:#019BE1 2px solid;color:#646464; margin:0 auto; text-align:center;}
}

@media screen and (min-width:1000px){

.bottom{ width:1000px;  margin:0 auto;  overflow:hidden;margin-top:2em;}
.b1{ width:320px; float:left; }

.b11{ margin-top:1.2em;height:125px; }
.b111{  height:125px; position:absolute;}
.b111t img { }
.b111z{ width:320px; height:2.2em; line-height:2.2em; color:#FFF;position:absolute; margin-top:-2.2em;
background:#666 !important;filter:alpha(opacity=70);opacity:0.7; font-size:12px; text-align:center; font-weight:bold;}
.b111  a{color:#FFF;}

.b2{ width:320px; float:left; margin-left:20px;}
.b2p{ width:320px; height:190px; margin-top:1.2em;}
.b2p img { }
.b2 h3{ w}
.b2 p{ line-height:2.2em; font-size:12px; color:#646464; text-indent:2em;}
.b3{ width:320px; float:left; margin-left:20px;}
.b3 ul{ margin-top:1.2em;}
.b3 ul li {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#646464;}
.b3 ul li small{color:#019BE1; }
.b3 ul li a {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#000000;}
.b3 ul li a:hover { color:#019BE1;}
}

@media screen and (min-width: 680px) and (max-width: 999px){
.bottom{ width:97%;  margin:0 auto;  overflow:hidden;margin-top:2em;}
.b1{ width:47%; float:left; height:auto;margin-left:2%;}

.b11{ margin-top:1.2em;height:125px; }
.b111{  height:125px; position:absolute;}
.b111t img { }
.b111z{ width:320px; height:2.2em; line-height:2.2em; color:#FFF;position:absolute; margin-top:-2.2em;
background:#666 !important;filter:alpha(opacity=70);opacity:0.7; font-size:12px; text-align:center; font-weight:bold;}
.b111  a{color:#FFF;}

.b2{ width:47%; float:left; margin-left:2%;}
.b2p{  margin-top:1.2em;}
.b2p img { width:100%;}
.b2 h3{ }
.b2 p{ line-height:2.2em; font-size:12px; color:#646464; text-indent:2em;}

.b3{ width:100%; float:left; margin-left:2%;}
.b3 ul{ margin-top:1.2em;}
.b3 ul li {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#646464; float:left; width:48%; margin-left:1%;margin-right:1%;}
.b3 ul li small{color:#019BE1; }
.b3 ul li a {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#000000;}
.b3 ul li a:hover { color:#019BE1;}
	}
	
@media screen and (min-width: 480px) and (max-width: 679px){
.bottom{ width:80%;  margin:0 auto;  overflow:hidden;margin-top:2em;}

.b1{ width:320px; height:420px; margin:0 auto;}
.b11{ margin-top:1.2em;height:125px;}
.b111{  height:125px; position:absolute;}
.b111t img {}
.b111z{ width:320px; height:2.2em; line-height:2.2em; color:#FFF;position:absolute; margin-top:-2.2em;
background:#666 !important;filter:alpha(opacity=80);opacity:0.8; font-size:12px; text-align:center; font-weight:bold;}
.b111  a{color:#FFF;}

.b2{ width:320px;  margin:0 auto;}
.b2p{  margin-top:1.2em;}
.b2p img { }
.b2 h3{ }
.b2 p{ line-height:2.2em; font-size:12px; color:#646464; text-indent:2em;}

.b3{ width:320px;  margin:0 auto;}
.b3 ul{ margin-top:1.2em;}
.b3 ul li {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#646464; }
.b3 ul li small{color:#019BE1; }
.b3 ul li a {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#646464;}
.b3 ul li a:hover { color:#019BE1;}
	}
@media screen and (max-width: 479px){
.bottom{ width:98%;  margin:0 auto;  overflow:hidden;margin-top:2em;}

.b1{ width:320px; height:420px; margin:0 auto;}
.b11{ margin-top:1.2em;height:125px;}
.b111{  height:125px; position:absolute;}
.b111t  img { }
.b111z{ width:320px; height:2.2em; line-height:2.2em; color:#FFF;position:absolute; margin-top:-2.2em;
background:#666 !important;filter:alpha(opacity=80);opacity:0.8; font-size:12px; text-align:center; font-weight:bold;}
.b111  a{color:#FFF;}

.b2{ width:320px;  margin:0 auto;}
.b2p{  margin-top:1.2em;}
.b2p img {}
.b2 h3{ }
.b2 p{ line-height:2.2em; font-size:12px; color:#646464; text-indent:2em;}

.b3{ width:320px;  margin:0 auto;}
.b3 ul{ margin-top:1.2em;}
.b3 ul li {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#646464; }
.b3 ul li small{color:#019BE1; }
.b3 ul li a {font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#646464;}
.b3 ul li a:hover { color:#019BE1;}
	}
	
	
	
@media screen and (min-width:1000px){
.dede_pages{ width:1000px; margin:0 auto; text-align:center; margin-top:1em; margin-bottom:1.4em;font-size:12px;  line-height:2em; color:#646464;}
.pagelist{ width:80%; margin-left:20%; margin-bottom:2em; height:2em; margin-top:1.2em;}
.pagelist li{ float:left;  border:#999 1px solid; background:#CCC;min-width:30px;}
}
@media screen and (min-width: 580px) and (max-width: 999px){
.dede_pages{ width:90%; margin:0 auto; text-align:center; margin-top:1em; margin-bottom:1.4em;font-size:12px;  line-height:2em; color:#646464;}
.pagelist{ width:80%; margin-left:20%; margin-bottom:1.2em; height:2em; margin-top:1.2em;overflow:hidden}
.pagelist li { display:inline;min-width:6em;overflow:hidden;}
.thisclass{}
	}

@media screen and (min-width:465px) and (max-width: 579px){
.dede_pages{ width:90%; margin:0 auto; text-align:center; margin-top:1em; margin-bottom:1.4em;font-size:12px;  line-height:2em; color:#646464;}
.pagelist{ width:80%;   overflow:hidden; margin-left:14%;  margin-bottom:1.2em; height:2em; margin-top:1.2em;}
.pagelist li{ display:inline;  overflow:hidden;}
.thisclass{}
	}
@media screen and (max-width: 464px){
.dede_pages{ width:90%; margin:0 auto; text-align:center; margin-top:1em; margin-bottom:1.4em;font-size:12px;  line-height:2em; color:#646464;}
.pagelist{ overflow:hidden;width:80%; margin-left:10%;  margin-bottom:1.2em; height:2em; margin-top:1.2em;}
.pagelist li{ display:inline;  overflow:hidden;}
.thisclass{}
	}
