/*-----------------------------------------------Common------------------------------------------*/
body{ font-size:10pt; font-family:"Arial"; padding:0; margin:0; color:#666; background:url(top.png) repeat-x 0 0 #fff}
a{ text-decoration:none; color:#666; font-size:10pt;}
a:hover{ text-decoration:underline}
.btn_s{ background:url(btn_s.png) no-repeat 0 0; width:64px; height:24px; border:0; font-size:9pt}
.btn_m{ background:url(btn_m.png) no-repeat 0 0; width:84px; height:24px; border:0; font-size:9pt}
img{ border:0}
.txt{ background:url(txt.png) repeat-x 0 0; border:solid 1px #ccc; padding:2px}
.info_div{ text-align:center; padding:20px 0}
    
.main{ width:980px; overflow:hidden; margin:0 auto}

.top{ height:80px; width:960px; margin:0 auto}
.top h1{ font-size:10pt; color:#234B6F; font-weight:700; margin:0; padding:0; font-style: italic; letter-spacing:1px}
.logo{ float:left; width:300px; margin:0; position:absolute;}

.header{ height:71px; width:100%; background:url(top.png) repeat-x 0 0; margin:0 auto; clear:both;}
.header-wrap{ width:960px; margin:0 auto; overflow:hidden; height:80px;}
#ctl00_hlLogo{ float:left;}
.header-right{ float:right;}
.language{ height:30px; line-height:25px; background:url(lan_bg.png) no-repeat 0 0; width:90px; text-align:center; margin:0 0 10px 200px;}
.language a{ margin:0 3px}
.search{height:28px; margin:0 0 0 20px;}
.keyword{ width:150px; margin:3px 0 0 0; border:0; padding:2px; background:url(search_bg.png) no-repeat -35px -3px; font-family:Tahoma; color:#666}
.txtSearch{ background:url(txt.png) repeat-x 0 0; border:solid 1px #2CAE34; padding:2px; color:#666; height:16px}
.btnSearch{ background:url(btn_search.png) no-repeat 0 0; width:50px; height:22px; border:0; font-size:9pt; color:#fff; cursor:pointer}

.nav{ height:50px; width:960px; margin:0 auto}
.nav-menu{ height:50px; font-family:"Arial","SimHei"; *font-family:"Microsoft YaHei" !important; *font-family:"Arial"}
.nav-menu ul{ list-style:none; margin:0; padding:0}
.nav-menu li,.nav-menu a{ background:url(nav.png) no-repeat; height:50px; line-height:50px}
.nav-menu li{ list-style-type:none; float:left; text-align:center; background-position:right top; margin-right:3px; width:110px}
.nav-menu a{ color:#fff; font-weight:700; display:block; font-size:11pt; background:url(nav_bg.png) no-repeat;}
.nav-menu a:hover{ text-decoration:none; background:url(nav_over.png) no-repeat; color:#fff}
.nav-menu a span{ padding-left:2px}
.nav-menu .focus{ background:url(nav_focus.png) no-repeat}
.nav-menu .focus a{ background:url(nav_focus.png) no-repeat}
.nav-menu .focus{ background-position:right top;}
.nav-menu .focus .shadow{position:relative; color:#333}
.nav-menu .focus .shadow span{position:absolute; left:-1px; top:-17px; color:#fff}
.nav-menu .language{ float:right !important; width:30px;}
.nav-menu .language img{ margin:12px 0 0 0}
.nav-menu .cart{ float:right !important; width:120px;}
.nav-menu .cart a{ font-weight:normal; font-size:9pt}
.nav-menu .cart img{ margin:10px 0 -7px 0}

.banner{ width:100%; position:relative;}
.banner-bg{ width:960px; margin:0 auto; height:330px}
.banner-bg a{ color:#fff}
.banner-bg img{ border:0}
.notify{ width:100%; background:url(bg-grey.gif) repeat-x 0 0; height:100px;}
.content-wrap-grey{ width:100%; background:#EDEDED; overflow:hidden; border-top:solid 1px #fff}
.content-wrap{ width:100%; overflow:hidden; background:url(main_bg.png) no-repeat center 0 #fff; margin-bottom:10px}
.content{ width:960px; margin:0 auto; overflow:hidden;}
.content-product{ width:960px; margin:0 auto; overflow:hidden; font-size:10pt; line-height:1.6em}
.content-banner{  margin:0 auto; margin-top:5px}
.content-banner a{ color:#fff}
.content-banner img{ border:0}
.banner{ width:960px; margin:0 auto; overflow:hidden; height:250px; background:url(banner.png) no-repeat 0 0}
.content-short{ float:left; width:205px; background:#fff; margin:15px 0 1px 10px}
.content-long{ float:left; width:720px; background:#fff; margin:1px 0 0 5px; overflow:hidden; line-height:1.6em; padding:10px;}
.content-title{ padding:0 10px; border-bottom:solid 1px #ddd; height:50px; line-height:50px; margin-bottom:20px}
.content-title .title{ font-family:"Arial","SimHei"; font-size:20px; font-weight:700; color:#666; float:left;}
.content-title .more{ float:right;}
.content-title .more a{ background:url(more.png) no-repeat 0 0; color:#fff; padding:0 10px 2px 7px;}
.content-item ul{ list-style:none; margin:0; padding:0}
.content-item li{ height:25px; line-height:25px; font-size:9pt; font-family:"Arial","SimHei";}
.content-item li a{ line-height:25px; font-size:9pt; font-family:"Arial","SimHei"; padding-right:5px; float:left}
.content-item .date{ float:right}
.content-quote{ padding:20px; font-size:11pt; color:#666; line-height:1.6em; width:690px; margin:0 auto}
.content-quote-r{ width:30px; height:28px; background:url(quote_r.png) no-repeat 0 0; float:right}
.content-quote-l{ width:30px; height:28px; background:url(quote_l.png) no-repeat 0 0; float:left; padding-right:20px}
.content-info{ padding:10px 20px 0 20px; line-height:1.6em; width:710px}
.content-info-title{ font-size:12pt; font-weight:700; color:#000; padding:10px 0}

.content-long .content{ width:100%;}

.about-banner{ width:960px; margin:0 auto; height:200px; background:url(about_banner.jpg) no-repeat 0 0}
.product-banner{ width:960px; margin:0 auto; height:200px; background:url(product_banner.jpg) no-repeat 0 0}
.news-banner{ width:960px; margin:0 auto; height:200px; background:url(news_banner.jpg) no-repeat 0 0}

.bottom{ width:980px; color:#999; background:url(bottom_bg.png) no-repeat 0 0; height:80px; margin:0 auto}
.bottom a{ color:#fff;}
.copyright{ width:940px; margin:0 auto; text-align:left; font-size:9pt; color:#fff; line-height:40px; height:70px; background:url(bottom.png) no-repeat right 16px}
.bottom-nav{ margin:0 auto; text-align:left; letter-spacing:1px; padding-top:10px}
.powered{ margin-top:-10px}
.icon-item{ float:left; margin-right:5px}

.tree-title{ height:28px; line-height:28px; background:url(list_title_bg.png) no-repeat 0 0; padding:0 10px; color:#009900; font-weight:700; font-family:"Arial","SimHei";}
.tree-item{ height:35px; line-height:35px; padding:3px 0 3px 20px; background:#E5E5E5;}
.tree-item a{ font-size:10pt; color:#333}
.tree-item a:hover{ text-decoration:none}
.tree-item img{ margin:0 10px -5px 0}
.tree-contact{ height:60px; border-top:solid 5px #eee; background:url(contact.png) no-repeat 5px 0; display:none}
.tree-contact-content{ padding:10px 20px; line-height:1.6em}
.tree-item .shadow{position:relative; color:#fff; cursor:pointer}
.tree-item .shadow span{position:absolute; left:-1px; top:-10px; _top:-4px; color:#333}
.tree-item a:hover .shadow span{ color:#E20F00 !important;}
.tree-link{ float:left; padding:10px 5px}
.tree-link img{ border:0}

.about-img{ width:250px; height:170px; background:url(about.png) no-repeat 5px 15px; padding:15px 10px; float:left}
.about-content{ padding:10px 0; line-height:1.7em;}

.pagenext{ padding:5px 10px; background:#f7f7f7; border:dashed 1px #ccc; height:25px; line-height:25px; margin:0 auto; width:640px}
.pagenext div{ float:left; width:310px; overflow:hidden; white-space:nowrap}

/*-----------------------------------------------Product------------------------------------------*/
.product-detail{ float:left; width:340px;}
.product-item{ text-align:center; border:solid 1px #fff; width:140px; float:left; overflow:hidden; padding:10px; margin:9px; background:url(in_pro_bg.jpg) no-repeat; height:158px;}
.product-item-img{ height:122px} 
.product-item-a { line-height:1.2em !important;}
.product-item-a a{ font-size:9pt;}
.product-main-img{ width:320px; height:358px; float:left; padding:0 10px; border:solid 1px #ddd; margin:0 10px 10px 0}
.product-title-item{ border:dashed 1px #ccc; margin-bottom:5px; padding:5px; width:340px; float:left; line-height:22px; overflow:hidden;}
.product-title-item-imgList{ border:dashed 1px #ccc; margin-bottom:5px; padding:5px; width:340px; float:left; height:76px; overflow-y:auto}
.imgList-item{ float:left; padding:3px 5px; width:70px; height:70px}
.product-item-price-green{ padding:10px; font-size:20pt; font-weight:700; color:#008000}
.product-desc-title{ height:30px; line-height:30px; width:700px; padding:0 0 10px 10px; font-weight:700; font-size:15pt; font-style:italic; clear:left}
.product-desc{ width:700px; padding:10px; line-height:2em; clear:left}
.product-img-shot{ padding:10px 0}
.product-img-shot img{ border:solid 1px #ddd; padding:2px; margin:5px}
.product-keyword{ border:dashed 1px #ccc; padding:5px; width:700px;}
 #share{ padding:5px}
 #share img{ margin:3px}
 .inquiry{ text-align:center; float:left; width:340px; margin-top:20px}

 .product-item-td{ background:url(in_pro_bg.jpg) no-repeat; height:172px;}
 .product-item-td-div{ width:162px !important; text-align:center; margin-top:-10px;}
 .product-item-td-a{ width:162px; text-align:center; line-height:1.2em; padding-top:5px;}
 .product-item-td-a a{ font-size:9pt;}

/*-----------------------------------------------Service------------------------------------------*/
.service{ right:0; width:30px; height:120px; background:url(sev0.gif) no-repeat 0 0 #fff; position:absolute; overflow:hidden; top:150px; z-index:100}
.service .serviceBox{ display:none;}
.service-open{ right:0; width:150px; background:url(sev1.png) no-repeat 0 0; position:absolute; overflow:hidden; top:150px; z-index:100}
.service-open .serviceBox{ width:128px;  margin-top:38px; overflow:hidden; padding:0 12px; line-height:1.5em; background:url(sev1_bg.png) repeat-y}
.service-open .serviceBottom{ width:150px; height:25px; background:url(sev1.png) no-repeat 0 -75px;}
.webqq{ padding:2px 0}
.webqqIcon{ margin:0 5px 0 0}
.telName{ padding:0 5px;}
.tel{ padding:0 5px; font-weight:700; color:#E96D23}

/*-----------------------------------------------Home Page------------------------------------------*/
.home-img{ width:250px; height:170px; background:url(about.png) no-repeat 5px 15px; padding:15px 10px; float:left}
.home-about{ padding:10px 0; line-height:1.7em;}
.home-link a{ color:#FF7B02; font-weight:700; border-bottom:dashed 1px #FF7B02}
.home-news-title{ padding:0 40px; background:url(home_news.png) no-repeat 0 0; height:30px; line-height:30px}
.home-news-title .title{ font-family:"Arial","SimHei"; font-size:14px; font-weight:700; color:#129DCC; letter-spacing:2px; float:left}
.home-news-item{ padding:5px 10px; width:710px; overflow:hidden}
.home-news-item ul{ list-style:none; margin:0; padding:0}
.home-news-item li{ height:25px; line-height:25px; font-size:9pt; font-family:"SimSun","SimHei"; width:355px; float:left}
.home-news-item li a{ line-height:25px; font-size:9pt; font-family:"SimSun","SimHei"; padding-right:5px; float:left}
.home-box{ background:url(home_box_bg.png) repeat-x 0 0 #fff; width:948px; overflow:hidden; padding:10px 0 0 10px; height:170px}
.home-box-item{ width:163px; float:left; margin:0 0px 10px 0; padding:8px 12px; line-height:1.5em; text-align:center}
.home-box-item-img img{ padding:1px; border:solid 1px #ddd}
.home-box-item-url{ height:30px; line-height:30px}
#demo{ overflow: hidden;width:730px; height: 172px; padding-top:10px}

/*-----------------------------------------------List Page------------------------------------------*/
.list-short{ width:205px; float:left}
.list-short-item{ margin:10px 0 10px 0}
.list-short-title{ height:28px; line-height:28px; background:url(list_title_bg.png) no-repeat 0 0; padding:0 10px; color:#009900; font-weight:700; font-family:"Arial","SimHei";}
.list-short-content{ border:solid 1px #ddd; border-top:0; background:#fff; line-height:1.5em; padding:10px; width:182px}
.list-short-menu{ height:30px; line-height:30px; background:url(list_menu_bg.png) repeat-x 0 bottom; padding:0 20px; margin-bottom:10px}
.list-short-menu-focus{ height:30px; line-height:30px; background:url(list_menu_focus_bg.png) repeat-x 0 bottom; padding:0 20px; margin-bottom:10px}
.list-short-menu-focus a{ font-weight:700; color:#444;}

.list-short-menu-child{ height:30px; line-height:30px; background:url(list_menu_child_bg.png) no-repeat 0 bottom; padding-left:30px; margin-bottom:10px}
.list-short-menu-child-focus{ height:30px; line-height:30px; background:url(list_menu_child_bg.png) no-repeat 0 bottom; padding-left:30px; margin-bottom:10px; font-weight:700}
.list-short-menu-child-focus a{ font-weight:700; color:#444;}

.list-long{ width:715px; float:left}
.list-long-item{ padding:0 10px}
.list-long-item ul{ list-style:none; margin:0; padding:0}
.list-long-item li{ height:30px; line-height:30px; font-size:11pt; font-family:"Arial","SimHei"; border-bottom:dashed 1px #ddd}
.list-long-item li a{ line-height:30px; font-size:11pt; font-family:"Arial","SimHei"; padding-right:10px; float:left}
.list-long-item .date{ float:right; font-size:9pt; color:#999}
.list-long-title{ background:url(list_nav_bg.png) no-repeat 0 0 #F5F5F5; height:32px; line-height:32px; padding:0 10px}

.list-long-content{ background:#fff; padding:10px 20px}
.list-long-content h1{ font-size:13pt; text-align:center; line-height:20px; display:block; font-weight:700; color:#333}
.list-long-content-info{ text-align:center; padding-bottom:15px; color:#999; border-bottom:dashed 1px #ddd}
.list-long-content-content{ line-height:2em; padding-top:15px; font-size:11pt}

/* Pager */
.pager{ text-align:center; height:30px; line-height:30px; font-family:"Arial","SimHei"; clear:both}
.pager FONT{padding:2px; border:1px solid #ccc; text-decoration:none;}
.pager .Pager{padding:2px 0; width:100% !important}
.pager span.Pager{padding:4px 7px; margin-right:2px;border:1px solid #ccc;}
.pager .Pager span span{color:#333;background:#eee; padding:4px 7px 4px 7px; }
.pager .Pager a{color:#333}
.pager .Pager a:hover{ color:#999}
.pager .Pager a:hover span.Pager{background:#eee}
.pager input.PagerBtn{border:1px solid #aaa;  height:20px; padding:1px 0px; margin:0 5px -2px 0;}
.pager input.PagerInput{border:solid 1px #FEAB2D; height:16px; margin:0 5px -2px 0; text-align:center}
.pager a.Pager{text-decoration:none;}
.CustomInfo{ display:none}

/*-----------------------------------------------Album------------------------------------------*/
.album-item{ text-align:center; width:172px; height:193px; float:left; overflow:hidden; background:url(album.jpg) no-repeat 0 0 #fff; margin:0 3px}
.album-item-img{ padding:20px 0}
.album-item-a{ font-weight:700;}

/* Page Content */
.pageContent{ width:100%}
.pageContent .pager{ text-align:center; padding:5px}
.pageContent .pager a{ padding:5px; text-decoration:none; font-size:9pt; color:#333}
.pageContent .pager span{ padding:4px 7px; margin-right:2px;border:1px solid #ccc;}
.pageContent .pager .focus span{ background:#eee}
.page-break{ display:none}

/*-----------------------------------------------Recruit------------------------------------------*/
.recruit{ margin:10px 0 15px 15px; text-align:left;}
.recruitBD{ background:#ddd}
.recruitTD{ background:#F5F5F5}
.recruitTitle{ height:30px; line-height:30px; color:#009900; font-weight:bold;}

/*-----------------------------------------------Comment------------------------------------------*/
.comment-post{ margin:20px; border:solid 1px #ddd; width:650px}
.comment-post-div table{ margin:10px 0 10px 15px}
.comment-post-div table td{ height:30px}
.comment-post-div-content{ height:162px !important}

 /* Go Top */
 #GoTop{ width:39px; height:41px; background:url(gotop.png) no-repeat 0 0; cursor:pointer; position:fixed; _position:absolute; bottom:5px; right:20px; _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight - 5); text-align:center;}
 #GoTop a{ text-decoration:none; font-size:12pt; font-weight:600; color:#666; letter-spacing:1px}
 
 .qrcode{ width:90px; height:110px; background:#fff; position:fixed; _position:absolute; bottom:80px; right:25px; _top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight - 5); z-index:100; border:solid 1px #ccc; padding:10px}