@import url("font-awesome.min.css");
@import url("animate.css");
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	color:#555;
	font-family:"Microsoft YaHei", "微软雅黑";
	background-color: #FFFFFF;
	line-height:24px;
}
input,button,textarea,select{font-family:"Microsoft YaHei", "微软雅黑";}
UL {list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
img{ border:0px;}
#headt{
	width:100%;
	float:left;
	height:32px; background-color:#eee;
	 min-width:1200px;
	}
#head{
	width:100%;
	float:left;
	background-color:#fff;  min-width:1200px; overflow:hidden;
}
#dh{
	width:100%;
	float:left;
	height:44px;
	min-width:1200px; background-color:#00264B;
}
#flash{
	width:100%;
	float:left;
 min-width:1200px; height:600px; position:relative;
}
#flash .zzc{ width:100%;
	 height:600px;
	position:absolute;
	left:0px;
	top:0px;
	background-image: url(zzc.png);
	background-repeat: no-repeat;
	background-position: center top; z-index:10;
}
#flash .zzc .leftd{ width:210px; float:left; padding-top:60px;}
#flash .zzc .logo{ width:210px; text-align:center;}
#menua { float:left; width:210px;  padding-top:15px; padding-bottom:15px; }


#menua  A { width:210px; text-align:center; font-size:20px; line-height:45px; float:left; color:#fff;}
#menua A:hover {color:#EEF7FF;}
#menua  a::before {
	transition:transform 0.3s, opacity 0.2s; display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; -o-transition: -o-transform 0.3s, opacity 0.2s;
}
#menua  a::after {
	transition:transform 0.3s, opacity 0.2s; display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; -o-transition: -o-transform 0.3s, opacity 0.2s;
}
#menua  a::before {
	margin-right: 10px; content: "["; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px);
}
#menua  a::after {
	margin-left: 10px; content: "]"; transform: translateX(-20px); -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -o-transform: translateX(-20px);
}
#menua  a:hover::before {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
}
#menua  a:hover::after {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
}


#menua  A.sec{color:#EEF7FF}
#icon{ width:210px; float:left; text-align:center; margin-top:15px;}
#icon A{display:inline-block;; margin-left:8px; color:#333; margin-right:8px; width:30px; height:30px; line-height:30px; background-color:#fff;border-radius:30px;}
#icon A:hover{filter: Alpha(Opacity=80);
-moz-opacity:0.8; 		opacity:0.8;}
#icon A i{ font-size:18px;line-height:30px;}
#nyweb{
	width:100%;
	float:left; min-width:1200px; padding-top:20px; padding-bottom:20px;

}
#ljso{
	width:100%;
	float:left; min-width:1200px; height:40px; background-color:#f4f4f4; padding-top:4px; padding-bottom:4px; border-bottom:#ddd solid 1px;

}
.hyweb { width:100%; height:600px; position: relative; overflow:hidden; }
.hyweb li{ width:100%; height:600px;
	background-repeat: no-repeat;
	background-position: center top; text-align:center;
}
.hyweb li img{ border:0px;  width:100%; height:360px}
.hyweb li A{ width:100%;height:600px; display:block; margin:auto; OVERFLOW: hidden;}
/*数字按钮样式*/
.hyweb .num { width:100%; left:0px; bottom:15px; text-align:center; height:20px; line-height:20px; position: absolute; z-index: 10;	}
.hyweb .num li {display:inline-block;
	text-align:center;
	width:12px;
	height:12px;
	line-height:0px;
	overflow:hidden;

	text-align:center;
	margin-right:4px;
	margin-left:4px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0px;
	overflow:hidden; transition:all 0.3s ease-in-out 0s;border-radius:12px; background-color:rgba(0,0,0,0.3); 	filter: Alpha(Opacity=90);
-moz-opacity:0.9; 		opacity:0.9;
}
.hyweb .num li.on { background-color:#01274B;
} /*当前项*/

/*上一个  下一个*/
.hyweb .prev,
.hyweb .next {
	width: 50px;
	height:460px;
	position: absolute;
	filter: Alpha(Opacity=60);
-moz-opacity:0.6; 		opacity:0.6;
	background-repeat: no-repeat;
	background-position: left center;
	top:0px;
}
.hyweb .prev {
	left:-50px;
	background-image: url(lefta.png);
	background-repeat: no-repeat;
}
.hyweb .next {
	right:-50px;
	background-position: right center;
	background-image: url(righta.png);	
}
#hyweb{ width:100%; float:left; padding-top:30px; padding-bottom:30px; min-width:1200px;}
#hyweb_1{
	width:100%;
	float:left;
	background-image: url(22.jpg);
	background-repeat: no-repeat;
	background-position: center center; height:620px;
}
#hyweb_2{
	width:100%;
	float:left;
	background-color:#F7F7F7;
	padding-top:35px;
	padding-bottom:35px;

}
#hyweb_3{
	width:100%;
	float:left;
	background-image: url(n1.jpg);
	background-repeat: no-repeat;
	background-position: center center; height:620px;
}
#body_1{width:1200px; margin-left:auto; margin-right:auto;}
#dibu{
	width:100%;
	float:left;
	background-color:#012549;
	padding-top:5px;
	padding-bottom:15px;

}
#t1{ width:1200px; float:left; line-height:32px; color:#111; font-size:14px;}

#t1 .left{
	float:left;
	width:700px;
	float:left;
	}
#t1 .right{  float:right; text-align:right;}
#t1 .right span{ font-size:14px;}
#t1 A{color:#333;  float:left; line-height:32px;}
#t1 A i{ margin-left:12px; margin-right:12px;}
#t1 A.fd{ position:relative; height:32px; cursor:pointer; z-index:10000;}
#t1 A.fd .pic{ position:absolute; left:0px; top:-35px; height:0px; z-index:10000; overflow:hidden; filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0;transition:all 0.3s ease-in-out 0s;}
#t1 A.fd .pic img{ width:100px; height:100px;}
#t1 A:hover{color:#111;}
#t1 A.fd:hover .pic{ top:35px; filter: Alpha(Opacity=100);
-moz-opacity:1; 		opacity:1; height:auto;}
#top{
	width:1200px;
	float:left;

}

#logo{
	float:left;
	overflow:hidden; padding-top:15PX; padding-bottom:15PX; padding-right:30px;

}
#logo img{ float:left; height:72px; border:0px;}
#wzjc{ float:left; padding-left:30px; margin-top:20px;}
#wzjc h1{ font-size:16px; font-weight:normal;color:#333; line-height:35px;}
#wzjc p{ font-size:20px; color:#012549; font-weight:bold; text-align:right;}
#tel{ float:right; line-height:82px; font-size:13px; margin-top:7px;  color:#666;text-align:left;   background-image: url(top_tel.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:125px; }
#tel img{ float:right; height:82px; margin-left:14px;}
#tel .f22{
	font-family:"impact",Arial, Helvetica, sans-serif;
	font-size: 34px; 
	color:#012549; margin-top:4px;
}
#bht{ width:100%; float:left; border:#f5f5f5 solid 10px; background-color:#f9f9f9;}
#weso{ width:100%; float:left; line-height:40px; height:40px; font-size:13px;	  }
#weso A{ color:#666; font-size:14px; padding-left:6px; padding-right:6px;}
#weso A:hover{ color:#012549}
#weso .left{
	width:820px; padding-left:30px;
	float:left;
	overflow:hidden;
	background-image: url(slk.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#weso .left b{ color:#333;}
#weso .right{ width:300px; float:right;}
#search{
	width:320px;
	float:right;
	border:0px;
	margin-top:4px;
}
#search .input{
	width:228px;
	color:#999;
	padding-left:10px;
	padding-right:10px;
	height:30px;
	line-height:26px;
	font-size:14px;
	float:right;
	font-family:"Microsoft YaHei", "微软雅黑", "黑体";
	border:0px;
	border-right:0px;
	outline:none;
	border:#828282 solid 1px;
	background-color:#fff;
}
#search .buttom{
	width:46px;
	height:34px;
	line-height:28px;
	cursor:pointer;
	border:0px;
	font-weight:bold;
	margin:0px;
	font-family:"Microsoft YaHei", "微软雅黑", "黑体";
	padding:0px;
	float:right;
	font-size:14px;
	color:#ccc; background-color:#5D5D5D;
}

#bottom{
	width:1200px;
	float:left;
	line-height:22px;

}

#bottom .footer {
	HEIGHT: 40x;
	width:1200px;
	float:left; border-bottom:rgba(255,255,255,0.2) solid 1px;
}
#bottom .footer UL {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 40px;
	text-align:center;
	
	color:#fff;
}
#bottom .footer UL LI {
	DISPLAY: inline;
font-size: 14px;
	color: #fff;
}
#bottom .footer UL LI A {
	MARGIN: 0px 8px; color: #fff;}
#bottom .footer UL LI A:hover {
	color:#dff9f9;
}
#bottom .copyright { border-top:rgba(255,255,255,0.3) solid 1px;width:1200px; float:left;
	LINE-HEIGHT: 25px;
color: #fff; font-size:13px; text-align:center;
	padding-top:15px;
}
#bottom .copyright A{ color:#fff;}
a:link {
	text-decoration: none;
	color:#5a5a5a;
}
a:visited {
	text-decoration: none;
	color:#5a5a5a;
}
a:hover {
	color:#dff9f9;
}
.hg2{ margin-top:25px;}
.hg{ margin-top:15px;}
.hg1{ margin-top:20px;}
.izl-rmenu {
	position: fixed;
	right: 0;
	bottom: 30%;
	z-index: 999; background-color:#fff;width: 42px;
}
.izl-rmenu .btn {
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: relative; border:#ddd solid 1px; margin-top:-1px; text-align:center;color:#333; line-height:40px;
}
.izl-rmenu .btn:hover{ color:#fff; border:#dff9f9 solid 1px;}
.izl-rmenu .btn i{ font-size:18px; line-height:40px;}
.izl-rmenu .btn-qq {
}
.izl-rmenu .btn-qq:hover {
background-color: #dff9f9;
}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {

}
.izl-rmenu .btn-wx {

}
.izl-rmenu .btn-wx:hover {
	background-color: #dff9f9;
}
.izl-rmenu .btn-wx .pic {
	position: absolute;
	left: -120px;
	top: -1px;
	display: none;
	width: 120px;
	height: 120px;
}
.izl-rmenu .btn-phone {

}
.izl-rmenu .btn-phone:hover {
	background-color: #dff9f9;
}
.izl-rmenu .btn-phone .phone {
background-color:#dff9f9;
	position: absolute;
	width: 160px;
	left: -160px;
	top: -1px;
	line-height: 41px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
}
.izl-rmenu .btn-qq .qq {
background-color:#dff9f9;
	position: absolute;
	width: 100px;
	left: -100px;
	top: -1px;
	line-height: 41px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
}
.izl-rmenu .btn-top {
	display: none;
}
.izl-rmenu .btn-top:hover {
	background-color:#dff9f9; color:#fff;
}