body,td,th {color: #333;font: 12px Verdana, Arial;}
body {	margin:3px auto 0; background:#FFF url(../images/bg.gif);}
.content_main { color:#333; font:12px/20px Verdana, Arial;}
.content_main p { margin:0; }
.content_main a { color:#333; text-decoration:none;}
.content_main a:hover { text-decoration:underline; }

.content_main img{ margin:2px 0 8px 8px;}

.content_main table {
	color:#333;
	border-width: 1px;
	border-color: #666;
	border-collapse: collapse;
	font: 12px Arial, Helvetica, sans-serif;
}
.content_main table th {
	padding: 8px;
	border: 1px solid #666;
}
.content_main table td {
	padding: 3px;
	border: 1px solid #666;
}


.content_main2 { color:#333; font:12px/18px Verdana, Arial;}
.content_main2 p { margin:0;}
.content_main2 span { color:#ccc; }

.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 Verdana, Arial; 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: #F93; }

.email { color:#F93;}

.t1 { color: #333; font:12px/24px Verdana, Arial; background:url(../images/x3.gif) no-repeat 1px 11px; text-indent:8px;}
.t1 a { color:#333;}
.t1 a:hover { color:#093;}


.t2 { color:#093; font:bold 13px/24px Verdana, Arial;}
.t3 { color:#999; font-size:11px; }
a.t3:link { text-decoration: none; }
a.t3:visited { text-decoration: none; }
a.t3:hover { text-decoration: underline; color:#093; }
a.t3:active { text-decoration: none; }
.t4 { font:12px Verdana, Arial; margin-bottom:10px;}
.t4_box { font:12px Verdana, Arial; color:#333; border:none; background:none; text-indent:4px; margin-left:13px;}
#add { font:12px Verdana, Arial; color:#fff; position:absolute; left:50%; margin-left:260px; top:0; background:#F90; padding:3px 10px 5px 0;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(../css3.htc);
z-index:2;
}
#add a{ color:#fff; text-decoration:none;}
#add img { margin:5px 6px 0 15px;}

.box_01 { color:#fff; font: bold 12px Verdana, Arial; background:#093; padding:3px 8px; }
.box_02 { color:#333; font: 12px/20px Verdana, Arial; }

.box1 { width:100%; height:106px; background:#093 url(../images/bg_grn.gif);

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

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


}
.box_css3 { margin:0 auto; width:980px;  

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 1px 10px;
-moz-box-shadow: #666 0px 1px 10px;
box-shadow: #666 0px 1px 10px;

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


.box5 { padding:15px 15px 32px;}

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

.box_left2{ width:208px !important; width:220px; padding:6px; background:#093;
-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:2; }


.box_contact{ width:200px !important; width:220px; padding:10px; background:#FFF;
-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:2; }
.left_contact p { color:#093; font:bold 13px/20px Verdana, Arial; padding:0; margin:4px; }
.left_contact span { display:block; padding:5px 0; font:12px Arial; border-bottom:1px dotted #ddd; }
.left_contact span img { margin :0 4px 0 4px;}

.css3_shd_f { width:220px; height:130px;
-webkit-box-shadow: #444 0px 0px 4px;
-moz-box-shadow: #444 0px 0px 4px;
box-shadow: #444 0px 0px 4px;

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


.box_main { width:980px; margin:0 auto;}

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

.box_main_bd_home1 { float:left; width:280px; margin-right:50px;}
.box_main_bd_home2 { float:left; width:350px; margin-right:40px;}
.box_main_bd_home3 { float:left; width:250px;}

.box_main_bd_home_f { clear:both; width:900px !important; width:980px; padding:25px 55px 20px 25px; margin:30px auto; background:#EEE url(../images/featured_title.gif) no-repeat right top;

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

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

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

option { font-size: 13px; font-family: Verdana, Arial; }
select { font-family: Verdana, Arial; font-size: 13px; }

.main_title, .lefttitle { text-indent:16px; margin-bottom:6px; color: #093; font:bold 14px/32px Verdana, Arial; background:url(../images/x7.gif) no-repeat left center;}

.title {font: bold 13px/32px Verdana, Arial; color:#093; }

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

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

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


.box_featured { margin:5px; float:left; text-align:center; width:170px;}
.box_featured p { background:#FFF; width:150px; line-height:150px; padding:0 2px 2px; margin:0 auto 5px;
-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;}
.box_featured p span {display:none; }
.box_featured img {}


.pro2_bd { margin-bottom:5px;}

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

.pro_itemno { font-size: 13px; color: #333; font-family: Verdana, Arial; }
.pro_itemno0 { text-align:center; color:#333; font: bold 13px/18px Verdana, Arial; }
.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 Verdana, Arial; 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 Verdana, Arial; }

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:#093; font:12px/22px Verdana, Arial; text-decoration:none; background:#e3f1f8 url(../images/pro1_bg.gif) right;}


#menu { height:30px; margin:6px 10px 0 0; background:#FFF; 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 15px; text-decoration:none; font:bold 14px/30px Verdana, Arial, Helvetica; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../css3.htc);
position:relative;
z-index:2;  
}
#menu ul li a:hover { color:#093; background:#FFF;}
.menu_mid { width:8px; height:30px; overflow:hidden; }

#menu span { display:block; float:left; width:18px; height:30px; overflow:hidden;}

.menu_0 { font-size:13px; display:block; color:#FFF; margin:0 4px; padding:0 10px; text-decoration:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../css3.htc);
position:relative;
z-index:2;  
}
.menu_1 { font-size:13px; display:block; color:#093; background:#FFF; margin:0 4px; padding:0 10px; text-decoration:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../css3.htc);
position:relative;
z-index:2;  
}



#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:980px; height:100px; 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 { margin:0 auto; text-align:center; width:100%; height:520px;}
#banner_shd {width:100%; height:15px; margin-bottom:15px; background:#FFF url(../images/banner_shd.gif) no-repeat center top; overflow:hidden;}

.main_line{ border-bottom:1px dotted #EEE; margin:12px 0;}

#logo img{ margin:8px 0 0 10px;}
#ver { width:190px; height:30px; overflow:hidden; background:#e3f1f8 url(../images/ver_bg.gif) bottom; margin:0 0 0 20px; }
#ver a{ color:#FFF; font:bold 13px/30px Verdana, Arial; text-decoration:none; padding:0 5px;}
#ver img { margin:6px 6px 0 10px;}

.left_download a:hover{ background:#f93; color:#FFF;}
.left_download a{ background:#FFF; color:#F93; text-decoration:underline;}
.left_download a{ display:block; width:240px; height:42px; font:italic bold 14px/42px Verdana, Arial; text-indent:15px; text-decoration:none;
-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:2;
}

.faq_1 { margin-bottom:30px;}
.faq_1 p { margin:0 0 6px 0;}
.faq_1 p a { font:12px/18px Verdana, Arial; color:#093;}
.faq_1 p a:hover { font:bold; }

.faq_2 { margin-bottom:20px;}
.faq_2 p { margin:0 0 6px 0;}
.faq_2 p a { font:12px/18px Verdana, Arial; color:#093;}
.faq_2 p a:hover { font:bold; }

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


.page { font:12px Verdana, Arial; 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 { margin:0 auto; width:100%; height:36px; background:#CCC; color:#333; font:12px/36px Verdana, Arial; text-align:center;}
.end a{ color:#333; text-decoration:none;}
.end span { padding-left:6px;}

.end_bg { width:100%; height:150px; padding:15px 0 20px; text-align:center; background:#093 url(../images/bg_grn.gif);
-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;  
 }

#menu_end  { width:980px; height:115px; margin:0 auto; background:url(../images/logo2.gif) no-repeat right 10px;}
#menu_end dl { list-style-type:none; margin:0 60px 20px 0; text-align:left; float:left; }
#menu_end dl dt { color:#fff; font:14px/22px Verdana, Arial; padding:12px 0 4px;}
#menu_end dl dd { padding:2px 10px 2px 4px; margin:0; }
#menu_end dl dd a{ display:block; color:#fff; font:bold 12px/20px Verdana, Arial; text-decoration:none;}
#menu_end dl dd a:hover {color:#f93; text-decoration:underline;}

.ss {width:180px;}




/******************* CSS MENU ********************/
#cssmenu { float:right; height:30px; margin-top:10px; 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:95px;
 background: #EEE;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 border: 1px solid #FFF;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 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:11px;
 display: block;
 width: 200px;
 w\idth: 190px;
 color: #333;
 text-decoration: none;
 text-align: center;
 padding-left: 10px;
}
#nav a:hover{
 color: #093; background:#FFF;
}
#nav a.selected{
 background:url(../images/x3.gif) no-repeat 95% center;
}

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

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

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

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


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

#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: 200px;
 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: #093;
}

#ss_Face a, #ss_Twit a, #ss_Goog a, #ss_Link a, #ss_Yout a{ padding:2px 0 3px; text-indent:30px;}
#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;}