@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto; font-size:14px; background-color:#fafafa; }
.top_bei{ width:100%; height:38px; background:url(top_bei.gif);}
.top_wt{ width:1100px; margin: 0 auto;  line-height:38px;}
.top_left{ width:303px; float:left; height:32px; font-size:12px; color:#9d9d9d;}
.top_right{ width:260px; float:right; padding-top:5px;}

/*������ʼ*/
.dao_wt{ width:1100px; margin:0 auto; padding-bottom:15px;}
.dao_h{ float: left; width:880px;}
.dao_logo{ width:200px; float:left; padding:10px 0 20px 19px;}
.menu {
font-family: arial, sans-serif; 
width:899px; 
 float: left; padding-left:50px; padding-top:15px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul { padding:0; margin:0; list-style-type: none;}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:100px; 
height:93px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
line-height:90px; 
font-size:14px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:#22538d;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 

left:0; 
width:100px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; height:40px; line-height:40px;
background:#1f538c; 
color:# FFF; font-size:12px;

}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#6c9fdb; 
color:#FFF; height:40px; line-height:40px;}
/*��������*/
/*index��Ʒ*/
.pot_pin{ background:url(pot_bei.jpg) no-repeat; width:100%; height:466px;}
.pot_width{ width:1100px; margin:0 auto; overflow: hidden;}
.pot_bt{ width:1100px; height:45px; margin-top:22px;}
/*��ҳ�в�*/
.index_dyhwt{ width:1100px; margin:0 auto; margin-top:12px;}
.index_wh{ width:557px; height:250px; float:left}
.about_wt{ width:1100px; margin:0 auto; height:477px;}
.about_left{ width:411px; float:left; padding-right:46px;} 
.about_lefttu{ width:411px; height:230px; float:left; background:url(about_left.gif) no-repeat; padding-bottom:25px;}
.about_leftwz{ width:411px; height:190px; font-size:14px; color:#222222; line-height:30px; float:left;}
.about_right{ width:643px; height:477px; background:url(about_right.jpg) no-repeat; float:left; margin-top:25px;}
.about_more{ width:192px; height:53px;}
.anli_wt{ width:1100px; margin:0 auto; height:450px;}
.anli_bti{ width:1100px; height:52px; float:left; margin:50px 0 50px 0px; }
.news_wt{ width:1100px; margin:0 auto; height:530px;}
.news_hdp{ width:400px; height:341px; float:left;}
.news_wz{ width:685px; height:314px; font-size:14px; color:#aaaaaa; line-height:34px; float:left; padding-left:15px;}
.tub_bei{ width:100%; height:477px; background:url(tub_bei.jpg) no-repeat center;}
.tub_wt{ width:1150px; padding-top:91px; margin:0 auto;}


.tub_wt ul li{ float:left; padding-left:10px; list-style:none;}
/****************�ײ�***************/
.footer {
	width: 100%;
	background: #3b3f4a;
	margin-top: 25px;
}

.foot_box {
	width: 1004px;
	height: 256px;
	margin: 0 auto;
	overflow: hidden;
}

.foot_left {
	width: 190px;
	float: left;
	margin-left: 14px;
}

.foot_right {
	width: 766px;
	float: right;
	margin-right: 10px;	
	overflow: hidden;
}

.foot_right ul {
	width: 766px;
	padding-left: 5px;
	margin-top: 44px;
	overflow: hidden;
	padding-bottom: 15px;
	border-bottom: 1px solid #23262c;
}

.foot_right ul li {
	list-style: none;
	float: left;
	margin-right: 43px;
	text-align: center;
}

.foot_right ul li a {
	color: #cbd2de;
	font-size: 14px;
	font-family: "����";
}

.foot_wz_box {
	margin-top: 20px;
}

.foot_wz_box span {
	color: #cbd2de;
	font-size: 12px;
	line-height: 34px;
	font-family: "����";
}

.foot_wz_box span.sp_right {
	margin-left: 25px;
}

.foot_wz_box span.sp_right font {
	float: left;
}

.foot_wz_box span.sp_right div {
	float: left;
}
/*��ҳcss*/
.zi_bei{ width:100%; background:url(/images/zi_bei.jpg) no-repeat;}
.zi_left{ width:510px; float:left; padding-top:123px;}
.zi_bwt{ width:1100px; margin:0 auto;}
.en_bt{font: bold 68px/0.8em Arial; color: #067bb0;}
.p2{	display: inline-block;
 	height: 52px;
	vertical-align: text-bottom;}
.en{	font: bold 46px Arial;
	color: #000;
	line-height: 52px; }
	
.zh{font: bold 16px "Microsoft YaHei";
	color: #067bb0;
	line-height: 52px;}
.zi_tub{ width:409px; height:196px; background:url(/images/zi_tub.jpg) no-repeat; margin-top:15px;}	
.zi_abouttub{ width:409px; height:196px; background:url(/images/zi_abouttub.jpg) no-repeat; margin-top:15px;}	
.zi_newstub{ width:409px; height:196px; background:url(/images/zi_newstub.jpg) no-repeat; margin-top:15px;}	
.zi_pottub{ width:409px; height:196px; background:url(/images/zi_pottub.jpg) no-repeat; margin-top:15px;}	
.zi_jishutub{ width:409px; height:196px; background:url(/images/zi_jishutub.jpg) no-repeat; margin-top:15px;}
.zi_xiaostub{ width:409px; height:196px; background:url(/images/zi_xiaostub.jpg) no-repeat; margin-top:15px;}
.zi_lxwmtub{ width:409px; height:196px; background:url(/images/zi_lxwmtub.jpg) no-repeat; margin-top:15px;}
.zi_right{ width:590px; height:20px; float:right; padding-top:435px;}
.zi_nrwt{ width:1080px;  background-color:#fff; margin:0 auto; padding:10px; margin-top:20px; font-size:14px; color:#666; line-height:32px;}
.dan_bt{ font-size:16px;}

/*��ҳ�ײ�*/
.foot_bei{;
	width:100%;
	height:48px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.foot_wht{ width:1130px; margin:auto;}
.foot_left{ float:left; width:100px; height:48px;}
.fot_txtcon{ width:1130px; margin:auto;}
.fot_txt{ width:300px; height:70px; line-height:26px; color:#a2a2a2; font-size:12px; padding-top:10px;}



.pages { margin:auto; width:1100px; height:50px; clear:both;}
.pro_show { width:320px; float:left; text-align:center; line-height:30px; padding-left:25px;}
.pro_show img { border:solid 1px #cdcdcd;}


.list_img,.list_img02{ width:98%; padding:2px 0px 5px 0px; overflow:hidden; margin:0 auto;}
.list_img li{ width:49.9%; height:auto; float:left; display:inline; text-align:center; margin:5px 0px 0px 0px;}
.list_img li img{ width:195px; height:157px;}

.slide-main{height:483px;position:relative;}

.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


/*banaerͼ*/
a:link { color:#626262;
	text-decoration: none;
}
a:visited { color:#626262;
	text-decoration: none;

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

}
a:active { color:#626262;
	text-decoration: none;

}

.lanm_zs a{
	position: relative;
	overflow:hidden;
	display:block;
	width:328px;
	height:246px;}
.lanm_zs a img{
	position: absolute;
	transition: transform 0.3s;}
.lanm_zs a:hover img{
	transform: scale(1.1);
	z-index: 999999;}
	
.lanm_rc a{
	position: relative;
	overflow:hidden;
	display:block;
	width:328px;
	height:246px;}
.lanm_rc a img{
	position: absolute;
	transition: transform 0.3s;}
.lanm_rc a:hover img{
	transform: scale(1.1);
	z-index: 999999;}



/*�������*/
.clear {
    clear: both;
    height:0px;
    line-height:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.index_pot a:link{ color:#FFFFFF;}
.index_pot a:visited{ color:#FFFFFF;}
.index_pot a:hover{ color:#FFFFFF;}
.index_pot a:active{ color:#FFFFFF;}