
BODY {
SCROLLBAR-FACE-COLOR: #000000;
 SCROLLBAR-HIGHLIGHT-COLOR: #101211;
 SCROLLBAR-SHADOW-COLOR: #101211;
 SCROLLBAR-3DLIGHT-COLOR: #101211;
 SCROLLBAR-ARROW-COLOR: #3e2923;
 SCROLLBAR-TRACK-COLOR: #101211;
 SCROLLBAR-DARKSHADOW-COLOR: #101211;
 SCROLLBAR-BASE-COLOR: #2f2f04
}


* {margin: 0px;padding: 0px;}
html, body {font-family: Arial, Helvetica, sans-serif;font-size:11px}
body {color: #fff;margin:0px; padding:0px;background:#000 url("../images/bg-home1.jpg") center 0px repeat-x;}
a {color: #444746;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
img {border: none;outline:none}
ul {list-style:none;}
td, div {font-size: 100%;}
hr {color: #393939; /* IE */ background: #393939; /* FF */ border: 0; height: 1px; clear: both;}

/*----------the don------------------*/
/* clearfix */
.clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;}
* html > body .clearfix {width: 100%;display: block;}
* html .clearfix {height: 1%;}
.fl {float:left;}
.fr {float:right;}
.c-t{width:940px; margin:0 auto;}
.w220{width:220px}


/*----------layout------------------*/
.wrapper{width:100%;padding-bottom:50px}
#header{width:960px;margin:27px auto 0 auto;background:url("../images/bg_header.png") no-repeat bottom center;padding-bottom:10px}
.container{width:960px;margin:0px auto}
#footer{width:960px;margin:0 auto;color:#919191;}
.footer p {background:url("../images/bg_banner1.png") no-repeat top center;text-align:right;padding-top:20px;}
.footer p.none {background:none;text-align:left;padding-top:0px;padding-left:12px}

/*--------------------- menu ------------------------------*/
#menu {float:right; list-style: none;margin-top:15px;padding: 0;width:580px;margin-right:-50px;}
#menu a{float:left;background-repeat: no-repeat;color: #fff;height: 21px;padding-left:21px}
#menu a span {display:none}

.home {background:url("../images/menu.png") no-repeat left 0;width:54px;height:20px}
.home:hover,
.home-select {background:url("../images/menu_hover.png") no-repeat left 0;width:54px;height:20px}

.about {background:url("../images/menu.png") no-repeat left -30px;width:73px;height:20px}
.about:hover,
.about-select {background:url("../images/menu_hover.png") no-repeat left -30px;width:73px;height:20px}

.products {background:url("../images/menu.png") no-repeat left -90px;width:78px;height:20px;}
.products:hover,
.products-select{background:url("../images/menu_hover.png") no-repeat left -90px;width:78px;height:20px;}

.join {background:url("../images/menu.png") no-repeat left -120px;width:78px;height:20px}
.join:hover,
.join-select {background:url("../images/menu_hover.png") no-repeat left -120px;width:78px;height:20px}

.news {background:url("../images/menu.png") no-repeat left -60px;width:70px;height:20px}
.news:hover,
.news-select {background:url("../images/menu_hover.png") no-repeat left -60px;width:70px;height:20px}

.contact {background:url("../images/menu.png") no-repeat left -150px;width:88px;height:20px}
.contact:hover,
.contact-select {background:url("../images/menu_hover.png") no-repeat left -150px;width:88px;height:20px}

.leftmenu{margin-left:10px;}

Button {FONT-SIZE: 9pt;HEIGHT: 20px;border:1px solid #ccc;}
Select{FONT-SIZE: 9pt;HEIGHT: 20px;}
INPUT{border:1px solid #000; background-color:#555;HEIGHT: 15px;}
.searchsub{FONT-SIZE: 12px;height:18px;}


/*--------------------- banner home ----------------------*/
.banner{background:url("../images/bg_banner1.png") no-repeat bottom center;width:960px;height:440px;}
.banner-map{width:610px;height:299px;top:65px;position:absolute;left:330px}

.ct-product{width:930px;float:left;padding:5px 10px }
.bx-pro-index{width:176px;float:left;margin:0 6px;_margin:0 5px;}

.bx-pro{width:126px;float:left;margin:0 6px;}
.search{float:right; margin-right:18px;}


/*---------------------------- container ----------------------------------*/
.cl-left {width:207px;float:left;margin-right:30px;padding-top:30px;margin-bottom:30px}
.cl-right {width:700px;margin-top:40px;float:right;margin-bottom:30px}
.content {padding:2px 0 0px 5px;color:#adadad;line-height:16px;margin-bottom:10px;font-size:12px;width:693px; height:300px; overflow-y:scroll; overflow-x:hidden;}


.content p{text-indent:20px;margin:10px 0;font-size:13px;}

.nav {background:url("../images/bx-b.png") no-repeat bottom;color:#9d9d9d}
.nav ul {background:url("../images/bx-t.png") no-repeat top;font-size:11px;padding:0 24px 25px 24px}
.nav ul li{padding-bottom:8px;margin-bottom:8px;color:#9d9d9d;border-bottom:1px solid #333;}
*+ html .nav ul li {width:160px}
.nav ul li ol {list-style:none}
.nav ul li li{background:none;padding-bottom:0px;margin-bottom:0px;color:#9d9d9d}
.nav ul li a {color:#696b6a;text-decoration:none;margin-left:4px;font-size:12px;text-align:left}
.nav ul li a:hover {color:#fff;text-decoration:none;}
.nav .link {background: url("../images/link.gif") no-repeat left center !important;padding-left:15px;}
.nav .link-sl {background: url("../images/ic.png") no-repeat left -4px;padding-left:15px;color:#1080b1}

.nav p {margin:7px 0;line-height:16px}
.nav b {text-transform:uppercase}
.nav h4 {font-size:12px;}

.breadcumb {border-bottom:solid 1px #2e312f;text-align:right;padding-bottom:3px;margin-bottom:5px}
.breadcumb li {display:inline;margin-left:2px;color:#444746;}
.breadcumb li  a{color:#444746;text-decoration:none}
.breadcumb li .a-sl{color:#919191}

ul.new {margin-left:15px;margin-top:20px;width:80%;color:#505050}
ul.new li {background:url("../images/ic-h.jpg"/) no-repeat left 7px;padding-left:12px;margin:0;}
ul.new li a {color:#adadad;text-decoration:none}
.fr-14 {font-family:Times New Roman;font-size:14px;color:#ffffff;text-transform:uppercase}


/* .career p{ margin:15px 0 10px 0} */
.career a {color:#777779}




.disc {padding-bottom:0px;margin-top:7px;margin-left:5px}
.disc li {margin:8px 0}
.disc ul li{list-style:none;}
.icon-arrow{background:url("../images/icon_arrow.png") no-repeat left 5px;padding-left:23px;font-family:}
.time {color:#505050;font-size:11px;padding-left:5px}


.case{background:url("../images/bg_case.png") left top no-repeat;padding:13px 0px 15px 13px;margin-top:10px }
.case img{margin-left:10px;}


