﻿/* CSS Document */
*{margin:0px auto; padding:0px;}
img{border:0;}
ul{list-style-type:none;}
a{text-decoration:none;}
ul, ol, li { list-style-type: none; }

body {
margin: 0 auto;
font-family:"Microsoft YaHei";
background-color:#d1d1d1
}

ul,li{margin:0px; padding:0px;list-style:none;}

a{text-decoration: none;
   color:#006ea6;}
h2{ font-size:24px;
    text-align:center;
	text-shadow: #CCC;
	margin-bottom:8px;}
h3{ font-size:20px;
    text-align:left;
	margin-bottom:5px;
	}
	
#header {
position:relative; width:100%;   margin:0 auto; max-width:640px; min-width:320px; background:#fff; font-size:14px; 
}

#header img{
 width:100%;max-width:640px; min-width:320px; height:auto; 
}

#nav {
background-color:#006ea3;
position:relative; width:100%;  margin:0 auto; max-width:640px; min-width:320px;  font-size:14px; text-align:center; height:40px;
}

#nav .menu {
clear:both;
width:100%;
font-size: 14px;
font-weight: bold;
color:#fff;
text-align:center;
height:40px;
}

#nav .menu a {
line-height:40px; border-left:1px dotted #00B38C;border-right:1px dotted #00795F; display:block; width:19%; float:left;color:#fff;font-size:14px;
}

#nav .menu a:hover {
color: #213458;
}

.syh{position:relative; width:100%;  margin:0 auto; max-width:640px; min-width:320px;}
.syh img{width:100%; max-width:640px; min-width:320px; display:block}


#slider {    

    position: relative; /* important */
    overflow: hidden; /* important */
    max-width:640px; 
	min-width:320px; 
	height:auto;
}
#slider img{  border: 0px; }

#sliderContent {
    width: 100%; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
	
}
.sliderImage {
    float: left;
    position: relative;
    display: none;
    width: 100%;
    height:auto;
    left: 0;
    margin-left: 0;
}
.sliderImage img{
    float: left;
    position: relative;
    left: 0;
    margin-left:0px;
	
}
.sliderImage span {
    position: absolute;
    font: 14px 微软雅黑,sans-serif;
    padding: 1px 9px;
    width: 620px;
    height:38px;
    line-height: 46px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    display: none;
letter-spacing:0.3mm;
}
.clear {
 clear: both;
}
.sliderImage span strong {
    font-size: 80%;
}			   

#content {
position:relative; width:100%; padding-bottom:20px;  margin:0 auto; max-width:640px; min-width:320px; background:#fff; font-size:14px;
}

.ksnav{ width:92%; padding-top:4%;overflow:hidden; }
.ksnav ul li{ width:23%; float:left; margin-right:2.6%; height:3.1em; text-align:center; display:inline;}
.ksnav ul li a{width:50%;height:3.1em;display:block; margin-top:15%; margin-bottom:15%;}
.ksnav ul li a img{ width:100%;}
.ksnav ul li.ksnav1{ background:#FBA1A1;height:100%;}
.ksnav ul li.ksnav2{ background:#C8E2B3;height:100%;}
.ksnav ul li.ksnav3{ background:#F2C667;height:100%;}
.ksnav ul li.ksnav4{ background:#70D1C8; margin-right:0%; float:right;height:100%;}

.ksnava{ width:92%; margin-top:2%;overflow:hidden;}
.ksnava ul li{ width:23%;margin-right:2.6%; float:left;text-align:center;}
.ksnava ul li a{ color:#626262; }

.tel_img{overflow:hidden; text-align:center;}
.tel_img img{ width:100%;}


#content_center{
			   width:92%; overflow:hidden; text-align:center;
               background-color: #FFF;
			   }
			   
#content_center .wenti{
	
width:100%;
font-size: 16px;
color:#000;
}

#content_center .wenti ul {
width:100%;	
margin-left:0px;
}

#content_center .wenti li {
height:30px;
background:url('../images/list.png') 1% no-repeat; 
padding-left:9%;
margin-left:0px;
margin-top:2%;
margin-bottom:2%;
border-bottom:1px dashed #ccc;
text-align:left;
line-height:1.7em;
overflow: hidden;
}

#content_center .wenti a {
display: block;
text-decoration: none;
color: #006ea6;
padding:0px;
}

#content_center .wenti a:hover {
color: #666;
}

.wt{width:100%; margin-top:1%; overflow:hidden;}
.wt ul li{ float:left; width:24%;-width:25%; text-align:center;}
.wt ul li a{ width:90%; display:block; text-decoration:none; color:#333;border: 1px solid #d9d9d9;border-radius:5px; line-height:2em; }
.wt ul li a:hover{  color:#666; }


#content_center .zhuanjia{width:100%; height:auto; margin-top:3%; text-align:center; overflow:hidden;}
#content_center .zhuanjia ul{width:100%; height:auto;}
#content_center .zhuanjia ul li{width:25%; height:auto; float:left; text-align:center; line-height:35px;font-size:0.85em;}
#content_center .zhuanjia ul li img{width:100%; height:auto; }

#content_center .zhuanjia a {
display: block;
text-decoration: none;
color:#FFF;
padding:0px;
}

#content_center .zhuanjia a:hover {
color: #213458;
}

.banner{width:100%; max-width:640px; min-width:320px; height:auto;}
.banner img{width:100%; max-width:640px; min-width:320px;}

#content_center .n1{
width:100%;
margin-top:2%;
clear:both;
height:60px;
}
#content_center .n1 img{
width:25%;
padding-top:5px;
}
#content_center .n1_left {
	float:left;
	margin-left:2%;
	margin-top:3px;
	text-align:left
}
#content_center .n1_left p{
 margin:0px;
 line-height:1.5em;
}

#content_center .n1 a {
display: block;
text-decoration: none;
padding:0px;
}

#content_center .n1 img {
	margin-top:15px;
}

#content_center .n1 a:hover {
	color: #000;
}


#content_center .gnza{
width:100%;
margin-bottom:10px;

}

#content_center .gnza ul {
list-style: none;
margin-left:0px;
width:100%;
margin-top:2%;
}

#content .gnza li {
float:left;
margin-left:0%;
text-align:center;
width:33.3%;
margin-top:2%;
}

#content_center .gnza a {
width:92%; display:block; color:#333;border-radius:5px; line-height:2.9em;border: 1px solid #d9d9d9; 
}

#content .gnza a:hover {
	color:#006ea6;
}



/* bioatiye */

#content_center .zixun{
width:100%;
font-size: 24px;
color:#000;
}

#content_center .zixun ul {
list-style: url(../images/list.png);
margin-left:-20px;
}

#content_center .zixun li {
float:left;
position: relative;
margin-left:40px;
margin-top:10px;
margin-bottom:10px;
background:#FFF;
}

#content_center .zixun a {
display: block;
text-decoration: none;
color: #06C;
font-size:24px;
padding:0px;
}

#content_center .zixun a:hover {
color: #213458;
}


.gndh{width:100%; margin-top:1%; overflow:hidden;}
.gndh ul li{ float:left; width:19%;text-align:center;}
.gndh ul li a{ width:90%; display:block; text-decoration:none; color:#006ea6;border: 1px solid #d9d9d9;border-radius:5px; line-height:2em; }
.gndh ul li a:hover{  color:#666; }


#content_center .lianxi{
width:100%;
font-size: 18px;
height:auto;
clear:both;
margin-top:20px;
}

#content_center .lianxi ul {
list-style: none;
margin-left:0px;
width:100%
}

#content_center .lianxi li {
float:left;
margin-left:8%;
width:40%;
}

#content_center .lianxi li img{
width:100%;
}

#content_center .zhengzhuan{
width:100%;
font-size: 24px;
}

#content_center .zhengzhuan ul {
list-style: none;
margin-left:0px;
margin:0px;
}

#content_center .zhengzhuan li {
float:left;
margin-left:4%;
margin-top:2%;
font-size:14px;
text-align:center;
width:19%;
line-height:1.6em;
}

#content_center .zhengzhuan a {
display: block;
text-decoration: none;
color:#333;
width:100%;
}

#content_center .zhengzhuan a:hover {
	color:#006ea6;
}

/* zhongduan*/

#content_center .zaixianzixun{
width:100%;
font-size: 18px;
margin:15px auto;
height:50px;
margin-bottom:0px;
padding-bottom:15px;
}

#content_center .zaixianzixun ul {
list-style: none;
}

#content .zaixianzixun li {
float:left;
width:40%;
position: relative;
background:#FFF;
margin-left:6%;
}
#content .zaixianzixun li img{
width:100%;
}

#content_center .zaixianzixun a {
display: block;
padding:0px;
border:0 0 0 0;
}

#content .zaixianzixun a:hover {
border:0 0 0 0;
filter:alpha(opacity=70);  
-moz-opacity:0.7;  
-khtml-opacity: 0.7;  
 opacity: 0.7;  
}


#text{
font-size:14px;
margin-top:30px;
width:92%; 
background-color:#fff;
height:130px;
}

#text_nr{
	 width:100%;
	 font-size:14px;
	 height:50px;
	 }

#text_nr ul {
list-style: none;
margin-left:4%;
margin-top:10px;
}

#text_nr li {
float:left;
position: relative;
margin-left:5px;
background:#FFF;
line-height:30px;
}

#text_nr a {
display: block;
padding:0px;
color:#000;
font-size:14px;
}

#text a:hover {
	color:#06F;
}

.articleContent{padding:15px 0;font-size:16px; line-height:25px; text-align:left;}
.articleContent img {
	max-width:100%;
}

#footer2{
max-width:640px; min-width:320px; height:auto;
}
#footer2 UL{
width:100%; max-width:640px; min-width:320px; 
}

#footer2 img{
width:100%;  height:auto;
}


#footer{
clear:both;
width:100%; max-width:640px; min-width:320px; height:auto;
	line-height:22px;
	 z-index:100000000;
	 position:fixed;
	 bottom:0px;
	 left:0;
	 _position:absolute; 
	 /* for IE6 */
	  _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 
	  _left: expression(documentElement.clientWidth/2-510); 
	  /* for IE6 */ 
	  overflow:visible;

}

#footer ul {
width:100%;	
list-style: none;
margin-left:0px;
}

#footer li {
width:25%;
float:left;
position: relative;
margin-left:0px;
}


#footer li img{
width:100%;
}

#footer a {
display: block;
text-decoration: none;
padding:0px;
background:#006ea3;
}

#footer a:hover {
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8; 

}


.clearfix { 
  *zoom: 1; 
} 
 
.clearfix:before, 
.clearfix:after { 
  display: table; 
  line-height: 0; 
  content: ""; 
} 
 
.clearfix:after { 
  clear: both; 
}



.articleContent {
	line-height:28px;
}

#text {
	height:auto;
}

#text_nr {
	height:auto;
}

#text_nr .fang {
	margin-left:0;
	text-align:center;
}
      
#text_nr .fang li {
	float:none;
	display:inline-block;
}
#text_nr .fang li img {
	margin-top: 6px;
}




.lm_title {
	border-bottom:4px solid #006099;line-height: 45px;
}

.lm_title .lm {
	border-bottom:1px solid #8AD1E5; font-weight:bold;
}

.lm_title .t_zh {
	font-size: 24px;float: left;color: #5A5A5A;
}

.lm_title .t_en {
	font-size: 18px;float: left;margin-left: 5px;color: #A5A5A5;
}

@media screen and (max-width: 640px) {
	
}

@media screen and (max-width: 640px) and (min-width: 480px){
	
}

@media screen and (max-width: 480px) and (min-width: 360px){
	.lm_title .t_zh {
		font-size: 20px;
	}
	
	.lm_title .t_en {
		font-size: 14px;
	}
	
	.lm_title {
		line-height:38px;
		border-bottom:2px solid #006099;
	}
}
	
@media screen and (max-width: 360px) and (min-width: 200px){
	.lm_title .t_zh {
		font-size: 14px;
	}
	
	.lm_title .t_en {
		font-size: 9px;
	}
	
	.lm_title {
		line-height:24px;
		border-bottom:2px solid #006099;
	}
}


#footer2 .yiyan3 {
	text-align: center;
	font-size: 16px;
	color: #3F81A6;
    font-weight: bold;
	padding: 10px 0;
	background-color: #EEEEEE;
}
#footer2 .yiyan3 strong {
	font-size: 20px;
}


@media screen and (max-width: 480px) and (min-width: 360px){
	#footer2 .yiyan3 {
		font-size:16px;	
	}
	
	#footer2 .yiyan3 strong {
		font-size: 18px;
	}
}
	
@media screen and (max-width: 360px) and (min-width: 200px){
	#footer2 .yiyan3 {
		font-size:12px;	
	}
	
	#footer2 .yiyan3 strong {
		font-size: 14px;
	}
}





@media screen and (max-width: 480px) and (min-width: 200px){
	#content_center .wenti a {
		font-size:14px;
		line-height: 2em;
	}
	
}
	
@media screen and (max-width: 360px) and (min-width: 200px){
	
}