@charset "utf-8";

html, body, span, div, p, a, table, tbody, td, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li, dl, dd, dt, iframe, label, blockquote, input, button {padding:0; margin:0;list-style: none;}

#body1 {line-height:22px;font-size:12px;font-family:arial,"\5B8B\4F53";color:#666;background:#fff;-webkit-text-size-adjust:none;}

img {vertical-align:middle; border:none;}
a {color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover, a:active, a:focus {color:#f60;}
input,button,select,textarea{outline:none}
textarea{resize:none}


/* Clear */

.fl{float:left;} 
.fr{float:right;}


/* ----header @ footer---- */

#headerbg{ background:#fff; height:74px; border-bottom:1px solid #dbdbdb;}
#header{ margin:0 auto; width:950px; height:74px; overflow: hidden; }

#logo{ float:left; width:120px; height:74px; overflow:hidden; line-height:74px; display:block; background:url(../images/logo.png) no-repeat 50%; text-indent:120px;}

#lang{ float:right; padding-top:38px; line-height:18px; height:18px;}
#lang a{ color:#888; background:url(../images/icon_org.jpg) no-repeat 0 50%; padding:2px 0 2px 12px; margin-left:20px;}
#lang a:hover{ color:#f60;}
#lang a.lang_phone{ background:url(../images/lang_phone_icon.jpg) no-repeat 0 50%; padding-left:15px;}
#lang a.lang_pad {margin-left:15px;background:url(../images/icon_pad.png) no-repeat 0 50%; padding-left:18px;}

.share_top{ padding-top:8px}

#indexmenumain{ margin:0 auto; padding:0; width:100%; height:37px; background:#9DCA17;}

#navigation{ height:37px; width:100%; max-width:1200px; margin:0 auto;}

.ddsmoothmenu{ float:left; font-size:14px; color:#fff; width:100%; height:37px; line-height:15px;}

.ddsmoothmenu ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left;}
.ddsmoothmenu ul li.sel, .ddsmoothmenu ul li.current-menu-ancestor{background:#789D0B;}
.ddsmoothmenu ul li.sel a, .ddsmoothmenu ul li.current-menu-ancestor a{ color:#fff;}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{display: block;color: #fff;padding:11px 52px;font-weight:bold;color: #fff;text-decoration: none;}

* html .ddsmoothmenu ul li a{ display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{}

.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li a:hover{ background:#789D0B;color: white;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display: list-item;float: none; background: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ background:#789D0B;border-top-width: 0;color: #fff !important;font-size: 12px;font-weight: normal;margin: 0;padding: 8px 14px;width: 204px; height:25px;top: 50%;
	left: 50%; line-height: 25px;}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a.selected{
background:#789D0B;
}
.ddsmoothmenu ul li ul li a:hover{
background:#607E08;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.6;
}

/* -- Hr -- */
#hr{ height:2px; background:#027DCB; clear:both; font-size:0;}

/* -- Frame -- */
.container_bg{ background:url(../images/container_bg.jpg) repeat-x 0 0;}
.container{ width:950px; margin:0 auto;}



/*-- Frendlink --*/
#friend_link{ padding:0 15px; color:#999; height:30px; line-height:30px; overflow:hidden;}
#friend_link a{ color:#999;}
#friend_link a:hover{ color:#f60;}
#friend_link #friend_link_title{ width:70px; float:left;}
#friend_link #friend_link_list{ width:840px; float:left;}
#friend_link #friend_link_list a{ margin:0 10px;}

#friend_link_dis{ width:17px; height:17px; display:block; position:absolute; top:7px; right:10px; cursor:pointer; }
.friend_link_hide{ background:url(../images/friend_link_dis.png) no-repeat 0 0;}
.friend_link_show{ background:url(../images/friend_link_dis.png) no-repeat 100% 0;}


#links {color:#999;padding:8px 0 8px 10px;line-height:20px;height:19px;overflow:hidden;}
#linksmore {display:none;color:#999; margin-top:-5px; padding:0 0 8px 2px;line-height:20px;}
#links a, #linksmore a {margin:0 8px;color:#999;}

.btn_link_d {width:17px;height:17px;line-height:0; background:url(../images/friend_link_dis.png) no-repeat 0 0;overflow:hidden;bottom:9px;right:10px; position:absolute;cursor:pointer;}
.btn_link_u {background:url(../images/friend_link_dis.png) no-repeat 100% 0;}

/*-- Foot --*/
#footerbg {background:#d6d6d6; clear:both; margin-top:25px;}
#footer {width:950px;text-align:center; margin:0 auto;}
#footer p {padding:25px 0 0; height:60px;}
.fotterpage a { color: white !important; }



/*--Clear--*/
.footer:after,.container_bg:after,.product_info:after,.product_main_list:after,#product_lib:after,.app_sys_list:after,.app_menu:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}



@media screen and (max-width:1290px) {

#navigation{ height:37px; width:1000px; max-width:1000px; margin:0 auto;}

.ddsmoothmenu ul li a{display: block;color: #fff;padding:11px 42px;font-weight:bold;color: #fff;text-decoration: none;}

}