@charset "utf-8";

/*内页公共样式*/
#subwrap{ background:#DED8C8 url(../images/submainbg.jpg) repeat-x;}
.subwrapcon{ width:971px; margin:0px auto; background:url(../images/leftbg.png) repeat-y;}
.subwrapbottom{ height:9px; background: url(../images/sub_main_bottombg.jpg) repeat-x;}
.subleft{ width:250px; float:left;}
.subleftcon{ width:228px; float:left; padding:0 0 40px 0;}

.subright{ display:inline; width:700px; float:left; margin:0 0 0 21px;}
.rightTitle{ height:40px; line-height:40px; color:#792C21; font-size:11px;}
.rightTitle a{ color:#792C21; font-size:11px;}
.rightTitle a:hover{ color:#792C21;}
.subrightcon{}



/*单页面样式*/
.about{ margin:20px 0;}
.news { margin:20px 0;}
.about p{ width:98%; height:auto; font-size:12px; color:#333; line-height:22px; margin:20px auto;}
.news p { width:98%; height:auto; font-size:12px; color:#333; line-height:22px; margin:20px auto;}
.about h3{ height:24px; line-height:24px; color:#792C21;}
.news h3 { height:24px; line-height:24px; color:#792C21;}



/*新闻中心页面和新闻终端页面样式*/
.newslist{}
.newslist table{ width:90%; font-size:10px; color:#666; margin:0 0 20px 0; margin-left:20px;}
.newslist table td{ padding:2px 5px; border-bottom:1px #999  dotted;}
.newslist table a{ font-size:12px; line-height:30px; font-size:14px}
.newslist table .newslist-1{ width:70%; line-height:26px; }
.newslist table .newslist-2{ width:13%; text-align:center; line-height:26px;}
.newslist table .newslist-3{ width:17%; text-align:center; line-height:26px;}

.single h1{ padding:7px 0; color:#333; text-align:center; font-size:18px; font-weight:bold; border-bottom:#666 1px dotted;}
.single span{ display:block; width:100%; padding:5px 0; color:#666; text-align:center; font-size:12px;}
.single p{ margin:20px 0; line-height:22px; color:#000; font-size:14px;}
.back { height:27px; padding:7px 0; text-align:right;}
.back a{ width:116px; height:27px; color:#3487D1;}



/*产品中心页面样式*/
.products_show{clear:both;overflow:hidden; zoom:1; margin:20px auto; width:700px }/* FireFox */
* html .products_show{ margin:32px 0 30px 0;}/* ie6 fixed */
*+html .products_show{ margin:32px 0 30px 0;}/* ie7 fixed */

.products_show li{ float:left; margin-left:15px; font-size:14px; margin-bottom:10px}
.products_show li a img{ display:block; width:210px; height:140px; background:#fff; border:1px solid #ccc; padding:1px;}
.products_show li a:hover img{ border:1px solid #ccc;}
.products_show li span{ display: block; height: 28px; line-height: 28px; text-align: center; background-image: url(../images/4444.jpg); background-repeat: repeat-x; }
.products_show a:hover{ text-decoration:none;}
.link{ width:700px; height:5px; background:url(../images/line.jpg) no-repeat;}



/*产品分类样式*/

/*产品分类样式*/
.l_procat{ width:200px;}

.left_m .l_procat a{ display:block; width:100%;}
.left_m ul{ padding-top:10px;}
.left_m li{background:url(../images/13.jpg) no-repeat 15px 15px; text-indent:29px; line-height:20px; width:199px; overflow:hidden; height:20px; padding-top:10px;}
.left_m li a{ color:#576568;font-weight:bold;}
.left_m .l_procat .level_1 {}
.left_m .l_procat .level_1 a{ font-weight:bold;}
.left_m .l_procat .level_1 a:hover{}
.left_m ul.l_procat li.level_2{ background:url(../images/14.jpg) no-repeat 25px 15px; display:none;line-height:15px;height:15px; padding-left:13px;}
.left_m ul.l_procat li.level_2 a{ height:18px; line-height:18px; color:#8D8D8D; font-size:12px; text-indent:30px; font-weight:100; list-style:circle;}
.left_m .l_procat li.level_2 a:hover{ color:#979944; text-decoration:none;}

.news_protype{ padding:60px 0 0 28px; background:url(../images/leftnewsbg.jpg) no-repeat;}
.news_protype .l_procat a{ display:block; width:100%;}
.news_protype .l_procat .level_1 { border-bottom:#564C40 1px dashed;}
.news_protype .l_procat .level_1 a{ height:auto; padding:3px 0 6px 0; line-height:14px; color:#C9BFA5; font-size:10px;}
.news_protype .l_procat .level_1 a:hover{ color:#fff; text-decoration:none;}



/*产品终端页面样式*/
.products_detail{ margin:32px 0 0 0;}
.products_detail h1{ height:42px; line-height:42px; color:#d8ccba; background:url(../images/show_titlebg.jpg) no-repeat; text-indent:20px;}
.detail_show{ height:331px; margin:18px 0 0 0;}
.detail_show_left{ width:400px; float:left;}
.detail_show_right{ width:300px; float:left;}

.detail_show_right ul{ width:270px; margin:0 0 0 15px;}
.detail_show_right li{ height:30px; line-height:30px; color:#333; font-size:11px; border-bottom:#CCC 1px dotted; display:block; width:100%}
.detail_show_right li.pd{ color:#5D1F17; font-size:11px; font-weight:bold;}
.detail_show_right li em{ float:left;}
.detail_show_right li span{ float:left; font-weight:bold;}
.detail_show_right li.qq{ height:48px; background:url(../images/qq.jpg) no-repeat left center;}
.detail_show_right li.qq a{ display:block; width:28px; height:28px; float:left; margin:10px 9px 0 0;}
.detail_show_right li.inquriy{ height:58px;}
.detail_show_right li.inquriy a{ display:block; width:98px; height:25px; float:left; margin:15px 0 0 0;}

.description h3, .other h3{ height:40px; line-height:40px; color:#5D1F17; border-bottom:1px dashed #9A937E;}
.description .data{ overflow-x:auto; margin:10px 0;}
.description a.iq{ display:block; width:98px; height:25px;}
.description p{ width:100%; height:auto; font-size:11px; color:#000; line-height:22px; margin:20px 0;}
.description table{ width:100%; text-align:center; border-left:1px #999 solid; border-top:1px #999 solid; background:#fff; color:#333;}
.description table td{ padding:6px 5px; border-bottom:1px #999 solid; border-right:1px #999 solid;}

.other ul{ margin:20px 0;}
.other li{ width:160px; float:left; margin:0 6px;}
.other img{ display:block; width:144px; height:96px; background:#fff; border:1px solid #ACA696; padding:4px 7px; margin:0 auto;}
.other span{ display:block; height:22px; line-height:22px; font-size:11px; text-align:center;}



/*产品终端页产品图片切换效果样式*/
#preview{ height:340px;}
#spec-n1 img{ width:396px; height:264px; background:#fff; border:1px solid #ccc; padding:1px;}
#spec-n5{width:396px;overflow:hidden; zoom:1; background:#fff; border:1px solid #ccc; border-top:none; padding:1px;}
#spec-right{width:124px; height:60px; float:left;}
#spec-right a img{width:124px; height:60px;}
#spec-list{ width:400px; float:left;}
#spec-list ul{float:left; height:68px;}
#spec-list ul li{height:60px; float:left; margin-left:0}
#spec-list ul li img{width:90px; height:60px; cursor:pointer;border: 1px solid #CCC;
padding: 2px;}
ul.product_list{ clear:both; margin:20px 20px 0; border-bottom:1px solid #CCCCCC;overflow:hidden; zoom:1;}
ul.product_list li{ font-weight:bold; float:left;padding:4px 20px; background-color: #8395A0; display:block;cursor:pointer; border-right:1px #FFFFFF solid}
ul.product_list li a{color:#FFFFFF;}
ul.product_list li.sel{
	background-color:#47555e;
}

/*放大镜样式 开始*/


.jqzoom {
	position:relative;
	padding:0;
}

.bigimg {
	width:800px;
	height:auto;
}
.zoomdiv {
	z-index:8;
	position:absolute;
	top:1px;
	left:0px;
	width:400px;
	height:400px;
	background:url(i/loading.gif) #fff no-repeat center center;
	border:1px solid #e4e4e4;
	display:none;
	text-align:left;
	overflow: hidden;
}

.jqZoomPup {
	z-index:3;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	border:1px solid #aaa;
	background:#FEDE4F 50% top no-repeat;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
	cursor:move;
}

/*放大镜样式 结束*/





/*分页样式*/
.pager{ margin:20px;padding:5px 0;}
.page_link{ height:22px; padding:0 20px; font-size:11px; color:#777; text-align:center;}
.pager span{ float:left; line-height:20px; background:#F0F0F0; margin:0px 2px; padding:0 0.6em;}
.pager span a{ display:block;}
.page_link_total{color:#777;}
.page_link_a,{}
.page_link_now{ font-weight:bold; color:#d2211f;}
.page_link_next{}
.page_link_first{}
.page_link_last{}
.page_link_pre{}



/*在线询盘页面样式*/
.inquiry_form {color:#000; font-family:Tahoma; font-size:12px; }
.inquiry_form tr{ margin:0 0 15px 0;}
.inquiry_form th { text-align:right; padding:0 10px 0 0; font-weight:normal;}
.inquiry_form td input,.inquiry_form td textarea { border:1px solid #bbb; font-size:12px; padding:2px;}
.inquiry_form td .btn_box { width:60px; height:20px; border:1px solid #bbb; background:#e6e6e6 url(../images/inquiry_btn.jpg) repeat-x; color:#666; font-size:12px; cursor:pointer;}



/*tag页面样式*/
.tagletter{ border-left:1px #B7B1A3 dotted; margin:10px 0;}
.tagletter li{ width:auto; height:18px; float:left; line-height:18px; margin:0 0 0 1px; border-right:1px #B7B1A3 dotted;}
.tagletter li a{ font-size:11px; padding:0 7px;}
.taglist{ margin:30px 0; padding:10px 0; border-top:1px #B7B1A3 dotted; border-bottom:1px #B7B1A3 dotted;}
.taglist li{ width:33%; height:18px; float:left; line-height:18px; margin:5px 0;}
.taglist li a{ font-size:11px;}



/*在线客服样式*/
*html .QQbox{position:absolute;}
#online_kf_box{ width:auto;}
#online_kf_menu{ width:26px; height:136px; background:url(../../default/images/side_online_im.gif) no-repeat; text-align:right;}

.QQbox{ width:auto; z-index:99; left:3px; top:145px; position:fixed;}
.QQbox .infobox{ width:170px; text-align:center; background:#bdc5cb url(../../default/images/siderIM_infobox.gif) no-repeat; padding:8px 0; line-height:14px; color:#000; font-weight:bold;}
.QQbox .t{ height:34px; background:url(../../default/images/siderIM_title.gif) no-repeat;}
.QQbox .b{ height:4px; background:url(../../default/images/siderIM_bottom.gif) no-repeat left bottom;}
.QQbox .con{ width:170px; background:url(../../default/images/siderIM_bg.gif) repeat-y; padding:10px 0px;}
.QQbox .con h2{ height:22px; background:url(../../default/images/siderIM_bg.gif) repeat-y -163px 0; border:1px solid #3a708d; text-align:center; color:#fff;}
.QQbox .con ul{ width:85%; margin:0 auto;}
.QQbox .con li{ border-bottom:1px #ccc dotted;}
.QQbox .con li a{ display:block; padding:8px 0;}
.QQbox .con li img{ display:block; padding:0 0 2px 0;}
.QQbox .con li .onlineimskype img{ display:none;}



/*产品终端页点击largeimg图片放大样式*/
#TB_window {font:12px Arial, Helvetica, sans-serif;color:#333;width:600px;}
#TB_secondLine {font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_window a:link {color:#666;}
#TB_window a:visited {color:#666;}
#TB_window a:hover {color:#000;}
#TB_window a:active {color:#666;}
#TB_window a:focus{color:#666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;height:auto;}

* html #TB_window { /* ie6 hack */position: absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px;/*	border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;*/height:400px;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;text-align: right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}

#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}



/*.MagicZoom样式*/
.MagicZoomBigImageCont {border:1px solid #91b817;}
.MagicZoomMain {text-align: center !important;width: 92px;}
.MagicZoomMain div {padding: 0px !important;}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader { font-size:10px; color:#fff; background:#91b817; text-align:center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {border:1px solid #fff;background:#000;}
/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:center;
	background:#fff;
	color:#444;
	border:1px solid #ccc;
	opacity:0.2;
	padding:3px !important;
	display:none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {padding-top:3px !important;}



/*job和guestbook的样式*/
.hr{ margin:20px 0; color:#666;}
.hr a{ padding:0 10px; color:#D2211F; text-decoration:underline;}
table.job{ width:95%; border-collapse:collapse; color:#777; margin:0 auto}
table.job th, .job td{ border:1px solid #ddd;}
table.job th{ background: url(../images/tabletab.jpg) repeat-x; height:40px; line-height:40px; text-align:center;}
table.job td{ padding:10px; background:#FFF; text-align:center;}
table.job a.close{height:28px; line-height:28px;}
table.job .jobdetail{ display:block; width:76px; height:24px; background:url(../images/jobdetail.gif) no-repeat; margin:0 auto;}
table.job .mydiv{ z-index:999; position:fixed!important; position:absolute; width:650px; left:50%;_left:55%; top:30%; margin:-135px 0 0 -325px;}
table.job .mydiv table{ border-collapse:collapse; color:#777; line-height:22px;}
table.job .mydiv table .alignleft{ text-align:left;}

.guestbook { padding-left:120px; padding-top:10px;}
.guestbook table th { color:#777; text-align:left;}
.guestbook table td input,.guestbook table td textarea{ border:1px solid #777; background:#f0f0f0;}

#show_info{ clear:both; margin:0 20px; padding:5px; background:#F0F0F0}
#show_info table{ background-color:#F0F0F0; width:100%;}
#show_info td{ background-color:#FFFFFF; padding:3px}



.mydiv {
	border: 1px solid #ccc;
	background:#fff;
	font-size: 12px;
	z-index:999;
	position:fixed!important;/*FF IE7*/
	position:absolute;/*IE6*/
	width:650px;
	height:370px;
	left:50%;
	_left:55%;
	top:30%;
	margin-left:-325px;  /*设置为宽度的一半*/
	margin-top:-135px;   /*设置为高度的一半*/
}
.bg, .popIframe {
	background-color: #000;
	display:none;
	width: 100%;
	height: 100%;
	left:0;
	top:0;/*FF IE7*/
	filter:alpha(opacity=50);/*IE*/
	opacity:0.5;/*FF*/
	z-index:1;
	position:fixed!important;/*FF IE7*/
	position:absolute;/*IE6*/
	position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/* www.codefans.net IE5 IE5.5*/
}
.popIframe {
	filter:alpha(opacity=0);/*IE*/
	opacity:0.5;/*FF*/
}
