@charset "gb2312";
/* CSS Document */

p,h1,h2,h3,h4,h5,h6,input{ margin:0; padding:0;}
ul,li{ margin:0; padding:0; list-style:none;}
img{ border:none; margin:0; padding:0; }
a,a:hover{ text-decoration:none;}
a{ color:#333333;}
button,input,select{outline:none;}
a:hover{color: #006eab;}
.clear{ clear:both;}
body{ background-color:#ffffff;  margin:0; padding:0; font-family:"΢ÈíÑźÚ";}

@media (min-width: 1024px){
.top{ width:1200px; margin:auto; height:130px;}
.top img{ margin-top:10px;}
.top .src{ float:right; margin-top:50px;}
.top .src1{float:left; width:194px;height:29px; background:url(../images/src_bg1.jpg) no-repeat; border:none; text-indent:10px; font-family:"΢ÈíÑźÚ";}	
.top .src2{float:left; width:36px;height:29px; background:url(../images/src_bg2.jpg) no-repeat;border:none; }
.top .src a,.top .src span{ color:#004689;}

.nav_bg {z-index: 500;width:100%; height:50px; line-height:50px; background-color:#34689a; }
.nav { width:1200px; margin:auto;font-size:18px;}
.nav li.top {display: block; float: left; width:200px;height: 50px;line-height:50px;}
.nav li a.top_link {display: block; float: left;}
.nav li a.top_link span {width: 200px; display: block; text-align:center; float: left; height: 50px; color:#fff;}
.nav li:hover a.top_link {background-color:#004689; color:#ffffff;}
.nav li:hover {z-index: 200; position: relative;}

.nav li:hover ul.sub {z-index: 270;  width: 200px; white-space: nowrap; top: 50px;left:1px; text-align:center;}
.nav li:hover ul.sub li {position: relative; width: 200px; display: block; float: left; height: 50px;}
.nav li:hover ul.sub li a {line-height: 50px; text-indent: 5px; width: 200px; display: block; height: 50px; color: #000; font-size: 16px;background: #e1ecf6;}
.nav li:hover ul.sub li a:hover {background:#6a90b5 center; color:#fff; }

.nav li:hover li:hover ul {z-index: 400;width: 200px; white-space: nowrap;  height: auto; top: -1px; left:200px}
.nav ul {position: absolute; padding: 0px; list-style: none; margin: 0px; width: 0px; height: 0px; top: -9999px;  left: -9999px}


/*bottom*/
.bottom{ width:100%; background-color:#2f5398;font-size:14px; overflow:hidden; padding-bottom:40px; }
.link{ width:100%; background-color:#fff; border-top:1px solid #e0e0e0;}
.link p{ width:1180px; margin:auto;height:70px;  }
.link p img{ margin-top:18px; float:left; margin-right:50px;}
.link p select{ border:1px solid #e0e0e0; background-color:#f9f9f9;width:310px; height:35px; line-height:35px; float:left;text-align:center; margin-top:18px; margin-right:25px; text-indent:10px;}
.footer{ width:1200px; margin:auto; padding-top:50px;}
.footer a{color:#FFF;}
.footer img{ float:left;}
.footer ul{ float:left; color:#eeeeee;border-left:1px solid #6b85b6; margin-left:80px; padding-left:80px; height:160px; line-height:32px;}

}
@media (min-width: 768px) and (max-width: 1024px){
.top{ width:1200px; margin:auto; height:130px;}
.top img{ margin-top:10px;}
.top .src{ float:right; margin-top:50px;}
.top .src1{float:left; width:194px;height:29px; background:url(../images/src_bg1.jpg) no-repeat; border:none; text-indent:10px; color:#cccccc; font-family:"΢ÈíÑźÚ";}	
.top .src2{float:left; width:36px;height:28px; background:url(../images/src_bg2.jpg) no-repeat;border:none; }
.top .src a,.top .src span{ color:#004689;}

.nav_bg {z-index: 500;width:100%; height:50px; line-height:50px; background-color:#34689a; }
.nav { width:1200px; margin:auto;font-size:18px;}
.nav li.top {display: block; float: left; width:200px;height: 50px;line-height:50px;}
.nav li a.top_link {display: block; float: left;}
.nav li a.top_link span {width: 200px; display: block; text-align:center; float: left; height: 50px; color:#fff;}
.nav li:hover a.top_link {background-color:#004689; color:#ffffff;}
.nav li:hover {z-index: 200; position: relative;}

.nav li:hover ul.sub {z-index: 270;  width: 200px; white-space: nowrap; top: 50px;left:1px; text-align:center;}
.nav li:hover ul.sub li {position: relative; width: 200px; display: block; float: left; height: 50px;}
.nav li:hover ul.sub li a {line-height: 50px; text-indent: 5px; width: 200px; display: block; height: 50px; color: #000; font-size: 16px;background: #e1ecf6;}
.nav li:hover ul.sub li a:hover {background:#6a90b5 center; color:#fff; }

.nav li:hover li:hover ul {z-index: 400;width: 200px; white-space: nowrap;  height: auto; top: -1px; left:200px}
.nav ul {position: absolute; padding: 0px; list-style: none; margin: 0px; width: 0px; height: 0px; top: -9999px;  left: -9999px}


/*bottom*/
.bottom{ width:100%; background-color:#2f5398;font-size:14px; overflow:hidden; padding-bottom:40px; }
.link{ width:100%; background-color:#fff; border-top:1px solid #e0e0e0;}
.link p{ width:1180px; margin:auto;height:70px;  }
.link p img{ margin-top:18px; float:left; margin-right:50px;}
.link p select{ border:1px solid #e0e0e0; background-color:#f9f9f9;width:310px; height:35px; line-height:35px; float:left;text-align:center; margin-top:18px; margin-right:25px; text-indent:10px;}
.footer{ width:1200px; margin:auto; padding-top:50px;}
.footer a{color:#FFF;}
.footer img{ float:left;}
.footer ul{ float:left; color:#eeeeee;border-left:1px solid #6b85b6; margin-left:80px; padding-left:80px; height:160px; line-height:32px;}

}

@media (max-width: 768px){
.top{ width:100%; margin:auto; text-align:center;}
.top img{ margin:15px 0; width:80%;}
.top .src{ display:none;}
	
/*nav µ¼º½*/
.nav_bg {z-index: 500;width:100%; height:50px; line-height:50px; background-color:#34689a; }
.nav { width:100%; margin:auto;font-size:12px;}
.nav li {display: block; float: left; width:16%;height:50px;line-height:50px;}
.nav li a{color:#ffffff;}
.nav li:hover{ display:block; background-color:#004689; color:#ffffff;}
.nav .sub { display:none;}
	
/*bottom*/
.bottom{ width:100%; background-color:#2f5398;font-size:14px; overflow:hidden; padding-bottom:20px; }
.link{ width:100%; overflow:hidden; background-color:#fff; border-top:1px solid #e0e0e0; padding:10px 20px 20px 20px;}
.link p{ width:100%; margin:auto;  }
.link p img{ display:block; margin:10px 0;}
.link p select{ border:1px solid #e0e0e0; background-color:#f9f9f9;width:30%; height:35px; line-height:35px; float:left;text-align:center; margin:1px;}

.footer{ width:100%; margin:auto; padding-top:50px; text-align:center;}
.footer a{color:#FFF;}
.footer img{ width:40%;}
.footer ul{  color:#eeeeee; padding:20px; line-height:26px; font-size:12px;}
	
}