body,td,th {color: #333;font:14px/24px "Open sans", Arial, Helvetica, sans-serif;}
body {	margin:0 auto; background:#eee url(../images/bg.gif);}
.content_main { color:#333; font:14px/24px "Open sans", Arial, Helvetica, sans-serif;}
.content_main p { margin:0 0 15px; }
.content_main a { color:#cc0; text-decoration:none;}
.content_main a:hover { text-decoration:underline; }

.content_main table {
	width:99%;
	color:#333;
	border-width: 1px;
	border-color: #ccc;
	border-collapse: collapse;
	font: 13px Arial, Helvetica, sans-serif;
}
.content_main table th {
	padding: 3px;
	background-color: #ddd;
	border: 1px solid #ccc;
}
.content_main table td {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
}


.content_main img{ margin:2px 0 8px 8px;}
.content_main2 { color:#333; font:13px/20px "Open sans", Arial, Helvetica, sans-serif;}
.content_main2 p { margin:0;}

.top { margin:0 0 0 20px; width:330px !important; width:350px; padding:0 0 0 20px; background:url(../images/top_mid.gif) no-repeat left center; font:13px/22px "Open sans", Arial, Helvetica, sans-serif; color:#333; }
.top span { font-size:18px;}
.top a {
	color:#333;
	font-style: italic;
}
.search { width:201px; height:26px; margin: 7px; background:url(../images/i_search_bg.gif) no-repeat; }
.readmore a { font-size:13px; color: #cc0;  padding:3px 12px;
border:1px solid #cc0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

behavior: url(../css3.htc);
position:relative;
z-index:2;  
}
.readmore a:hover { text-decoration: none; color:#fff; background: #cc0;}

.t1 { color: #333; font:14px/24px "Open sans", Arial, Helvetica, sans-serif; background:url(../images/x1.gif) no-repeat 1px 11px; text-indent:8px;}
.t1 a { color:#333;}
.t1 a:hover { color:#cc0; font-weight:bold;}
.t1_pro { color: #cc0; font: 16px/28px "Open sans", Arial, Helvetica, sans-serif; background:#e3f1f8; text-align:center; margin-bottom:6px;}


.t2 { color:#cc0; font:bold 14px/22px "Open sans", Arial, Helvetica, sans-serif;}
.t3 { font-size: 14px; font-family: "Open sans", Arial, Helvetica, sans-serif; color: #333; line-height: 18px; }
a.t3:link { text-decoration: none; }
a.t3:visited { text-decoration: none; }
a.t3:hover { text-decoration: underline; color:#cc0; }
a.t3:active { text-decoration: none; }
.t4 { font:14px "Open sans", Arial, Helvetica, sans-serif; margin-bottom:10px;}
.t4_box { font:14px "Open sans", Arial, Helvetica, sans-serif; color:#fff; border:none; background:none; margin:0 0 0 10px;}
.add { font:12px "Open sans", Arial, Helvetica, sans-serif; color:#666; margin:12px 0 0 0;}
.add a{ color:#666; text-decoration:none;}
.add img { margin:5px 6px 0 15px;}

.box_01 { color:#333; font: bold 13px "Open sans", Arial, Helvetica, sans-serif; }
.box1 { margin:0 auto;}
.box_css3 { margin:0 auto; width:1170px;  

-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{ margin:20px 30px 30px 20px; width:240px;}
.box_left2{ width:240px;}
.box_left3{ width:220px !important; width:240px; border:1px solid #DDD; background:#FFF; padding:6px 10px;}
.box_main { width:1170px; background:#F5F5F5; margin:0 auto; border:1px solid #ccc;
-webkit-box-shadow: #999 1px 1px 2px;
-moz-box-shadow: #999 1px 1px 2px;
box-shadow: #999 1px 1px 2px;

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

}

.box_main_bd { clear:both; width:850px; margin:20px 0 50px;}
.box_main_bd_home { clear:both; width:740px; margin:20px 30px;}

option,select { font: 14px "Open sans", Arial, Helvetica, sans-serif; }

.main_title { margin-bottom:6px; color: #cc0; font:bold 16px/32px "Open sans", Arial, Helvetica, sans-serif;}


.title {font: bold 13px/32px "Open sans", Arial, Helvetica, sans-serif; color:#cc0; }

.menu_21{ width:240px; height:32px; margin-bottom:3px; border:1px solid #e9e9e9;  color: #cc0; font:bold 14px/32px "Open sans", Arial, Helvetica, sans-serif; text-indent:22px; background:#cc0 url(../images/x_21.gif) no-repeat 10px center;}
.menu_21 a{ color: #fff; font:14px/32px "Open sans", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_21 a:hover { color:#fff;}

.menu_21_actived{ width:240px; height:32px; margin-bottom:3px; border:1px solid #e9e9e9;  color: #cc0; font:bold 14px/32px "Open sans", Arial, Helvetica, sans-serif; text-indent:22px; background:#fff url(../images/x_21.gif) no-repeat 10px center;}
.menu_21_actived a{ color: #cc0; font:14px/32px "Open sans", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_21_actived a:hover { color:#cc0;}

.menu_22{ width:240px; height:30px; margin-bottom:1px; border:1px solid #e9e9e9;  color: #cc0; font:bold 13px/30px "Open sans", Arial, Helvetica, sans-serif; text-indent:25px; background:#fff; }
.menu_22 a{ color: #333; font:13px/30px "Open sans", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_22 a:hover { color:#cc0;}

.menu_22_actived { width:240px; height:30px; margin-bottom:1px; border:1px solid #e9e9e9;  color: #cc0; font:bold 13px/30px "Open sans", Arial, Helvetica, sans-serif; text-indent:25px; background:#f2f6ff;}
.menu_22_actived a{ color: #cc0; font:13px/30px "Open sans", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_22_actived a:hover { color:#cc0;}

.menu_22_float { margin:1px; float:left; text-align:center; width:171px; border:1px dotted #ddd; background:url(../images/pro_img_bg.gif) repeat-x bottom; }
.menu_22_float a{ color: #333; font:bold 13px/18px "Open sans", Arial, Helvetica, sans-serif; text-decoration:none; }
.menu_22_float p { margin:0; padding:0; font:13px/16px "Open sans", Arial, Helvetica, sans-serif; height:140px;}
.menu_22_float span { display:block; margin:0; padding:0; font:13px/16px "Open sans", Arial, Helvetica, sans-serif; min-height:32px;}


.box_featured { margin:2px 10px 10px 0; padding:0; float:left; text-align:center; width:200px; border:1px solid #ddd; background:#FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #ccc 1px 1px 1px;
-moz-box-shadow: #ccc 1px 1px 1px;
box-shadow: #ccc 1px 1px 1px;

behavior: url(../css3.htc);
position:relative;
z-index:2;  
}
.box_pro { margin:1px; float:left; text-align:center; width:142px; border:1px solid #ddd; padding:5px 0; background:#FFF;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #999 1px 1px 4px;
-moz-box-shadow: #999 1px 1px 4px;
box-shadow: #999 1px 1px 4px;

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

}

.pro2_bd { margin-bottom:10px;}
.lefttitle {color: #cc0; font: bold 16px/32px "Open sans", Arial, Helvetica, sans-serif; margin-bottom:6px;}

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

.pro_itemno { color: #333; font: 13px "Open sans", Arial, Helvetica, sans-serif; }
.pro_itemno0 { text-align:center; color:#333; font: 13px/18px "Open sans", 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: bold 13px/22px "Open sans", 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 "Open sans", Arial, Helvetica, sans-serif; }

.email { color: #333; }
a.email:link { text-decoration: none; }
a.email:visited { text-decoration: none; }
a.email:hover { text-decoration: underline; color:#cc0; }
a.email:active { text-decoration: none; }
a.piclink:hover { text-decoration: none; left: 1px; position: relative; TOP: 1px }
.pic_rt img { border:1px solid #ccc; margin:2px 0 }

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

.end_box { margin-top: 50px; width:100%; padding-top:12px; height:98px !important; height:110px; text-align:center; background:#f5f5f5; border-top:2px solid #cc0;}

.end_menu{ width:1170px; height:30px; text-align:center; color:#FFF; margin:0 auto; color:#cc0;}
.end_menu a {
	color:#cc0;
	font:bold 14px/30px "Open sans", Arial, Helvetica, sans-serif;
	padding:0 15px;
	text-decoration:none;
}
.end_menu a:hover{ text-decoration:underline;}

.end { margin:0 auto; width:1170px; color:#333; font:13px/24px "Open sans", Arial, Helvetica, sans-serif; text-align:center;}
.end a{ color:#333; text-decoration:none;}
.end span { padding-left:6px;}

#cert { margin:0 auto; background:#FFF url(../images/main_bg.gif); width:1170px !important; width:1170px; border-bottom:3px solid #0088d2; text-align:right; padding:15px 20px 15px 0;}

#menu { width:1170px; height:42px; margin:0 auto; background:#ddd url(../images/menu_bg.gif); border:1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: #666 1px 1px 2px;
-moz-box-shadow: #666 1px 1px 2px;
box-shadow: #666 1px 1px 2px;

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

 }
#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; color:#cc0; margin:0; padding:0 38px; text-decoration:none; font:bold 16px/42px "Open sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#menu ul li a:hover { color:#cc0; text-decoration:underline;}
.menu_mid { float:left; width:1px; height:42px; overflow:hidden; background: #777;}

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

#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:1170px; height:100px; margin:0 auto;}

.welcome { margin:18px 8px 18px 18px; padding-left:15px; background:url(../images/welcome_bg_left.gif) repeat-y left;}
.pro_img { margin:0 12px 5px 0;}
.product_img { text-align:center; width:150px;}
#banner { margin:0 auto; background:#FFF; width:1200px; height:580px; overflow:hidden; 

border-bottom:3px solid #cc0;
border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;

-webkit-box-shadow: #999 1px 1px 2px;
-moz-box-shadow: #999 1px 1px 2px;
box-shadow: #999 1px 1px 2px;

behavior: url(../css3.htc);
position:relative;
z-index:2;  
}
#bann_shd { margin:0 auto; width:1200px; height:1px; background:#FFF; overflow:hidden;}

.main_line{ border-bottom:1px dotted #EEE; margin:12px 0;}
.main_line_f{ border-bottom:1px dotted #ddd; margin:6px 0 12px; width:850px;}

#logo img{ margin:2px 0 0 12px;}
#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 14px/30px "Open sans", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 5px;}
#ver img { margin:6px 6px 0 10px;}

.left_contact span { display:block; padding:5px 0; font:14px "Open sans", Arial, Helvetica, sans-serif; border-bottom:1px dotted #ddd; }
.left_contact span img { margin :0 4px 0 4px;}

.faq_1 { margin-bottom:30px;}
.faq_1 p { margin:0 0 6px 0;}
.faq_1 p a { font:14px/18px "Open sans", Arial, Helvetica, sans-serif; color:#cc0;}
.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:14px/18px "Open sans", Arial, Helvetica, sans-serif; color:#cc0;}
.faq_2 p a:hover { font:bold; }

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


.page { font:14px "Open sans", 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;}

.right_title { color: #3cf; font: bold 14px/30px "Open sans", Arial, Helvetica, sans-serif; }
.box_right { margin:30px 25px 20px 0;}
.right_box { margin:0 0 12px; padding:12px 10px; border:1px solid #DDD; background:#FFF;
-webkit-box-shadow: #ccc 1px 1px 1px;
-moz-box-shadow: #ccc 1px 1px 1px;
box-shadow: #ccc 1px 1px 1px;

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

}
.pro_title { color:#333; margin-bottom:12px; line-height:20px;}
#right_contact a{ display:block; width:340px; height:88px; background:url(../images/rt_contact.jpg) no-repeat; color:#3cf; font: bold 16px/88px "Open sans", Arial, Helvetica, sans-serif; text-indent:18px; text-decoration: none;

-webkit-box-shadow: #ccc 1px 1px 1px;
-moz-box-shadow: #ccc 1px 1px 1px;
box-shadow: #ccc 1px 1px 1px;

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

/*Home-Works-Scroll*/
.img-scroll { position:relative; margin:10px auto 0; width:740px;}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:30px; height:200px; background-color:#fafafa; top:0; color:#999; text-align:center; line-height:200px; font-size:22px;}
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.img-list { position:relative; width:640px; height:210px; margin-left:50px; overflow:hidden}
.img-list ul {list-style:none; margin:0; padding:0; width:9999px; }
.img-list li {list-style:none; margin:0; padding:0; float:left; display:inline; width:200px; margin-right:16px; height:200px; background:#FFF; text-align:center; line-height:200px; border:1px solid #ddd;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #ccc 1px 1px 1px;
-moz-box-shadow: #ccc 1px 1px 1px;
box-shadow: #ccc 1px 1px 1px;

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

}
.img-list li p { color:#333; line-height:15px; margin:3px 0 0 0; padding:0;}
.img-list li p span{ color:#cc0; font-weight:bold; line-height:20px;}


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



/******************* CSS MENU ********************/
#cssmenu { width:100%; height:42px; margin:0 auto; background:#666;

-webkit-box-shadow: #666 1px 1px 2px;
-moz-box-shadow: #666 1px 1px 2px;
box-shadow: #666 1px 1px 2px;

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

#nav span { display:block; float:left; width:2 px; overflow:hidden; height:42px;}
#nav { width:1170px; height:42px; margin:0 auto; padding:0; list-style:none; font-weight:bold;}



#nav ul {
 list-style: none;
 width:245px;
 background: #f5f5f5;   
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 
-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 3px;
-moz-box-shadow: #444 0px 0px 3px;
box-shadow: #444 0px 0px 3px;

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


#nav ul ul{ }

#nav ul a {
	font-size: 13px;
 display: block;
 width: 240px;
 w\idth: 230px;
 color: #333;
 text-decoration: none;
 text-align: center;
 padding-left: 10px;
}

#nav li a:hover{
 color: #fff; background:#444;
}

#nav li ul a:hover{
 color: #fff; background:#cc0;
}
#nav a.selected{
 background:url(../images/x5.gif) no-repeat 95% center;
}


#nav li {
 line-height: 42px;
 position: relative;
 float:left;
}

#nav li ul {
 position: absolute;
 left: -999em;
 width: 240px;
 font-weight: normal;
 margin: 42px 0 0 -241px;
 padding: 0px;
}

#nav li li {
 width: 240px;
}

#nav li ul a {
 width: 240px;
 w\idth: 216px;
 padding: 0px 12px;
 line-height: 30px;
 text-align: left;
 border-top:1px solid #ddd;
}


#nav li ul ul { margin: 0 0 0 240px;}

#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: 240px;
 top: 0px;
}
#nav li:hover, #nav li.sfhover {
 background: #444;
}

#nav li li:hover, #nav li li.sfhover {
 background:#ccc;
}
#nav li li li:hover, #nav li li li.sfhover {
 background: #cc0;
}


.menu_0 {
	display:block; text-align:center; color:#fff; margin:0; padding:0 39px; text-decoration:none; font:bold 16px/42px "Open sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.menu_1 {
	display:block; text-align:center; color:#fff; margin:0; padding:0 39px; text-decoration:none; font:bold 16px/42px "Open sans", Arial, Helvetica, sans-serif; text-transform:uppercase; background:#444 url(../images/menu_bg1.gif) no-repeat center bottom;
}
.menu_0 a:hover, .menu_1 a:hover{ color:#fff; }

.jd_slide {
	width: 1200px; height: 580px;
	float: left;
	position: relative;
} 

.jd_slide a { text-decoration: none; font:14px/22px Arial, Helvetica, sans-serif; }
.jd_slide img { border:0;}

.jd_img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	display: none;
}
.jd_btn {
	position: absolute; right: 3px; bottom: 8px;
}
.jd_btn_a {
	width: 22px; height: 22px;
	line-height: 22px;
	margin-right: 5px;
	text-align: center;
	border-radius: 12px;
	background-color: #999;
	color: #fff;
	float: left;
}
.jd_btn_a:hover {
	text-decoration: none;
}
.jd_btn .active {
	background-color: #3cf;
}