body,td,th {color: #ccc;font: 16px/24px 'Ubuntu', Arial, Helvetica, sans-serif;}
body {	margin:0 auto; background:#FFF url(../images/bg.gif);}
.content_main { color:#ccc; font:16px/24px 'Ubuntu', Arial, Helvetica, sans-serif; margin-bottom:20px;}
.content_main p { margin:0 0 15px; }
.content_main a { color:#ccc; text-decoration:none;}
.content_main a:hover { text-decoration:underline; }

.content_main img{ margin:2px 0 8px 8px;}
.content_main2 { color:#ccc; font:16px/24px 'Ubuntu', Arial, Helvetica, sans-serif;}
.content_main2 p { margin:0;}
.content_main2 span { color:#ccc; }
.content_main2 a { text-decoration:none; color:#ccc;}
.content_main2 a:hover { text-decoration:underline; color:#FFF;}

.top { margin:10px 0 0 20px; width:330px !important; width:350px; padding:0 0 0 20px; background:url(../images/top_mid.gif) no-repeat left center; font:12px/22px 'Ubuntu', Arial, Helvetica, sans-serif; color:#333; }
.top span { font-size:14px;}
.top a {
	color:#333;
	font-style: italic;
}

#search { width:720px; height:23px; margin:2px auto 5px;}
.search { width:217px; height:23px; background:url(../images/i_search_bg.gif) no-repeat; float:right; }
.readmore a {color: #999; line-height:30px; text-decoration:none; }
.readmore a:hover { color:#0cf; text-decoration:underline;}

.email { color:#F93;}

.t1 { color: #ccc; font:14px/22px 'Ubuntu', Arial, Helvetica, sans-serif; margin-bottom:10px; }
.t1 a { color:#ccc;}
.t1 a:hover { color:#0CF;}


.t2 { color:#0CF; font:bold 14px/24px 'Ubuntu', Arial, Helvetica, sans-serif;}
.t3 {
	color:#999;
	font-size:12px;
	font-style: italic;
}
a.t3:link { text-decoration: none; }
a.t3:visited { text-decoration: none; }
a.t3:hover { text-decoration: underline; color:#0CF; }
a.t3:active { text-decoration: none; }
.t4 { font:12px 'Ubuntu', Arial, Helvetica, sans-serif; margin-bottom:10px;}

.box_01 {
	color:#0cf;
	font: 13px Georgia, 'Ubuntu', Arial, Helvetica, sans-serif;
	padding:3px 8px;
	text-transform: uppercase;
}
.box_02 { color:#0cf; font: 13px/22px 'Ubuntu', Arial, Helvetica, sans-serif; background:#333; border:1px solid #666; }

.box1 {
	width:100%;
	height:103px;
	background:#222 url(../images/bg_gry.gif);
	border-bottom:1px solid #666;
	position:fixed; top:0;z-index:3;
}


.box_left{ width:220px; margin:0 28px 10px 0; }

.box_left2{ width:208px !important; width:220px; padding:6px; background:#0CF; }


.box_contact{ width:200px !important; width:220px; padding:10px; background:#FFF;}
.left_contact p { color:#0CF; font:bold 13px/20px 'Ubuntu', Arial, Helvetica, sans-serif; padding:0; margin:4px; }
.left_contact span { display:block; padding:5px 0; font:12px 'Ubuntu', Arial, Helvetica, sans-serif; border-bottom:1px dotted #ddd; }
.left_contact span img { margin :0 4px 0 4px;}

.css3_shd_f { width:220px; height:130px;}


.box_main { width:1180px; margin:10px auto;}

.box_main_bd { clear:both; width:1180px; margin:25px 0;}
.box_main_bd_pro { clear:both; width:732px; margin-bottom:20px;}

.box_main_bd_home1 { float:left; width:770px; margin-right:50px;}
.box_main_bd_home2 { float:left; width:360px;}

option { font-size: 13px; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; }
select { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 13px; }

.main_title, .main_title2, .lefttitle {
	margin-bottom:12px;
	color: #F90;
	font:28px/50px 'Ubuntu', sans-serif;
}
.main_title2 { padding-bottom:5px; background:url(../images/main_title2_bg.gif) no-repeat center bottom;}

.title_blue { color:#0cf; font:18px/32px 'Ubuntu', sans-serif;}
.title_blue a { color:#0cf; text-decoration:none;}
.title {font: bold 13px/32px 'Ubuntu', Arial, Helvetica, sans-serif; color:#0CF; }

.menu_21{ width:208px; height:30px; margin-bottom:3px; color: #333; font:12px/30px 'Ubuntu', Arial, Helvetica, sans-serif; text-indent:25px; background:#DDD url(../images/x_21.gif) no-repeat 15px center;}
.menu_21 a{ color: #333; font:12px/30px 'Ubuntu', Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_21 a:hover { color:#0CF;}

.menu_21_actived{ width:208px; height:30px; margin-bottom:3px; color: #0CF; font:12px/30px 'Ubuntu', Arial, Helvetica, sans-serif; text-indent:25px; background:#fff url(../images/x_21.gif) no-repeat 15px center;}
.menu_21_actived a{ color: #0CF; font:12px/30px 'Ubuntu', Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_21_actived a:hover { color:#0CF;}

.menu_22{ padding:5px 5px 5px 8px; width:195px !important; width:208px; margin-bottom:2px;  color: #FFF; font: bold 12px/16px 'Ubuntu', Arial, Helvetica, sans-serif; }
.menu_22 a{ color: #FFF; font: bold 12px/16px 'Ubuntu', Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_22 a:hover { color:#FFF;}

.img_4_bd img{ background:#222; 
-webkit-box-shadow: #222 0 0 5px;
-moz-box-shadow: #222 0 0 5px;
box-shadow: #222 0 0 5px;

behavior: url(../css3.htc);
position:relative;
z-index:2;  
}
.box_featured { margin:0 50px 0 0; float:left; text-align:center; width:360px;}
.box_featured_2 { margin:0; float:left; text-align:center; width:360px;}



.pro2_bd { margin-bottom:5px;}

.pro_name { margin:5px 0;}
.title_arrw_bg { background:#eee url(../images/x5.gif) no-repeat 8px center; color:#0CF; font:bold 13px/28px 'Ubuntu', Arial, Helvetica, sans-serif; padding:0 0 0 15px; margin:10px 0; }

.pro_itemno { font-size: 13px; color: #333; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; }
.pro_itemno0 { text-align:center; color:#333; font: bold 13px/18px 'Ubuntu', Arial, Helvetica, sans-serif; }
.pro_itemno0 a { color:#333; text-decoration:none;}
.pro_itemno0 a:hover { text-decoration:underline;}

.pro_itemno1 { text-align:center; color:#333; font:12px/20px 'Ubuntu', Arial, Helvetica, sans-serif; margin-bottom:6px; height:20px; }
.pro_itemno1 a { color:#333; text-decoration:none;}
.pro_itemno1 a:hover { text-decoration:underline;}

.pro_itemno2 { color: #333; font: bold 13px/18px 'Ubuntu', Arial, Helvetica, sans-serif; }

a.piclink:hover { text-decoration: none; left: 1px; position: relative; TOP: 1px }

.more a { margin:8px 0 20px 0; display:block; width:100px; height:22px; text-align:center; color:#0CF; font:12px/22px 'Ubuntu', Arial, Helvetica, sans-serif; text-decoration:none; background:#e3f1f8 url(../images/pro1_bg.gif) right;}


#menu { height:30px; margin:15px 10px 0 0; float:right;}
#menu ul { list-style-type:none; margin:0; padding:0; }
#menu ul li { float:left; padding:0; }
#menu ul li a {
	display:block;
	text-align:center;
	margin:0;
	padding:0 12px;
	text-decoration:none;
	font: 14px/20px 'Ubuntu', Arial, Helvetica, sans-serif;
}
#menu ul li a:hover { color:#F90; }
.menu_mid { width:6px; height:20px; overflow:hidden; background:url(../images/menu_mid.gif) no-repeat center; }
.menu0_0 { color:#0CF;}
.menu0_1 { color:#F90;}


#main { width:720px; background: #FFFFFF; }
.main_shd { margin:0 auto; width:485px; height:8px; background:url(../images/shd_line.gif) no-repeat center top;}

#top_box { width:1180px; height:103px; margin:0 auto;}

.pro_img { margin:0 12px 5px 0;  

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: #444 0px 0px 3px;
-moz-box-shadow: #444 0px 0px 3px;
box-shadow: #444 0px 0px 3px;

behavior: url(../css3.htc);
position:relative;
z-index:1; 
}

.banner { width:100%; height:420px; background:#000; text-align:center;

-webkit-box-shadow: #333 0px 0px 10px;
-moz-box-shadow: #333 0px 0px 10px;
	box-shadow: #333 0px 0px 10px;
	behavior: url(../css3.htc);
	position:relative;
	z-index:2;
}
#banner { margin:0 auto; text-align:center; width:1180px; height:420px;}

.main_line{ margin:60px auto 50px; width:100%; height:1px; border-bottom:1px solid #818181; background:#252525;}

#logo { border-top: 10px solid #060606; padding:12px 12px 10px 20px;}

.back { text-align:center; margin:20px 0;}


.page { font:12px 'Ubuntu', Arial, Helvetica, sans-serif; padding:25px 0 5px; text-align:center; clear:inherit;}
.page a{ text-decoration:none; color:#333; border:1px solid #ddd; background:#FFF; padding:3px 6px 2px; margin:3px;}
.page a:hover { border:1px solid #999;}

#rolllink { overflow:hidden; width:160px; height:445px; text-align:center;}

.roll_img img{ border:1px solid #ddd;}


.pro_title { color:#333; margin-bottom:12px; line-height:20px;}

#links { width:100%; text-align:center;}
#links img { border:1px solid #DDD; margin:30px 5px 20px;}


.end_bg { width:100%; background:#222 url(../images/bg_bt.gif); text-align:center; margin:0; padding:0;}
.end_copyright { margin:0 auto 5px; width:1180px; color:#999; font:14px/36px 'Ubuntu', Arial, Helvetica, sans-serif; text-align:center;}
.end_copyright b { color:#0cf;}
.end_copyright a{ color:#999; text-decoration:none;}
.end_copyright span { padding-left:6px;}

.end_contact { width:1180px; margin:0 auto; padding:10px 0 20px;}
.end_title { color:#ccc; font:16px/40px 'Ubuntu', sans-serif; }
.end_c{float:left; width:240px; margin:0 20px 0 0; color:#999; font:14px/22px 'Ubuntu', Arial, Helvetica, sans-serif;}
.end_c p { margin:0; padding:0; color:#0cf; font:bold 16px/30px 'Ubuntu', Arial, Helvetica, sans-serif;}
.end_c a { color:#999; text-decoration: none;}
.end_c a:hover { color:#FFF; text-decoration:underline; }
#end2 { width:200px; text-align:left;}
#end2 p{ margin:0; padding:8px 0 8px 35px; text-align:left;}

#ss_Face a, #ss_Twit a, #ss_Goog a, #ss_Link a, #ss_Yout a{ color:#999; text-decoration:none; font-size:15px; }
#ss_Face{ background:url(../images/ico_face.gif) no-repeat left center;}
#ss_Twit{ background:url(../images/ico_Twit.gif) no-repeat left center;}
#ss_Goog{ background:url(../images/ico_Goog.gif) no-repeat left center;}
#ss_Link{ background:url(../images/ico_Link.gif) no-repeat left center;}
#ss_Yout{ background:url(../images/ico_Yout.gif) no-repeat left center;}


.menu_0 { font:16px/50px 'Ubuntu', sans-serif; display:block; color:#ccc; margin:0 15px 0 0; padding:0 18px 0 6px; text-decoration:none; background: url(../images/menu_bg0.gif) no-repeat right 27px;}
.menu_1 { font:16px/50px 'Ubuntu', sans-serif; display:block; color:#FFF; margin:0 15px 0 0; padding:0 18px 0 6px; text-decoration:none; background: url(../images/menu_bg1.gif) no-repeat right 27px;}



#pro_tag{ width:1180px; margin-top:50px; }
#pro_tag ul { margin:0; padding:0;}
#tags { width:1180px; list-style:none; margin:0 auto;}
#tags li { float:left; padding:0; margin-right:2px;}
#tags li a { float:left; padding:0 20px; height:30px; font: 16px/30px 'Ubuntu', sans-serif; color:#fff; text-align:center; background:#0cf; }
#tags li.selectTag { position: relative;}
#tags li.selectTag a { color:#fff; height:30px; line-height:30px; background:#f90; }
#tagContent { width:1180px; border-top:1px solid #999; clear:both;}
.tagContent { display:none; padding:16px 0; line-height:180%;}
#tagContent div.selectTag { display:block;}
.tagContent ul{ list-style:none;}
.tagContent ul li{ padding:0 20px; float:left; margin-right:20px; text-align:center;}


#tags li a, #tags li.selectTag a { text-decoration:none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	behavior: url(../css3.htc);
	position: relative;
	z-index: 2;
}



/******************* CSS MENU ********************/
#cssmenu { float:right; height:50px; position:relative; z-index:9;}

#nav { margin:0 8px 0 0; padding:0; list-style:none; font-weight:bold;}


/*第一级下拉大BOX—红色*/
#nav ul {
 list-style: none;
 width:220px;
 background: #EEE;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 border: 1px solid #FFF;

-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
 
-webkit-box-shadow: #444 0px 0px 5px;
-moz-box-shadow: #444 0px 0px 5px;
box-shadow: #444 0px 0px 5px;

behavior: url(../css3.htc);
position:relative;
z-index:2; 
}


/*第二级下拉大BOX－蓝色*/
#nav ul ul{
 border: solid 1px #FFF;
}

/*所有链接文字*/
#nav ul a {
 font-size:13px;
 display: block;
 width: 220px;
 w\idth: 210px;
 color: #333;
 text-decoration: none;
 text-align: center;
 padding-left: 10px;
}
#nav a:hover{
 color: #fff;
}


#nav a.selected{
 background:url(../images/x3.gif) no-repeat 95% center;
}

/*submenu*/
.css3_sub a:hover {background:#0cf;}

/*主菜单项目*/
#nav li {
 line-height: 50px;
 position: relative;
 float:left;
}

/*第一级下拉大框BOX*/
#nav li ul {
 position: absolute;
 left: -999em;
 width: 220px;
 font-weight: normal;
 margin: 50px 0 0 -220px;
 padding: 0px;
}

/*第一级下拉菜单小项目*/
#nav li li {
 width: 220px;
}

/*第一、二级下拉菜单链接*/
#nav li ul a {
 width: 220px;
 w\idth: 196px;
 padding: 0px 12px;
 line-height: 30px;
 text-align: left;
 border-bottom: 1px solid #FFF;
}


/*最小级下拉大框BOX*/
#nav li ul ul {
 margin: -1px 0 0 220px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul{
 left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul,  #nav li li.sfhover ul{
 left: auto;
}
#nav li:hover ul, #nav li.sfhover ul{
 left: 220px;
 top: 0px;
}
#nav li:hover, #nav li.sfhover {
 background:;
}

#nav li li:hover, #nav li li.sfhover {
 background:#FFF;
}
#nav li li li:hover, #nav li li li.sfhover {
 background: #0CF;
}