@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:26px;
color:#646464;
background:#fff;

}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#646464; text-decoration: none;}

a:hover{color:#006633;text-decoration:none;}


h1{
float:left; width:300px;
padding-top:20px; padding-bottom:20px;

}

h2{color:#0080c6; font-weight:100; line-height:27px; font-size:40px; letter-spacing:0px; float:left; padding-left:20px; padding-top:15px; }
h2 em{  font-style:normal;  font-size:15px;font-weight:normal}
h2 span{ color:#ff0000;  font-size:15px;font-weight:normal}



/*--------------------index.html start----------------------*/


#head{
width:1200px;
margin:auto; 
}




/* All */
.nav { padding-top:11px; float:right;
}
.nav ul { font-size:17px;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;
  padding-left:40px; padding-top:12px;
  line-height: 1.2em;
  color: #151515;
}
.nav a:hover {  color: #0080c6;
  text-decoration: none;
}
.nav li ul {
  background: #0080c6; text-align:center;
}
.nav li ul li { font-size:15px;text-align:center;  

}
.nav li ul a {text-align:center;   padding-left:0px; padding-top:10px; padding-bottom:10px;  
  border: none;color:#FFFFFF
}
.nav li ul a:hover { color: #fff;
  background:#1594d9; 
}
.nav3 ul > li:hover ul li {  border-top:#0076b6 solid 1px; 
  height: 36px;width:100%;
}
.nav3 li ul {
  position: absolute;
  left: 0;
  top: 48px;
  z-index: 1;
}
.nav3 li ul li {width:100%;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}


#flash{
width:100%;
height:444px;
float:left;
}





.banner{
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height:444px;
			float: left;
			background:  no-repeat center center;
		}
		
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background:none;
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
			 z-index:200;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background:rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
			list-style-type:none;
		}
		.banner ol .current{
			background:rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
			 z-index:200;
		}
		.banner .left{
			left: 20px;
			background:url(/Html/images/images/left_right.png) no-repeat 0 0px;
		}
		.banner .right{
			right: 20px;
			background:url(/Html/images/images/left_right.png) no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color:none;
		}







#ab21{width:100%; float:left; background:url(/Html/images/images/ab.jpg) no-repeat top center #749dc0; height:350px; color:#FFFFFF}
#ab21 a{color:#FFFFFF}
.ab2{width:1200px; margin:auto; padding-top:50px; }
.ab2 h3{width:655px;  font-size:30px; float:left; line-height:50px; padding-bottom:15px; color:#FFFFFF }

.ab2-1{width:655px; float:left; }



.m2{background:#9abedd;width:180px; margin-right:1000px; line-height:33px; float:left;color:#9abedd; margin-top:30px; text-align:center;  text-transform:uppercase;position: relative;z-index: 3; display: block; font-weight: normal; line-height:33px; height:33px;  color: #000;border-radius:3px;}

.m2 a{border-radius:0px; width:180px; line-height:33px; float:left; color:#000;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:33px; height:33px;  color: #000;}
.m2 a:hover{ 
	background:#FFFFFF\9;color: #fff;}
	
.m2:after{content:'';position:absolute;height:100%;width:0;background:#6690b5;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m2:hover:after,.ydao ul li.cur:after{width:100%;color: #fff; border-radius:3px;}




.fot1{width:100%; float:left; background:#272727; padding-bottom:40px;}
.fot{ width:1200px; margin:auto; clear:both; padding-top:60px; }

.fot-menu1{ width:150px; float:left;  padding-right:30px;}
.fot-menu1 h5{width:150px; float:left;text-align:left;font-size:21px; color:#ffffff;font-weight:normal; }

.fot-menu1 ul{overflow:hidden; text-align:left; float:left; font-size:16px;width:150px; padding-top:20px;}
.fot-menu1 ul li{display:inline;float:left; line-height:30px; width:150px; }
.fot-menu1 ul li a{ float:left; width:150px; color:#b2b2b2}
.fot-menu1 ul li a:hover{ float:left; width:150px; color:#fff}



.fot-menu2{width:250px; float:left;text-align:left;font-size:20px; color:#000;font-weight:normal; margin-left:60px;  }
.fot-menu2 h5{width:250px; float:left;text-align:left;font-size:21px; color:#ffffff;font-weight:normal }

.fot-menu2 ul{overflow:hidden; text-align:left; float:left; font-size:16px;width:250px; padding-top:20px;}
.fot-menu2 ul li{display:inline;float:left; line-height:30px; width:250px;}
.fot-menu2 ul li a{ float:left; width:250px; color:#b2b2b2}
.fot-menu2 ul li a:hover{ float:left; width:250px; color:#fff}

.contact{width:250px; float:right;text-align:left;font-size:16px; color:#fff;font-weight:normal;line-height:35px; margin-left:60px; }
.contact h5{width:250px; float:right;text-align:left;font-size:24px; color:#fff;font-weight:normal; padding-bottom:22px; }

.contact a{color:#fff;}

.ewm{ width:200px; float:left; padding-top:10px; padding-bottom:25px;}





.footer1{width:100%; float:left; background:#191919; padding-top:30px; padding-bottom:30px;}
.footer{width:1200px; margin:auto; clear:both; text-align:left; font-size:16px;color:#6d6d6d;}
.footer a{color:#6d6d6d;}

.zzb07tail{color:#6d6d6d}
a.zzb07link{color:#6d6d6d; text-decoration:none;}
a.zzb07link:hover {color:#6d6d6d;text-decoration:underline;}


.link{ width:220px; float:right; text-align:right}