﻿@charset "utf-8";
html{ overflow-x:hidden;}
html,body,div,span,p,h1,h2,h3,h4,h5,h6,em,img,strong,blockquote,
sub,sup,tt,i,b,dd,dl,dt,form,label,table,caption,
tbody, tfoot, thead,tr,th,td,ul,li,p,a,ol{ margin:0;padding:0;}
body{font-size:12px;font-family:"宋体";  color:#666;  }
input,select,textarea{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
img{ border:0;}
em,i{font-style:normal;}
ul,ol,li{list-style-type:none;}
.clear{clear:both;font-size:0px; line-height:0px; height:0px} 
.left{ float:left}
.right{ float:right;}
.yh_font{ font-family:"微软雅黑"}
.h_font{ font-family:"黑体"}
.Arial{ font-family:"Arial"}
.Tahoma{ font-family:"Tahoma"}

a{color:#666;text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:underline;color:#666;}


.main_full{ background:url(../images/mail_full.jpg) repeat-x top center;}
.top{ height:162px; width:993px; margin:0 auto}
.logo{ width:390px; height:78px; float:left; margin-top:15px;} 
.right_top{ width:260px; float:right; text-align:right}
.right_top dt { padding-top:23px; color:#636363}
.right_top dt a{  color:#636363}
.right_top dt a:hover{color:#636363}
.right_top dd{ padding-top:24px;}

.nav{ width:993px; height:47px; margin:0 auto 0; background:url(../images/nav.jpg) no-repeat;}
.nav ul{margin:0px 0 0px 0;padding:0px 0px 0 0; }
.nav li{float:left;  z-index:1000; margin-right:1px;text-align:center; font-size:14px; display:inline;color:#3c3c3c;padding:0px 0px 0 0px; vertical-align:middle; position:relative;}
.nav a,.nav a:visited{color:#3c3c3c; width:140px; padding:0px 0px 0 0px;height:40px; font-weight:bold; line-height:40px;font-size:14px;display:inline-block; margin:0px 0; text-align:center;}
.nav a:hover{}
.nav .on a,.nav .on a:visited,.nav .on a:hover{ text-decoration:none; background:url(../images/nav_hover.jpg) no-repeat bottom center; color:#FFF}
.nav .first a,.nav .first a:visited,.nav .first a:hover{}

.nav ul li ul{ position:absolute;   z-index:1000; top:40px; left:0; padding:0px 0 0 0px; width:140px;   text-align:left;  background:url(../images/nav_hover1.jpg) no-repeat; }
.nav ul li ul li{   float:none;  width:auto; height:26px; line-height:26px; margin:0px 0 0 0px; padding:0px 0 0 0px;text-align:left; background:none}
.nav ul li ul li a,.nav ul li ul li a:visited,.nav ul li.on ul li a,.nav ul li.on ul li a:visited,.nav ul li.on ul li a:hover{padding:0px 0 0 0px; margin:0 0px 1px 0px; width:140px; height:26px;line-height:26px;  text-align:center; background:none;display:inline-block; font-weight:normal; color:#144c6b; font-family:"宋体"; font-size:12px; background:#fff; opacity:0.78;  filter:alpha(opacity=78); float:left} 
.nav ul li.on ul li a:hover{ color:#256285;}

.search_btn{ width:60px; height:27px; background:url(../images/search_btn.jpg) no-repeat; border:0} 

.input1{ width:149px; padding-left:30px; height:27px; line-height:27px; background:url(../images/input1.jpg) no-repeat; border:0; color:#636363}

.head{ height:110px;}
.banner{ width:997px; padding-left:3px; padding-top:4px; height:346px; margin:0 auto; background:url(../images/b_bg.png) no-repeat;} 


.home_con1{ width:993px; height:335px;  margin:28px auto  0; overflow:hidden}

.home_about{ width:319px; float:left;}
.home_about dt,.home_p dt{ height:35px; margin-bottom:13px;}
.home_about dt.tit1{ background:url(../images/tit1.jpg) no-repeat;}
.home_about dd{ width:311px; height:253px; line-height:25px; color:#515151; overflow:hidden; padding:1px; padding-left:2px; background:url(../images/abuot_con.jpg) no-repeat top center; margin-left:5px; }
.home_about dd p{ padding:5px; padding-top:6px}

.home_p{ width:657px; float:right}
.home_p dt.tit3{ background:url(../images/tit2.jpg) no-repeat;}
.home_p dd li{background:url(../images/home_p.jpg) no-repeat; width:192px; height:244px; padding:7px; overflow:hidden; float:left; margin-right:19px; display:inline}
.home_p dd li span{ text-align:center; display:block; color:#007bbb; font-weight:bold; padding-bottom:5px; padding-top:5px;} 
.home_p dd li p{ color:#515151; line-height:20px;}

.home_con2{ width:993px; height:auto; margin:0 auto 0; padding-top:0; padding-bottom:39px;}
.home_news,.home_p_hot{ width:314px; height:216px; float:left; margin-right:17px; display:inline; background:url(../images/home_c_bg.jpg) no-repeat;}
.home_news dt,.home_p_hot dt,.message_home dt{ height:38px; line-height:38px; font-size:14px; color:#3e3e3e; padding-left:20px; position:relative}
.more_h1{ width:62px; height:25px; position:absolute; right:0; top:11px;}
.flash_h{ width:303px; height:137px;  display:inline;  margin:10px auto auto 4px; padding-left:5px;}

.home_news dd,.home_p_hot dd{ padding-top:13px;}
.home_news dd ul{ width:300px; height:auto; margin:0 auto}
.home_news dd li{ width:300px; height:28px; line-height:28px; float:left}
.home_news dd li a{ float:left; background:url(../images/icon.jpg) no-repeat left center; padding-left:20px; color:#606060}
.home_news dd li a:hover{color:#606060}
.home_news dd li span{ float:right}

.message_home{ width:327px; height:216px; float:right; background:url(../images/message_home.jpg) no-repeat;} 



.main{ width:993px; height:auto; margin:0 auto 0; overflow:hidden; padding-top:5px;}
.m_left{ width:200px; background:#efeff1; float:left; overflow:hidden; padding-bottom:4000px !important;margin-bottom: -4000px !important;}
.m_left h2{ line-height:32px; background:url(../images/left_tit.jpg) no-repeat; color:#0976ce; font-weight:bold; padding-left:19px; font-size:12px}


.left_class{ width:200px;}
.left_class dl{ width:163px; margin:16px auto 0; background:#FFF}
.left_class dd{ width:163px; margin-bottom:1px; float:left; line-height:27px; font-weight:bold; font-size:12px; color:#fff; background:url(../images/class.jpg) repeat-x;}
.left_class dd a{color:#fff; padding-left:28px; float:left; width:135px;}
.left_class dd a:hover{color:#fff; text-decoration:none}
.left_class dd a.hover {color:#fff; background:#197dcb; text-decoration:none}
.left_class dd ul{ float:left;}
.left_class dd ul li{ width:163px;  float:left; height:28px; line-height:28px; overflow:hidden; color:#666}
.left_class dd ul li a{ padding-left:35px; width:128px; font-weight:normal;  color:#666; font-size:12px; background:url(../images/two_class.jpg) no-repeat;}
.left_class dd ul li a:hover{color:#2299fa;}


 
.m_right{ float:right; width:769px;}
.r_tit{ color:#8b8b8b; font-size:12px; font-weight:normal; height:25px; line-height:25px;  border-bottom:1px #c4cdd0 solid; text-align:right}
.r_tit span{ color:#0090b8}
.r_tit a{ color:#8b8b8b;}
.r_tit a:hover{ color:#0475d6}

.p_r{ width:769px;  background:#fff; margin-top:2px;}
.p_r li{ float:left; height:auto;}
.p_r li.li1{ width:160px; padding-top:12px; height:99px; text-align:center; }
.p_r li.li2{ width:130px;  text-align:center; padding-top:30px; height:81px; color:#313131; font-weight:bold }
.p_r li.li3{ width:430px; padding-left:30px; text-align:left; padding-top:10px; height:81px; color:#3c3c3c }

.p_r dl{ width:769px;}
.p_r dd{ float:left; width:769px; color:#868686; height:116px; margin-top:12px; line-height:22px; background:url(../images/p_r.jpg) no-repeat} 
.p_r dd a{color:#868686;}
.p_r dd a:hover{color:#868686; }




.about{ color:#666; line-height:28px; padding-top:15px; }
.about b{ color:#0773cb}

.news_left{  width:769px; height:auto; }
.news_left p{ color:#666; line-height:24px; padding-bottom:15px; height:110px;  background:url(../images/line.jpg) repeat-x left bottom; overflow:hidden}
.news_left p img{ border:2px #cecece solid;  margin-right:16px;  }

.news_left ul{ width:769px; display:inline}
.news_left li{ float:left; width:769px; line-height:29px; background:url(../images/line.jpg) repeat-x left bottom}
.news_left li a{ float:left; padding-left:24px; background:url(../images/news_icon.jpg) no-repeat left center; color:#464646}
.news_left li span{ float:right; color:#464646}
.news_left li a:hover{  color:#464646}

.page{ padding-right:15px; height:25px; line-height:25px; color:#757779; text-align: right; padding-top:40px; padding-bottom:20px;}
.page a{ border:1px #bec5cb solid; color:#757779; padding:3px 5px 4px 5px; margin-left:2px; background:url(../images/page_bg.jpg) repeat-x; }
.page a:hover{ border:1px #5e98be solid;  background:url(../images/page_bg.jpg) repeat-x; color:#2c5bad; text-decoration:none}
.page a.hover{border:1px #5e98be solid;  background:url(../images/page_bg.jpg) repeat-x; color:#2c5bad; text-decoration:none}


.product li{ width:180px; height:160px; padding:6px; margin-top:16px; color:#484848; float:left;  background:url(../images/p_bg.jpg) no-repeat; text-align:center}
.product li img{ margin-top:6px;}
.product li span{ padding-top:10px; color:#484848; display:block}
.product li span a{color:#484848}
.product li span a:hover{color:#484848}



.foot_full{ height:124px; margin:0 auto; background:url(../images/foot.gif) repeat-x; height:124px;}

.links{ width:993px; height:30px; line-height:30px; margin:0 auto}
.links a{ color:#606060; margin-left:19px;}
.links a:hover{ color:#606060}

.foot{ width:993px;  margin:0 auto;  }
.foot dt{height:45px; line-height:45px;  color:#d4d4d4; font-size:14px; text-align:center;}
.foot dt a,.foot dt a:hover{color:#d4d4d4; margin-left:77px;}
.foot dd{ line-height:24px; color:#cfcfcf; text-align:center; padding-top:10px;}
.foot dd a,.foot dd a:hover{color:#cfcfcf;}



/**** 首页特效 ******/

	#abgne-gallery-20111224 {
		position: relative; margin-left:2px; 
		height: 137px;	/* 整個區塊的高 */
	}
	#abgne-gallery-20111224 ul {
		width: 265px;	/* 整個區塊的寬 - 兩個左右鈕的寬 */
		height: 137px;
		position: absolute;
		left: 21px;		/* 一個左鈕的寬 */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#abgne-gallery-20111224 li a {
		outline: none;
	}
	#abgne-gallery-20111224 li a img {
		vertical-align: middle;
		border: none;
		width:174px;
		height:120px;
	}
	#abgne-gallery-20111224 .controls {
		position: absolute;
		top: 60px;		/* (整個區塊的高 - 自己的高) / 2 */
		display: block;
		width: 21px;
		height: 21px;
		outline: none;
		
		
	}
	.prve{background: url(../images/next.jpg) no-repeat;}
	.next{background: url(../images/next.jpg) no-repeat;}
	#abgne-gallery-20111224 .previous {
		left: 0;
		background-position: 0px 0;
	}
	#abgne-gallery-20111224 .next {
		right: 0;
		background-position: 0 0;
	}