/*-----------------------------------------------Common------------------------------------------*/
body{ font-size:9pt; font-family:"Arial"; padding:0; margin:0; color:#555; background:url(top.png) 0 top repeat-x #f5f5F5;}
a{ text-decoration:none; color:#555; font-size:10pt;}
a:hover{ text-decoration:underline}
img{ border:0}
.dashed{ border:dashed 1px #ccc;}
.txt{ background:url(txt.png) repeat-x 0 0; border:solid 1px #ccc; padding:2px;}
.btn{ background:url(btn.png) no-repeat 0 0; width:84px; height:24px; border:0; font-size:9pt;}
    
/*-----------------------------------------------Header------------------------------------------*/
.header-wrap{ width:100%;}
.header{ width:1000px; margin:0 auto; height:115px; background:url(header_bg.png) 0 0 no-repeat;}
.site-logo{ float:left; margin:28px 0 0 10px;}
.header-right{ float:right;}
.search{ background:url(search_bg.png) no-repeat 0 -3px; height:30px; width:230px; margin:10px 10px 0 0; float:right; clear:both;}
.txtSearch{ background:url(); padding:2px; color:#666; height:16px; border:0; width:120px; font-size:11pt;}
.btnSearch{ background:url(btn_search.png) no-repeat 8px 1px; width:32px; height:25px; border:0; font-size:9pt; color:#fff; cursor:pointer;}
.top-nav{ list-style:none; margin:0; padding:0; float:right; background:url(top_nav.png) repeat-x 0 0; height:30px; width:188px; padding-left:12px; margin-bottom:10px;}
.top-nav li{ list-style-type:none; float:left; margin:5px;}
.top-nav a{ color:#333;}
.top-nav a img{ margin:0 2px 0 0;}
.hot-line{ font-size:15pt; color:#fff; clear:both; float:right; clear:both; margin-right:10px;}

/*-----------------------------------------------Navigation------------------------------------------*/
.nav{ height:50px; width:990px; margin:0 auto; background:url(nav.png) 0 top repeat-x #1D659B;}
.nav ul{ list-style:none; margin:0; padding:0; margin-left:3px;}
.nav li,.nav a{ height:50px; line-height:50px; font-family:Microsoft YaHei;}
.nav li{ list-style-type:none; float:left; text-align:center; width:123px; background:url(split.png) no-repeat left 0;}
.nav .li-none{ list-style-type:none; float:left; text-align:center; width:123px; background:url();}
.nav a{ color:#fff; display:block; font-size:11pt;}
.nav a:hover{ text-decoration:none; background:url(nav_over.png) no-repeat center 5px; color:#fff}
.nav a span{ padding-left:2px}

/*-----------------------------------------------Content------------------------------------------*/
.content-wrap{ width:100%;}
.content{ width:990px; margin:0 auto; background:#fff; overflow:hidden;}
.content-banner{ width:990px; margin:0 auto;}

.content-short{ width:210px; float:left; overflow:hidden; padding:10px;}
.content-short-item{ border:solid 1px #ccc;}
.link{ margin-top:10px;}
.content-short-item-title{ font-family:Microsoft YaHei; font-size:11pt; color:#fff; background:url(nav_bg.png); padding:6px 10px;}
.content-short-item-content{ padding:10px 20px 20px 20px;}
.link .content-short-item-content{ padding:0;}
.link .content-short-item-content img{ margin:10px 7px;}
.content-short-item-content .row{ display:block; background:url(arrow.png) no-repeat 0 12px; line-height:40px; padding-left:20px; border-bottom:dashed 1px #ddd;}
.content-short-item-content .row-news{ display:block; line-height:1.6em; border-bottom:dashed 1px #ddd; padding:5px 0;}
.content-short-item-content .child{ background:url(arrow.png) no-repeat 20px 12px; padding-left:40px;}
.content-short-item-content .active{ font-weight:700;}

.content-long{ width:740px; float:left; overflow:hidden; padding:10px;}
.content-long4{ width:750px; float:left; overflow:hidden; padding-right:10px; margin:-10px 0 10px 0;}
.content-long-top{ margin-top:-20px;}
.crumb{ font-family:Microsoft YaHei; font-size:11pt; color:#333; padding:10px; border-bottom:solid 1px #ddd;}
.crumb a{ font-size:11pt; color:#333;}
.content-long-header{ text-align:center; padding:10px;}
.content-long-header-title{ font-family:Microsoft YaHei;}
.content-long-header-info{ color:#999;}
.content-long-content{ font-size:10pt; line-height:1.6em; padding:20px 10px; overflow:hidden;}
.content-long-list{ padding:0; margin:0;}
.content-long-list li{ padding:5px 10px; list-style:none;}
.content-long-list .date{ float:right; font-size:9pt; color:#999;}
.content-long-footer{ padding:10px; overflow:hidden;}
.content-long-footer .prev{ float:left;}
.content-long-footer .next{ float:right;}

/*-----------------------------------------------Pager------------------------------------------*/
.pager{ text-align:center; height:30px; line-height:30px; letter-spacing:1px; font-family:"SimSun","SimHei"; clear:both; border-top:solid 1px #eee}
.pager FONT{padding:2px; border:1px solid #ccc; text-decoration:none;}
.pager .Pager{padding:2px 0; width:100% !important; margin-top:5px}
.pager span.Pager{padding:4px 7px; margin-right:2px;border:1px solid #ccc;}
.pager span.btnLink{padding:4px 7px; margin-right:2px;border:1px solid #ccc;}
.pager .Pager span span{color:#fff;background:#4FACE9; padding:4px 7px 4px 7px; }
.pager .Pager a{color:#333; text-decoration:none}
.pager .Pager a:hover{ color:#999}
.pager .Pager a:hover span.Pager{background:#4FACE9; color:#fff}
.pager .Pager a:hover span.btnLink{background:#4FACE9; color:#fff}
.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}
.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:#4FACE9}
.page-break{ display:none}

/*-----------------------------------------------Footer------------------------------------------*/
.footer-wrap{ width:100%; background:url(footer_bg.png) repeat-x; padding:20px 0;}
.footer{ width:1000px; margin:0 auto; color:#000; overflow:hidden;}
.footer-nav{ text-align:center; padding:10px 0;}
.footer-nav a{ color:#000; letter-spacing:1px;}
.copyright{ text-align:center;}

/*-----------------------------------------------Service------------------------------------------*/
.service{ width:150px; background:url(sev1.png) no-repeat 0 0; position:fixed; _position:absolute; top:170px; right:4px; z-index:100; overflow:hidden; display:none;}
.service-close{ position:absolute; right:0; width:30px; height:22px; background:url(win_close.png) no-repeat 0 0; cursor:pointer}
.service .serviceBox{ width:126px; margin-top:38px; overflow:auto; padding:6px 12px; line-height:1.5em; background:url(sev1_bg.png) repeat-y}
.service .icon{ margin:0 5px -2px 5px}
.service .info{ color:#000}
.service .item{ padding:5px}
.service .title{ font-weight:700}
.service .tel{ font-weight:700; font-size:13pt; color:#4FACE9; padding:5px 0}
.service-bottom{ width:150px; height:25px; background:url(sev1.png) no-repeat 0 -75px;}
.qrcode-title{ font-size:9pt; text-align:center; color:#999; padding-top:5px;}
.qrcode{ text-align:center;}

 /* Box */
 .box{ right:0; width:48px; height:120px; background:url(box.png) no-repeat 0 0; position:absolute; overflow:hidden; top:180px; z-index:100; padding:10px 0 0 6px}
 .box-item{ padding:2px}
 
/*-----------------------------------------------Home------------------------------------------*/
.about{ width:455px; float:left; margin-left:-10px;}
.about-title{ font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x #E0F2FE; padding:0 10px; color:#3080BB;}
.about-title a{ float:right; font-size:9pt; font-weight:normal;}
.about-content{ line-height:1.8em; padding:10px; font-size:10pt;}

.about3{ width:610px; float:left; padding:10px 0 0 10px;}
.about3-title{ width:590px; font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; color:#3080BB; background:url(title_bg.png) repeat-x 0 0 #E0F2FE; padding:0 10px;}
.about3-title a{ float:right; font-size:9pt; font-weight:normal;}
.about3-img{ float:left;}
.about3-content{ line-height:1.8em; padding:10px; font-size:10pt;}

.contact{ width:286px; float:right; margin-left:-10px;}
.contact-title{ font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x 0 0 #D1E6CC; padding:0 10px; color:#3080BB;}
.contact-title a{ float:right; font-size:9pt; font-weight:normal;}
.contact-content{ line-height:1.8em; padding:10px; font-size:10pt;}

.news{ width:286px; float:right;}
.news-title{ font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x #E0F2FE; padding:0 10px; color:#3080BB;}
.news-title a{ float:right; font-size:9pt; font-weight:normal;}
.news-tb{ width:100%;}
.news-item-tb{ margin-top:2px;}
.news-item-ul{ list-style:none; margin:0; padding:0}
.news-item-ul li{ padding:6px 0 6px 10px; background:url(news.gif) no-repeat 0 10px;}
.news-item-ul .date{ float:right; color:#999;}
.news-item-title{ font-weight:600; padding:0 5px;}
.news-item-content{ padding:5px 5px 2px 5px; width:228px;}
.news-item-more{ color:#0A6FA5;}
.news-item-img{ border:solid 1px #E5E2DC; padding:2px; width:90px; height:60px;}

.news2{ width:370px; float:left;}
.news2-title{ font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x 0 0 #E0F2FE; padding:0 10px; color:#3080BB;}
.news2-title a{ float:right; font-size:9pt; font-weight:normal;}
.news2-tb{ width:100%;}
.news2-item-tb{ margin-top:2px;}
.news2-item-ul{ list-style:none; margin:0; padding:0}
.news2-item-ul li{ padding:6px 0 6px 10px; background:url(news.gif) no-repeat 0 10px;}
.news2-item-ul .date{ float:right; color:#999;}
.news2-item-title{ font-weight:600; padding:0 5px;}
.news2-item-content{ padding:5px 5px 2px 5px; width:228px;}
.news2-item-more{ color:#0A6FA5;}
.news2-item-img{ border:solid 1px #E5E2DC; padding:2px; width:90px; height:60px;}
.news2-left{ margin-left:-10px;}
.news2-right{ margin-left:10px;}

.news3{ width:350px; float:right; padding:10px 10px 0 10px;}
.news3-title{ width:330px; font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x 0 0 #E0F2FE; padding:0 10px; color:#3080BB;}
.news3-title a{ float:right; font-size:9pt; font-weight:normal;}
.news3-tb{ width:100%;}
.news3-item-tb{ margin-top:2px;}
.news3-item-ul{ list-style:none; margin:0; padding:0}
.news3-item-ul li{ padding:2px 0}
.news3-item-ul .date{ float:right; color:#999;}
.news3-item-title{ font-weight:600; padding:0 5px;}
.news3-item-content{ padding:5px 5px 2px 5px; width:228px;}
.news3-item-more{ color:#0A6FA5;}
.news3-item-img{ border:solid 1px #E5E2DC; padding:2px; width:90px; height:60px;}

.album-item-ul{ list-style:none; margin:0; padding:0}
.album-item-ul li{ float:left;}
.album-item-ul img{ border:solid 1px #eee; padding:2px; margin:2px; width:60px;}
.album-title{ font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x #E0F2FE; padding:0 10px; color:#3080BB;}
.album-title a{ float:right; font-size:9pt; font-weight:normal;}

.show{ float:right; padding:0 0 10px 0;}
.show-title{ font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x #E0F2FE; padding:0 10px; color:#3080BB;}
.show-title a{ float:right; font-size:9pt; font-weight:normal;}
.show .bx_wrap{ width:750px; padding:20px 0 10px 0; overflow:hidden;}
.show .prev{ width:30px; height:104px; float:left;}
.show .bx_container{ width:670px !important; float:left; margin-left:9px;}
.show .bx_container ul{ padding:0; margin:0;}
.show .bx_container li{ border:solid 1px #ddd; padding:5px 6px;}
.show .next{ width:30px; height:104px; float:right;}

.show2{ width:970px; float:right; padding:0 10px 10px 10px;}
.show2-title{ width:950px; padding:0 10px; font-family:Microsoft YaHei; font-weight:700; font-size:11pt; line-height:30px; background:url(title_bg.png) repeat-x 0 0 #E0F2FE; color:#3080BB;}
.show2-title a{ float:right; font-size:9pt; font-weight:normal;}
.show2 .bx_wrap{ width:970px; padding:20px 0 10px 0; overflow:hidden;}
.show2 .prev{ width:30px; height:104px; float:left;}
.show2 .bx_container{ width:890px !important; float:left; margin-left:7px;}
.show2 .bx_container ul{ padding:0; margin:0;}
.show2 .bx_container li{ border:solid 1px #ddd; padding:5px;}
.show2 .next{ width:30px; height:104px; float:right;}

/*-----------------------------------------------Product------------------------------------------*/
.product{ float:left; padding:10px;}
.product-img{ border:solid 1px #ccc; padding:5px;}
.product-img img{ width:148px; height:115px;}
.product-name{ text-align:center; padding:5px 0;}
.jcarousel-skin-tango li{ padding:0;}
.product-attrib{ padding:5px;}
.product-attrib span{ font-weight:700;}
.share{ padding:5px;}
.share img{ margin:3px;}
.inquiry{ text-align:center; padding:30px 0;}
.product-tab{ height:30px; line-height:30px; width:710px; font-size:11pt; clear:left; font-family:"Microsoft YaHei","SimHei"; color:#333; font-weight:700; background:url(title_bg.png) repeat-x 0 0;}
.product-tab ul{ list-style:none; margin:0; padding:0}
.product-tab li{ list-style-type:none; float:left; text-align:center; margin-right:3px; width:100px; height:30px; letter-spacing:2px; padding:0;}
.product-tab li.active{ background:url(tab.png) no-repeat #ddd;}
.product-desc{ width:700px; padding:10px; line-height:2em; clear:left}

.product-item{ text-align:center; width:142px; float:left; overflow:hidden; padding:10px; margin:9px}
.product-item-img{ height:120px}
.product-item-a{ font-weight:700;}
.product-main-img{ width:350px; height:300px; float:left; padding:10px}
.product-main-img img{ border:solid 1px #999; padding:20px}
.product-detail{ margin-top:10px;}
.product-detail div{ height:30px; line-height:30px; font-size:11pt;}
.product-desc-title{ height:30px; line-height:30px; border-bottom:dashed 1px #ddd; 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}

/*-----------------------------------------------Album------------------------------------------*/
.album{ float:left; padding:10px;}
.album-img{ border:solid 1px #ccc; padding:5px;}
.album-img img{ width:148px; height:115px;}
.album-name{ text-align:center; padding:5px 0;}

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

/*-----------------------------------------------Comment------------------------------------------*/
.comment .info{ height:35px; line-height:35px; border:solid 1px #FFCC01; background:#FFFFCC; width:95%; margin:10px; padding:0 10px;}
.comment .txt{ width:500px;}
.comment table{ margin:10px 0 10px 15px;}
.comment table td{ height:30px;}
.comment-content{ height:162px !important;}

 /*-----------------------------------------------Loading------------------------------------------*/
.loading-bg{ position:fixed; _position:absolute; width:100%; height:100%; background:#fff; opacity:0.6; filter:alpha(opacity=60); top:0; _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); left:0; _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); z-index:1000;}
.loading{width:31px; height:31px; position:absolute; top:50%; left:50%;  margin:-15px 0px 0px -15px; background: url(loading.gif) no-repeat top center; z-index:1001;}

.content-long4 .product{ padding:13px;}