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

/*系统样式*/
body{font-family:"Microsoft YaHei";font-size: 12px;color:#5f5f5f; line-height:1.8em;margin:0;-webkit-text-size-adjust:none;}
html{overflow-x:hidden;overflow-y:auto;} 

h1,h2,h3{ padding:0; margin:0;}
.x{margin:0 auto;}
.left{float:left}
.right{float:right}
p,ul{list-style:none;margin:0;padding:0;border:0px}
.clear{ clear:both;}/*清除浮动*/
img {border:0px;behavior:url("images/pngbehavior.htc")}/*支持png图片*/
a {behavior:url("images/onfocus.htc")}/*去掉点击虚线*/
.keyword{background-color: #FFFF00;}/*搜索高亮关键词*/
.margin_center{ width:1000px; margin:0 auto;}
.input {font-family:"Microsoft YaHei";font-size: 12px; line-height:24px; outline:none; background:#fff; height:24px; padding:3px;border:1px solid #dbdbdb;}
.select {font-family:"Microsoft YaHei";font-size: 12px; line-height:24px;outline:none; background:#fff; height:30px; padding:3px;border:1px solid #dbdbdb;}
a,div,li,td{-webkit-transition:color 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out}
a{nofocus:expression(this.onFocus=this.blur());}
a:focus{outline:none;-moz-outline-style:none}
a:link{color:#6c727b;text-decoration:none} 
a:visited{color:#6c727b;text-decoration:none}
a:hover{color:#df231a;text-decoration:none}
.relative{ position:relative;}
.absolute{ position:absolute;}
.hide{ display:none;}
.login_bg{ border:1px solid #c0c0c0; height:30px; width:230px; background:#fff;padding-left:5px; font-size:14px;}
.pager{ clear:both; text-align:center;padding-top:40px;}
/*小号中文字体*/
.smallcnfont{font-family: "PMingLiU";font-size: 11px}
/*英文*/
.bold{font-weight:bold}
.px14{font-size:14px;}
.px16{font-size:16px; line-height:2em;}
.border_dott{ border-bottom:1px dotted #666;}
.t_center{text-align:center;}

.h1_style{ font-size:14px; color:#fff; margin-bottom:20px;padding-left:20px;}

/* -- input -- */
.textInput {
	padding:0 4px;
	height:28px;
	border:1px solid #DDDDDD; line-height:28px;
}
.textArea {
	padding:4px;
	border:1px solid #DDDDDD;
}

/*首页*/
.top{ height:33px;background:#636469;}

.logo{ width:195px;padding-top:10px; height:63px; float:left;}
.searchbg{ width:177px;height:32px; background:url(searchbg.jpg) no-repeat 0px 7px;overflow:hidden;}

/* -- mainNav -- */
#mainNav {
 height: 73px;
 font-size: 14px;width:795px; float:right; overflow:hidden;
}
/* LEVEL ONE */
#mainNav ul.wrap {
 position: relative;
 z-index: 1000;
}
#mainNav ul li {
 float: left;
 zoom: 1; background:url(menu_li.jpg) no-repeat 95px 28px;
}
#mainNav ul li a {
 display: block;
 width: 97px;
 text-align: center;
 height: 73px;
 line-height: 73px;
 text-decoration: none;
}
#mainNav ul li.hover, #mainNav ul li.cur {
 background-: #df231a;
 position: relative;
}
#mainNav ul li.hover a, #mainNav ul li.cur a {
 color: #df231a;
}
/* LEVEL TWO */
#mainNav ul ul {
 min-width: 97px;
 _width: 97px;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 border-top: 1px solid white;
 background: #E0E0E0;
}
#mainNav ul ul li {
 font-weight: normal;
 background: #E0E0E0;
 float: none;
}
#mainNav ul li.hover ul li a {
 color: #df231a;
 border-right: none;
 display: inline-block;
}
#mainNav ul li.hover ul li.hover a {
 color: #df231a;
}
#mainNav ul li.hover ul a.parent {
 background: url(images/icon_red.gif) no-repeat 100px 50%;
}
/* LEVEL THREE */
#mainNav ul ul ul {
 left: 100%;
 top: 0;
 border-top: 0;
 _border-top: 1px;
}
#mainNav ul li.hover ul li.hover ul li a {
 color: #24313C;
}
#mainNav ul li.hover ul li.hover ul li.hover a {
 color: #FFF;
}


.banner_layout{ height:466px; overflow:hidden; clear:both;}
.indexsort{ height:170px; overflow:hidden;}
.indexsort li{ width:320px; float:left; margin-right:19px;}

.index_contact{ background:#efefef; clear:both;}
.index_layout{ padding:25px 0; height:325px;}
.index_layout{}
.index_layout li{ float:left; width:276px; margin-right:84px;}
.indexh2{ font-size:14px; line-height:2.2em;}
.indexh2 span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#888; font-weight:normal;}
.index_about{ background:#fff;border-radius:0px 0px 5px 5px; margin:0; padding:0; height:150px;}
.index_layout p{ text-indent:2em; padding:10px;}
.index_layout img{ margin:0; padding:0;}

.index_news{ padding:0; margin:0;}
.index_news li{ border-bottom:1px dotted #999999; height:20px; margin:7px 15px; width:250px;}
.index_news li span{ float:right;}

.index_product{ width:1000px; background:url(product.jpg) no-repeat 0px 25px; height:335px;}
.index_contactpic{ text-align:right; border-bottom:1px dotted #ccc;padding-bottom:10px;}

.footer{ background:#6d6e72;padding-top:28px;padding-bottom:10px; color:#b3b3b3; height:270px;}
.footer a{color:#b3b3b3;}
.foot_left{  background:url(telphone.jpg) no-repeat; height:210px; width:200px;}
.foot_left h3{ font-size:26px; margin-top:40px; padding-left:10px; font-family:"宋体";}
.foot_left img{ margin-top:20px;}
.foot_right{ width:795px; background:url(foot_line.jpg) no-repeat 60px 0;height:210px;}
.foot_menu{ margin-left:130px; margin-top:30px; }
.foot_menu li{ float:left; width:75px; margin-right:16px;}
.foot_menu h1{ font-size:13px; float:left; width:75px; margin-right:20px;}
.foot_menu h1 span{ border-bottom:1px dotted #ccc; margin-bottom:10px; display:block;}
.foot_menu h1 a{ font-size:12px; display:block; font-weight:normal; color:#909090;}
.copyright{ border-top:1px solid #878787; line-height:2em;}

.contentbg{ background:url(content.png) repeat-y;}
.leftside{ width:258px;}
.rightside{ width:726px;border-left:1px solid #ddd;}
.side_l{ width:210px; margin-left:23px; padding-top:29px;}
.side_l h1{ font-size:14px; line-height:1.2em; border-bottom:1px solid #c5c5c5; padding-left:10px;}
.side_l h1 b{ font-size:12px; color:#F00; font-weight:normal; display:block;}

.subnav{margin-bottom:20px;}
.subnav ul{ margin-top:10px;}
.subnav ul li{margin-bottom:1px; background:url(link.jpg) no-repeat; }
.subnav ul li a:link,.subnav ul li a:visited{padding-left:52px; height:36px;display:block; line-height:36px;}
.subnav ul li a:hover{ background:url(hover.jpg) no-repeat; color:#FFF;}
.subnavhover{ background:url(hover.jpg) no-repeat; color:#FFF;}

.side_r{ margin-top:20px; margin-left:30px;}

.subcontact{ padding-top:30px;}
.hrstyle{ height:0px; border-bottom:1px dotted #ccc;}
.position{ border-bottom:1px solid #c5c5c5; height:24px; font-size:14px;}
.position span{font-size:12px; float:right; color:#BBB;}

.contentlayout{ padding:20px 10px;}

#index_banner_wrapper{ height:445px; position:relative;}
#index_banner{ position:absolute; width:100%; height:445px;}
/*#index_banner{ position:absolute; width:100%; height:445px; top:0; left:0; margin:0 0 0 -720px;}*/
#index_banner .slides_container,#index_banner .slide{ width:100%; height:445px;}
#banner_nav_wrapper{ position:absolute; top:50%; width:100%; z-index:10; margin:-27px 0 0;display: none}
#index_banner .pagination{ display:none;}

#index_banner_wrapper .prev,#index_banner_wrapper .next,.nav_wrapper .prev,.nav_wrapper .next,#public_content .prev,#public_content .next{ background:url(banner_arrow.png) no-repeat; _background-image:url(banner_arrow.gif); width:42px; height:55px; display:block; position:absolute; text-indent:-9999px; display:none; }
#index_banner_wrapper .prev,.nav_wrapper .prev,#public_content .prev{ left:0;}
#index_banner_wrapper .next,.nav_wrapper .next,#public_content .next{ right:0; background-position:top right;}
#index_banner_wrapper .prev:hover,.nav_wrapper .prev:hover,#public_content .prev:hover{ background-position:0 -81px;} 
#index_banner_wrapper .next:hover,.nav_wrapper .next:hover,#public_content .next:hover{ background-position:right -81px;}

.index_content{ padding-top:20px;}
.about{ width:320px; height:270px; background:url(about.jpg) no-repeat;}
.about a{ color:#ff7e00;}
.about p{ padding-right:10px; text-indent:2em;}
.news{ width:430px;height:270px;background:url(news.jpg) no-repeat;}
.case{ width:250px;height:270px;background:url(case.jpg) no-repeat;}

.tabs {width:auto;height:auto; margin-left:12px;}
.selectTab,.unselectTab {width:100px;height:22px;line-height:22px;vertical-align: middle;text-align:center;background-color:#00755b;  margin: 0;  margin-right: 18px;font-weight:bold;font-size:12px;color:#FFF;cursor: pointer;float:left; }
.unselectTab{color:#fff;  background-color:#004435; }
.selectContent{padding-top:6px;clear: both;padding-right:15px; }
.unselectContent{display: none; }

.news_pic{padding-right:10px;}
.news_pic_h2{ font-size:14px; color:#5f5f5f; line-height:1.8em;}
.news_pic img{ float:right;margin-top:6px;margin-left:10px;}


#slideshow_wrapper {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #121212;
	PADDING-LEFT: 0px;
	WIDTH: 240px;
	PADDING-RIGHT: 0px;
	HEIGHT: 200px;
	OVERFLOW: hidden;
	PADDING-TOP: 0px
}
#slideshow_footbar {
	Z-INDEX: 5;
	POSITION: absolute;
FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);
	WIDTH: 100%;
	BOTTOM: 0px;
	HEIGHT: 30px
}
#slideshow_photo {
	POSITION: absolute;
	WIDTH: 100%;
	HEIGHT: 100%;
	CURSOR: pointer
}
#slideshow_photo A {
	Z-INDEX: 1;
	BORDER-BOTTOM: 0px;
	POSITION: absolute;
	BORDER-LEFT: 0px;
	MARGIN: 0px;
	DISPLAY: block;
	BORDER-TOP: 0px;
	TOP: 0px;
	BORDER-RIGHT: 0px;
	LEFT: 0px
}
#slideshow_footbar .slideshow-bt {
	BACKGROUND-COLOR: #696969;
	MARGIN: 10px 10px 0px 0px;
	WIDTH: 10px;
	DISPLAY: inline;
	FLOAT: right;
	HEIGHT: 10px;
	FONT-SIZE: 0px
}
#slideshow_footbar .bt-on {
	BACKGROUND-COLOR: #30b1eb
}




.rollBox{width:1000px;overflow:hidden;padding-top:100px;}
.rollBox .LeftBotton{height:52px;width:19px;background:url(left.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:55px 20px 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:20px;background:url(right.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:55px 0 0 20px;cursor:pointer;}
.rollBox .Cont{width:900px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:128px;float:left;text-align:center; margin:0 25px;}
.rollBox .Cont .pic img{padding:3px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#fff; background:url(productname.jpg) no-repeat right; width:148px; margin:5px 0;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#fff;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.friendlayout{ height:32px;}
.friendlayout span{ background:#666;padding:2px; color:#fff;}
.friendlayout a{ margin:0 8px;}


.subanner{ background:url(bannerbg.jpg) repeat-x; height:300px;}
.subcontent{ padding-top:15px;}

/* -- 幻灯 -- */
#slideShow {
	z-index:5;
	position:relative;
	text-align:center;
	height:300px;
}
#slideShow .slides {
	width:1000px;
	height:300px;
	overflow:hidden;
	position:relative;
}
#slideShow .slides .slide {
	background-color:#ffffff;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
#slideShow .slide.current {
	z-index:10;
}
#slideShow .controlBase {
	position:absolute;
	z-index:20;
	width:100%;
	left:0px;
	bottom:5px;
	height:30px;
}
#slideShow .controls {
	z-index:300;
	text-align:center;
	position:absolute;
	left:50%;
	bottom:5px;
	margin-left:-49px;
}
#slideShow .controls li {
	list-style:none;
	display:inline;
}
#slideShow .controls li a {
	width:20px;
	height:30px;
	display:block; /* < = FF2 hack */
	background:url(inactive.png) no-repeat 50% 50%;
	float:left;
	text-indent:-9999em;
	cursor:pointer;
	outline:0;
}
#slideShow .controls li.active a, #slideShow .controls li a:hover {
	background:url(active.png) no-repeat 50% 50%;
}

.subnav .cur{
	background:url(hover.jpg) no-repeat; color:#FFF;
}
.subnav .cur a{
 color:#FFF;
}
.subnav .smallsort{background:#fff;padding-left:10px; color:#CCCCCC;}

.productList{padding-top:20px;}
.productList li{ float:left; width:225px; height:290px; text-align:center;}
.productList li img{border:1px solid #ccc; padding:2px; margin-bottom:10px;}
.productList li img a:link,.productList li img a:visited{ border:1px solid #ccc; padding:2px; margin-bottom:10px;}
.productList li a:hover img{border:1px solid red;}
.productList li h2{ font-size:12px; font-weight:normal; line-height:26px;background:#e0241b url(productname.jpg) no-repeat right; width:206px; margin-left:10px;}
.productList li h2 a{ color:#fff;}

/* article_category
----------------------------------------------- */
#articleList dl {
	border-bottom:1px dotted #D1D1D1;
	padding:20px 0;
}
#articleList dl.last {
	border-bottom:0;
}
#articleList dt {
	width:570px;
	background:url(icon_red.gif) no-repeat left 50%;
	padding-left:15px;
	margin-bottom:10px;
}
#articleList dd {
	width:570px;
	color:#999999;
	padding-left:2px;
	line-height:180%;margin:0; margin-left:12px;
}
#articleList .numDate {
	float:right;
	text-align:right;
	padding-top:12px;
}
#articleList .numDate em {
	background-color:#0072C6;
	color:#FFF;
	padding:3px 4px;
	font-size:14px;
	font-weight:bold;
}
#articleList .numDate p {
	font-size:16px;
	color:#999999;
	margin-top:5px;
}
/* article
----------------------------------------------- */
#article {
	padding:20px 0;
}
#article h1 {
	color:#333333;
	font-size:14px;
	font-weight:bold;
}
.newstitle{ text-align:center;}
#article .info {
    margin:2px 0 10px 0;
	color:#999999;
	font-size:13px; text-align:center; border-bottom:1px dotted #ccc;
}
#article .content {
	color:#666666;
	line-height:180%;
}

.productImg{ text-align:center;}
.productImg h1{ font-size:14px; line-height:2.4em; color:#F30;}
.sm{ border-bottom:1px dotted #ccc; margin:15px 0; font-size:14px;}
/* project
----------------------------------------------- */

#slideshow {list-style:none; color:#fff;margin-bottom:40px;}
#slideshow span {display:none}
#wrapper {width:506px;display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(left.gif) left center no-repeat}
#imgnext {right:0; background:url(right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:40px; background:url(scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:40px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:40px; overflow:hidden}
#slider {position:absolute; left:0; height:40px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* 搜索
----------------------------------------------- */

.searchbox{ margin-top:20px;}
.searchbox .search label {
	height:0;
	line-height:0;
	overflow:hidden;
	width:0;
	position:absolute;
	font-size:0;
	z-index:-1;
	outline:0
}
.searchbg .keyword {
	width:130px; height:21px;float:left; background:none; color:#CCCCCC;padding-left:10px; margin-top:6px; line-height:21px; border:none;
}
.searchbg .keyword:focus {
	color:#555
}
.searchbg .search .keyword::-webkit-input-placeholder {
	color:#CCCCCC;
}
.searchbg .search .keyword:focus:-moz-placeholder, #header .search .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchbg .search .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchbg .btnSearch {
	background:#E0E0E0 url(btn_search.jpg) no-repeat;
	width:21px;
	height:21px;
	text-indent:-999px;
	cursor:pointer; float:left; border:none; margin-top:7px;
}

.btn {
	display:inline-block;
	background-color:#0072C6;
	color:#EEE;
	padding:6px 25px;
	text-transform:capitalize;
	cursor:pointer;
	font-weight:bold; border:none;
}
/* 留言板
----------------------------------------------- */
#guestBook {
	padding:20px 0;
}
#guestBook h2 {
	color:#555;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
/* bookList */
#guestBook .bookList {
	margin-bottom:30px;
	line-height:180%;
	font-size:13px;
}
#guestBook .bookList dl {
	margin-bottom:15px;
}
#guestBook .bookList dt {
	color:#999;
	margin-bottom:3px;
}
#guestBook .bookList dt b {
	color:#999;
	margin-left:20px;
}
#guestBook .bookList dd {
	color:#666;
	overflow:hidden;
	zoom:1;
}
#guestBook .bookList dd em {
	float:left;
	width:70px;font-style: normal;
}
#guestBook .bookList dd span {
	float:right;
	width:910px;
	text-align:left;
}
#guestBook .bookList p {
	color:#0072C6;
	margin-top:5px;
	overflow:hidden;
	zoom:1;
}
#guestBook .bookList p em {
	float:left;
	width:70px;font-style: normal;
}
#guestBook .bookList p span {
	float:left;
	width:800px;
}
#guestBook .bookList p b {
	color:#999;
	float:right; font-weight:normal;
}
#guestBook .bookList .pager {
	text-align:left;
}
/* bookList */
#guestBook .bookAdd {
	line-height:180%;
	font-size:13px;
}
#guestBook .bookAdd dl {
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
}
#guestBook .bookAdd dl dt{
	float:left;
}
#guestBook .bookAdd dl dt {
	width:70px;
	text-align:right;
	line-height:30px;
}
#guestBook .bookAdd .vcode {
	text-transform:uppercase; float:left;
}
#guestBook .bookAdd .select {
	height:28px;
}
#guestBook .bookAdd dl.cue {
	margin:-8px 0 10px 60px;
	color:#999;
}
#guestBook .bookAdd dl.submit {
	margin:20px 0 0 70px;
}
#guestBook .bookAdd dd b {
	display:block;
	padding: 2px 0 2px 3px;
	border:1px solid #fec600;
	color:#666;
	background-color:#fbf8e9 ;
	line-height:16px;
}

/* 人才招聘
----------------------------------------------- */
.jobs_title{font-size:16px; line-height:2em; border-bottom:1px dotted #666;margin-top:20px;}
.jobs_info{font-size:12px;font-weight:normal;color:#999;}
.job_box .job_more{color:#1e7404;display:block;}
.jobsview_title{ font-size:16px;}
.jobs_info{ width:100%;}
.jobs_info li{ width:300px;float:left; height:24px;line-height:2em;}
.miaoshu{ border-bottom:1px dotted #666;margin-top:30px; font-size:14px;margin-bottom:10px;}

/* 人才招聘
----------------------------------------------- */
.downlist_ul{}
.downlist_ul li{ margin:8px 0; border-bottom:1px dotted #666; height:22px;padding:0 5px;}


/* 提示信息
----------------------------------------------- */
#douMsg {
	padding:10px 0 100px 0;
}
#douMsg dl {
	padding:180px 0;
	text-align:center;
	background-color:#EBEBEB;
	border-top:1px solid #FFFFFF;
}
#douMsg dt {
	color:#0072C6;
	font-size:16px;
	margin-bottom:30px;
	font-weight:bold;
}
#douMsg dd {
	color:#666;
}
#douMsg dd a {
	margin-left:5px;
	color:#000;
}

/* 在线客服
----------------------------------------------- */
#onlineService {
	position: fixed;
	_position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
	top: 208px;
	right: 0;
	z-index: 999999;
	display: block;
}
#onlineService .onlineIcon {
	position: relative;
	cursor: pointer;
	background: url(online_service.png) no-repeat;
	width: 34px;
	height: 110px;
	text-indent: -9999px;
}
#onlineService #pop {
	border:3px solid #19B4EA;
	background-color:#F2F2F2;
	padding:8px;
	width:95px;
	min-height:84px;
	position:absolute;
	right:34px;
	top:0;
	display:none;
	z-index:999999;
}
#onlineService .onlineQQ a {
	display:block;
	background:url(online_service.png) no-repeat left -160px;
	color:#19B4EA;
	width:82px;
	height:24px;
	line-height:23px;
	padding-left:27px;
	margin-bottom:8px;
}
#onlineService .onlineQQ a:hover {
	text-decoration: none;
	color:#19B4EA;
}
#onlineService .service {
	border-top:1px solid #DDDDDD;
	padding-top:8px;
	color:#666;
}
#onlineService .service a {
	color:#666;
}
#onlineService .service li {
	background:url(online_service.png) no-repeat left -202px;
	padding-left:8px;
}
#onlineService .goTop {
	display: none;
}
#onlineService .goTop .goBtn {
	background:#F2F2F2 url(online_service.png) no-repeat left -120px;
	width: 34px;
	height: 34px;
	display: block;
}
.join{
	width:420px;
	margin:10px auto;

}
.join input{
width:390px;
height:28px;
border:1px solid #eee;
padding-left:5px;
color:#666

}
.join li{
float:left;
margin:10px 0;

}
.join .li589{
 width:100px;
}
.join .sub{
text-align:center;
width:100%;
}
.sub a{
padding:8px 30px;
background:#e80000;
border-radius:4px;
color:#fff;
cursor: pointer;
}
.sub a:hover{

color:#eee;
}