/****** Global Styles ******/
body { font-size: 16px; font-family: Arial, "MS Gothic", "MS Sans Serif"; margin: 0px; padding: 0px;color: #202f46;overflow-x:hidden; background:url(bodybg.jpg) repeat-x}
table { font-family:  Arial, "MS Gothic", "MS Sans Serif"; font-size: 14px; }
td { word-break: break-all; }
tr{ vertical-align:top}
table{ width:100%;}
a:link, a:visited { text-decoration: none; color: #202f46; }
a:hover { text-decoration:underline; color:#ff6e1f; }
img { vertical-align: middle; border: 0px none; max-width:100%; height:auto; }
hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC; }
ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
h5,li, p {
	margin: 0px;
	padding: 0px;}
h1{
	font-size: 18px;}

.hide { display: none; }
ul.nl{ margin:0px; padding:0px; list-style:none;}
ul.nl li{ background:url(bullet2.gif) no-repeat 0 50%; line-height:17px; height:17px; padding-left:20px; }


/****** Form Controls Styles ******/
form { display: inline; }
input { font-family: Tahoma, Arial; font-size: 12px; }
input.text { height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; }
input.button { height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background: #FFFFFF; }
textarea { font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background: #F9F9F9; height: 100px; width: 200px; }
select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF; }

/****** Main Layout Styles ******/
#wrapper { background:#fff;width:918px; margin:0 auto;}
#header_m{ background:url(headbg.gif) no-repeat top left; height:95px;width:918px; margin:0 auto;}
#header {height:119px; overflow:hidden; margin:0px auto; width:100%;}
.sitetop{color: #40516F;height: 23px; line-height:23px; padding:0 12px}
.sitetopR{ float:right;}
.sitetopR ul{}
.sitetopR ul li{ display:block; float:left; padding:0 2px}


ul.sitemap li｛font-size:14px; line-height:45px; height:45px; padding-left:10px;｝

#footer { clear: both;width:918px; margin:0 auto}
#about { font-size: 12px; text-align: center; margin-top:20px;width:918px; margin:0 auto}
#about .tm { height:36px; line-height:15px; background:url(foottm.jpg) no-repeat; padding-left:10px;}
#about .tl {display:none;}
#about .tr {display:none;}
#about ul {}
#about li { float:left}

#copyriht { margin:0px ; padding:0px; text-align:center; line-height:17px;}




/* bott menu */
#bottomMenuUl { color: #FFFFFF;width:100%; margin:0px; padding:0px; text-align:center}
#bottomMenuUl li { display: inline; list-style: none; padding: 0px; margin:0 7px;}
#bottomMenuUl a:link,#bottomMenuUl  a:visited { text-decoration: none; color: #fff; }
#bottomMenuUl a:hover { text-decoration: none; color:#fc9641}

/* language menu */
#languageMenu { float:right; width:388px;_width:398px; margin:10px; margin-top:40px;}
#languageMenu li{ background:url(languageMenuLi.gif) no-repeat right center; height:12px;}
#languageMenuUl { float:right}
#languageMenuUl li {list-style: none; padding:0 6px 0 3px; margin:0 5px 0 0; display:block; float:left}
#topMenuUl { float:right}
#topMenuUl li {list-style: none; padding:0 6px 0 3px; margin:0 5px 0 0;display:block; float:left}

/****** Header Elements Styles ******/
#websiteLogo {}
#logo { float: left; margin: 25px;}

/* header title */
.website_head { padding: 0px;}
.website_head .im {}
.website_head .il { display:none}
.website_head .ir { display:none}
#titleWrapper {float: left; display:none}
#titleWrapper .iim {color: #FFFFFF; font-size: 26px; font-weight: bolder; font-family: "宋体", Arial, "MS Gothic", "MS Sans Serif"; margin: 0px; padding: 50px 25px 25px 55px;}
#titleWrapper .iil { display:none}
#titleWrapper .iir { display:none}

/* website description */
.website-desc { color: #FFFFFF; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }


/* main menu */
#menu { clear:both; width:918px; margin:0 auto;background:url(bodybg.jpg) repeat-x 0 -119px; overflow:hidden}
#menu .l{ display:none;}
#menu .r{ width:202px; height:44px; background:url(navr.gif) no-repeat; text-align:center; line-height:44px;}
#menu .m{
	color: #FFFFFF;
	height: 44px;
	line-height: 44px;
	overflow:hidden;
	width:790px;

}
#menu ul { margin: 0px auto; padding: 0px; overflow:hidden;}
#menu li { display: block; list-style: none;float: left; height:44pxpx; }
#menu .m a{ display:block;}
#menu .m a:link, #menu .m a:visited { color: #fff; font-size: 12px; background:url(menu_separator.gif) no-repeat right 50%;padding:0px 20px}
#menu .m a:hover {text-decoration: none; background:url(this.gif) no-repeat}
#menu ul li .thisPage,
#menu ul li .thisPage:link,
#menu ul li .thisPage:visited,
#menu ul li .thisPage:hover{ text-decoration: none;}

#menu .r a.s1{ padding:0 10px 0 0}
#menu .r a.s2{ padding:0 0 0 30px  }
#menu .r a:link, #menu .m a:visited { color: #fff; font-size: 14px;}
#menu .r a:hover { text-decoration:underline; color:#fff;}


.part{}
.part .conL{ float:left; width:189px;}
.part .conR{ float:right; width:718px;}


/****** Content Layout ******/
#mainWrapper { width:918px; margin:0 auto;}
.blank7{ height:7px; clear:both; font-size:1px;}
/* sidebar */
.sidebar {
	float: left;
	width: 189px;
	border: 1px solid #000066;
}
#innerSidebar { }
/* content */
.content { float: right; width: 100%; margin-left: -200px; }

.content-wide { width: auto; margin: 10px; margin-left: -210px; }
.content-only { width: auto; margin: 10px; margin-left: -210px; }
#innerContent { margin-left: 200px; overflow: visible; width: 720px;}
/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }
.blank10{ height:10px; clear:both}

.panel-content ul { padding: 0px; margin: 0px; }
.panel-content li { padding: 0px; margin: 0px; }
#panelLink {}
.panel-content { padding-top: 10px; }
#panelLink .panel-content #picLink { float: left; width: 95px; }
#picLink ul { padding-right: 4px; padding-left: 5px; }
#picLink li { height: 40px;vertical-align: middle;}
#picLink img { height: 31px; width: 88px; }
#panelLink .panel-content #textLink { float: left; width: 80px; }
#textLink ul { padding-left: 4px; border-left: 1px solid #E2E8EE; }
#textLink li { height: 20px; }

/* user panel */
#panelUser .panel-content { height: 135px; }

/* user panel MemberLogin */
#panelUser .panel-content .memberLogin { margin: 5px; color: #666666; position: relative; }
#panelUser .panel-content .memberLoginBox { color: #666666; position: relative; margin-top: 15px; margin-right: 5px; margin-bottom: 5px; margin-left: 25px; }
.memberLogin td { height: 27px; }
.memberName, .password{ color: #666666; background:url(login_bg1.gif) no-repeat; width:97px; height:18px;border: none; }
.memberName, .password {}
.code {color: #666666; background:url(login_bg2.gif) no-repeat; width:60px; height:18px; border:none}
#panelUser .panel-content  { text-decoration: none; }
.code, .codeImg { vertical-align: middle; }
.loginBt{ background:url(btn.gif) no-repeat; width:89px; height:20px; line-height:20px; padding-top:1px; overflow:hidden; border:none;color:#ff6e1f; text-align:center;text-indent:0; cursor:pointer}
.regMember{ background:url(btn.gif) no-repeat; width:89px; height:20px; line-height:20px; padding-top:1px; overflow:hidden; border:none;color:#ff6e1f; text-align:center;text-indent:0; display:block; cursor:pointer}
.LostPaw{ line-height:19px}

#loginForm{ margin:4px 0 3px 0px;}
#loginForm ul {}
#loginForm li { background:url(bullet.gif) no-repeat 11px 50%; padding-left:29px; border-bottom:1px #DBE2E8 solid; line-height:23px}
#loginForm span.className, #loginForm span.addTime{ display:none; }



.loginErrorSummary { background-color: #FFFFCC; display: block; font-size: 12px; border: 1px solid #A0A0A0; padding: 10px; position: absolute; left: 116px; top: 100px; width: 120px; }
.memberLogin ul, .memberLoginBox ul, .loginErrorSummary ul { padding: 5px; }
.memberLogin li, .memberLoginBox li, .loginErrorSummary ul li { color: #999999; list-style: square inside; text-align:left }
.memberLoginBox { margin:10px 0 0 20px}
.loginBoxTitle { }
.loginName { }
.loginBoxLink { line-height:20px;}
.editLink { }
.outLinkButton { }

/* vote panel */
#panelVote .panel-content { height: 165px; }
.votePanel { padding-top: 10px; padding-left: 15px; }
.voteTitle { color: #666666; margin-bottom: 2px; display: block; font-weight:bold }
.voteList { padding: 0px; display: block; margin-right: 0px; margin-bottom: 8px; margin-left: 10px; margin-top: 0px; }
.voteList input { }
.voteButtonBox { }
.voteButton{color: #906b10; background:url(login_btn.gif) no-repeat; width:41px; height:19px;border:none; text-align:center; display:block; line-height:19px;padding:0 0 1px 0;*padding:1px 0 0 1px;_padding:0 0 0 1px;}
.showButton {color: #906b10; background:url(login_btn.gif) no-repeat; width:41px; height:19px;border:none; text-align:center; display:block; line-height:19px;padding:0 0 1px 0;*padding:1px 0 0 1px;_padding:0 0 0 1px;}
.showPanel { padding: 10px;}
.showVoteTitle { }
.showVoteTitle .voteMsg { color: #999999;}
.showVoteList { margin:10px auto}
.showVoteList ul {list-style: square inside; margin:0px; padding:0px;}
.showVoteList ul li { color:#666666; height: 16px; }
.showVoteList ul li span { color: #666666; margin-left: 3px; }

/****** Defaul SinglePage Elements ******/
/* info Box */
.info { height: 170px; margin-bottom:10px; padding:0; width:100%}

.info .mm {line-height: 140%; text-indent: 2em; background: url(infoPic.gif) no-repeat 380px 8px; padding-right: 175px; color: #666666; }


/* noticenews */
.noticenews { margin-bottom: 15px; }
.noticenews .addTime { color: #666666; margin-left: 5px; }

.notice{ float: left; width: 49%;}

.notice li{ height: 20px; background: url(notice_li.gif) no-repeat left 2px; padding-left: 15px; }


.news li{ height: 20px; background: url(notice_li.gif) no-repeat left 2px; padding-left: 15px; }


/* product */

.productList {}
.productAlternating, .productItem {}
.productImage { text-align: center;margin:0; padding:0px}
.productImage a img { background:#fff;padding:2px;border:2px solid #f8edd7;margin:auto;display:block;_vertical-align:bottom;}
.productImage a:hover img{ background:#fff;padding:2px;border:1px dotted #ff6e1f;}
.productText { line-height: 120%; }
.productClassName { }
.productName { font-weight:bold; text-align:center}
#productContent .productName { color: #FF0000; text-decoration: underline; text-align: center; display: block; margin-top: 10px; margin-bottom: 2px; }
.productNumber { }
.price { }
.productShortContent { display: none; }
.productNumberLabel { }
.priceLabel { }
.cartButton{ background:url(btn.gif) no-repeat; width:89px; height:20px; line-height:20px; padding-top:1px; overflow:hidden; border:none;color:#ff6e1f; text-align:center;text-indent:0; cursor:pointer}
.productNameBox { text-align:center; margin:10px auto;}
.productNumberBox, .priceBox {text-align:center; }
.cartButtonBox { padding-top: 5px; text-align: center; }

/* Firstpic */
.FirstpicList {overflow:hidden; width:100%;}
.FirstpicList{text-align:center; width:100%;}
.FirstpicList td{ width:20%}
.picImage{  padding:0px; margin:0 auto;text-align:center;}
.picImage img{ width:116px; height:135px;_padding-bottom:1px;border:1px solid #e1e1e1}
.picImage a:hover img{border:1px solid #ff6e1f;}
.picText{ margin-top:9px;line-height:20px;}
.picClassName{}
.picTitle{color: #FF0000;}
.picShortContent{}


.lframe { margin-bottom: 10px; background:#fff; clear:both; width:100%}
.lframe .tm { background:url(panel_tm.jpg) no-repeat; height:31px; line-height:31px;}
.lframe .tl { display:none; }
.lframe .tr {display:none;}
.lframe span.tt{color: #fff; font-size: 12px; padding-left:30px}
.tt1{color: #FF0000; font-size: 14px; padding-left:30px}
.lframe .mm { border:1px #D2D9E3 solid; background:#EEF2F5; padding:4px 0 3px 0}
.lframe .ml {display:none;}
.lframe .mr {display:none;}
.lframe .bm {display:none;}
.lframe .bl {display:none;}
.lframe .br {display:none;}

.lframe .tm a:link,.lframe .tm a:visited{ color:#fff; text-decoration:none;}
.lframe .tm a:hover{ text-decoration:underline}

.blank4{ height:4px; font-size:1px;}
.lframe .mm li { background:url(bullet.gif) no-repeat 11px 50%; padding-left:29px; border-bottom:1px #DBE2E8 solid; line-height:23px}
.lframe .mm li a:visited{

	color: #990000;
}
.lframe .mm span.className,.lframe .mm span.addTime{ display:none; }


.mframe { border:1px #D1DAE3 solid;margin:0 auto;}
.mframe .tm { background:url(bg2.gif) repeat-x; height:30px; line-height:30px;overflow:hidden }
.mframe .tl { display:none; }
.mframe .tr {display:none;}
.mframe span.tt{ font-size:12px; background:url(icon1.gif) no-repeat left center; font-weight:normal; padding-left:15px; color:#293A56; display:block; float:left; margin-left:5px;}
.mframe .mm{overflow:hidden; padding:3px;}
.mframe .ml {display:none;}
.mframe .mr {display:none;}
.mframe .bm {display:none;}
.mframe .bl {display:none;}
.mframe .br {display:none;}
.eshop{
	background:url(eshop.jpg) no-repeat;
	width:720px;
	height:210px;
	float:left;
	margin-top: 3px;
}
.eshop .gongsi{
	line-height:22px;
	text-indent:2em;
	margin-top: 32px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 160px;
}
.tongue{ width:455px; float:right; border-left:1px solid #d2d9e3; margin-bottom:2px;}
.tongue .tm{ line-height:38px; height:38px; overflow:hidden}
.tongue .mm{ clear:both; border-bottom:1px solid #d2d9e3; border-right:1px solid #d2d9e3; height:117px; overflow:hidden; line-height:22px;text-indent:2em; padding:10px; }
.tongue .mm .download{ clear:left;float:left; margin-top:5px; height:20px; overflow:hidden;}
.tongue .mm .download .version{float:left; width:220px;}

.btn{ background:url(btn.gif) no-repeat; width:89px; height:20px; line-height:20px; padding-top:1px; overflow:hidden; border:none;color:#ff6e1f; text-align:center;text-indent:0; cursor:pointer}
.btn a:link,.btn a:visited { text-decoration: none; color:#ff6e1f;}
.btn a:hover { text-decoration: none; color:#ff6e1f; }

/*#news_con_5 img{ width:116px; height:135px; border:1px solid #e1e1e1}
#news_con_5 a:hover img{border:1px solid #ff6e1f;}
#news_con_5 ul{ list-style:none; margin:0; padding:0; margin-top:10px}
#news_con_5 ul li{ display:block; float:left; width:20%; text-align:center; line-height:24px;}
#news_con_6 img{ width:116px; height:135px; border:1px solid #e1e1e1}
#news_con_6 a:hover img{border:1px solid #ff6e1f;}
#news_con_6 ul{ list-style:none; margin:0; padding:0; margin-top:10px}
#news_con_6 ul li{ display:block; float:left; width:20%; text-align:center; line-height:24px;}*/


.bulletin{width:454px; float:right; border:1px solid #d1dae3; height:24px; line-height:24px; background:url(icon7.gif) no-repeat 0 30%; text-indent:20px;}

.case{ height:153px; overflow:hidden;}
.casePic{ width:135px;float:left; line-height:24px; text-align:center; margin:20px auto 20px 5px;_margin:20px auto 20px 1px}
.casePic img{ width:120px; height:90px; border:1px solid #e1e1e1}
.casePic a:hover img{border:1px solid #ff6e1f;}
.caseContent{ width:200px; float:right;}
.caseContent ul{ list-style:none; margin:0; padding:0;}
.caseContent ul li{ display:block; float:left;width:100px;line-height:24px; height:24px; overflow:hidden;}

.starService{ background:url(starService.gif) no-repeat; width:335px;_width:315px; height:133px; line-height:22px; padding:10px; text-indent:2em;}




/* Link panel */
#link{ text-align:center; overflow:hidden;}
#link ul { margin:0px; padding:0px; width:99%}
#link li { float:left; line-height:22px; padding-right:4px; overflow:hidden; height:22px;}
#link a{}
#link img { height:29px;_height:28px; width:86px; border:1px solid #c2c1c6; padding:1px;}
#link a:hover img{border:1px solid #ff6e1f;}


#link2{ text-align:center; overflow:hidden; width:99%;}
#link2 ul { margin:0px; padding:0px;}
#link2 ul li { float:left; padding-right:5px;}
#link a{ padding:0 10px}
#link2 img { height:30px; width:100px; border:1px solid #c2c1c6; padding:1px; overflow:hidden;}
#link2 a:hover img{border:1px solid #ff6e1f;}


.lblOn{text-align:center;overflow:hidden; float:left;background:url(on.gif) no-repeat; width:91px; height:38px; text-align:center; }
.lblOff{text-align:center;overflow:hidden; float:left;background:url(off.gif) no-repeat; width:91px; height:38px; text-align:center;}
.lblOn div,.lblOff div{cursor:pointer}
.lblOn2{text-align:center;overflow:hidden; float:left;background:url(on2.gif) no-repeat; width:145px;text-align:center; height:25px;}
.lblOn3{text-align:center;overflow:hidden; float:left;background:url(on2.gif) no-repeat; width:145px;text-align:center;height:25px;border-left:1px #fff solid;}
.lblOff2{text-align:center;overflow:hidden; float:left;width:145px;text-align:center}
.lblOff3{text-align:center;overflow:hidden; float:left;width:145px;text-align:center;border-right:1px #D1DAE3 solid;}
.lblOn2 div,.lblOff2 div{cursor:pointer}
.lblOn3 div,.lblOff3 div{cursor:pointer}

.icon2{ background:url(icon2.gif) no-repeat left top; height:33px; margin:2px 3px; text-indent:20px;}
.icon3{ background:url(icon3.gif) no-repeat left top; height:33px;margin:2px 3px; text-indent:20px;}
.icon4{ background:url(icon4.gif) no-repeat left top; height:33px;margin:2px 3px; text-indent:20px;}
.icon5{ background:url(icon5.gif) no-repeat left top; height:33px;margin:2px 3px; text-indent:20px;}
.icon6{ background:url(icon6.gif) no-repeat left top; height:33px;margin:2px 3px; text-indent:20px;}

.icon2B{ background:url(icon2B.gif) no-repeat; width:51px; height:63px; float:right; margin-top:-20px; margin-right:5px}
.icon3B{ background:url(icon3B.gif) no-repeat; width:53px; height:80px; float:right; margin-top:-40px; margin-right:5px}
.icon4B{ background:url(icon4B.gif) no-repeat; width:46px; height:70px; float:right; margin-top:-40px; margin-right:5px}
.icon5B{ background:url(icon5B.gif) no-repeat; width:53px; height:72px; float:right; margin-top:-40px; margin-right:5px}
.icon6B{ background:url(icon6B.gif) no-repeat; width:48px; height:76px; float:right; margin-top:-13px; margin-right:5px}

.b10{ clear:both; height:10px; overflow:hidden;}
.b5{ clear:both; height:5px; overflow:hidden;}
.b2{ clear:both; height:2px; overflow:hidden;}
.clear{ clear:both;}
.line{ background:url(dotLine.gif) repeat-x center; height:9px; overflow:hidden;}


.more{float:right; _margin-top:4px; margin-right:5px;}
.pack {overflow:hidden;}
.tl, .bl , .tl , .bl , .tl , .bl { float:left;}
.tr, .br , .tr , .br , .tr , .br { float:right;}
.ml, .l, .ml , .ml { float:left;padding-bottom:10000px;margin-bottom:-10000px;}
.mr, .r, .mr , .mr  { float:right;padding-bottom:10000px;margin-bottom:-10000px;}
#zschanpin2{
	height: 150px;
	width: 166px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 3px;
	float: left;
	margin-left: 5px;
	margin-top: 12px;
}
#zschanpin2 .url{
	text-align: center;
	font-size: 14px;
}
#zschanpin2 .pic{
height: 140px;
	width: 160px;
}
#zschanpin3{
	height: 180px;
	width: 160px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 3px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	overfollow:hidden;
}
#zschanpin3 .url1{
	text-align: center;
	font-size: 14px;
	height: 40px;
}
#zschanpin3 .pic1{
          height: 180px;
	width: 160px;
}


#banner {position:relative; width:915px; height:160px; border:1px solid #666; overflow:hidden;margin:0 auto;}
#banner_list img {border:0px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:478px; }
#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
			margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;} <!-- 让四张图片都可以重叠在一起-->

.articleContent{ padding:10px;}