@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #323232; font: 12px/1 "Arial","微软雅黑"; margin: 0; padding: 0; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }

ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */

small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }

q:before, q:after { content: ''; }

p { margin: 0; padding: 0; }

/* 重置表单元素 */

legend { color: #323232; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */

/* 重置 hr */

hr { border: none; height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

:link { text-decoration: none; color: #323232; }

:visited { text-decoration: none; color: #323232; }

/*======================公用样式=======================*/

.warp { width:100%; margin: 0 auto; overflow: hidden; background:url(../images/bg.jpg) repeat; }

.bgstretcher-area { text-align: left; }

.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; left: 0; }

.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }

.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0; }

.banner {width:100%; height:659px; }



.header { width:1200px; height:97px; margin:0 auto;  position:relative; top:38px; background:url(../images/head_bg.jpg) no-repeat;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=3);/*ie*/

-moz-box-shadow: 2px 2px 10px #000;/*firefox*/

-webkit-box-shadow: 2px 2px 10px #000;/*safari或chrome*/

box-shadow:2px 2px 10px #000;/*opera或ie9*/}



.logo { width:204px; height:97px; position:absolute; top:0; left:0; background:url(../images/logo.jpg) no-repeat;}

.logo a { display:block; width:204px; height:97px; text-indent:-9999px;}

.lang { position:absolute; top:25px; left:812px; color:#747474;}

.lang a { color:#747474; }

.lang a:hover { color:#db1b1c; text-decoration:underline;}

.top_tel { position:absolute; top:25px; left:1001px; color:#747474;}



.menu { width:863px; height:31px; position:absolute; top:62px; left:337px; }

.menu li { float:left;height:31px; background:url(../images/menu_line.jpg) no-repeat top left; padding:0 25px; position:relative;}

.menu li a { display:block; font-size:14px; font-weight:bold; color:#555;}

.menu li a:hover { color:#000;}



#nav_1 li ul {display: none; position: absolute; left: -18px; top:28px; padding:8px 0; margin: 0; z-index:9999;width:146px !important;}



#nav_1 li:hover > ul { display: block;background:#1d1d1d;  height:auto !important; }



#nav_1 li ul li, #nav_1 li ul li a {  font-size:12px !important; float: none; display:block; height:31px;padding:0; line-height:31px; text-align:left !important; background:none !important; text-align:center !important; }

#nav_1 li ul li a:hover {color:#fff;background:#db1b1c !important; display:block;}

#nav_1 li ul li ul {display: none; width:125px !important; z-index:9999; background:#ee6411 !important;}

#nav_1 li ul li ul { left:125px !important;}

#nav_1 li ul li { _display: inline; /* for IE6 */}

#nav_1 li ul li a {display: block; color:#fff !important;}

/* SUBSUB Menu */

#nav_1 li ul li:hover ul { left: 100%; top: 0;background:#ee6411 !important;  }







/*======================首页样式=======================*/

.box { width:1200px; margin:0 auto; overflow:hidden; background:url(../images/box_bg.jpg) no-repeat #fff top; position:relative; top:-51px; z-index:9999;padding-bottom:38px;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=3);/*ie*/

-moz-box-shadow: 2px 2px 10px #000;/*firefox*/

-webkit-box-shadow: 2px 2px 10px #000;/*safari或chrome*/

box-shadow:2px 2px 10px #000;/*opera或ie9*/}

.index_main { width:1155px; height:425px; padding-top:29px; padding-left:22px; }







.index_news { width:401px; height:398px; background:url(../images/index_newbg.jpg) no-repeat; float:left; position:relative; }

.index_news_meun { width:356px; height:29px; position:absolute; top:20px; left:23px;}

.index_news_meun li { width:117px; height:29px; line-height:29px; background:#333; float:left; margin-right:1px;}

.index_news_meun li a { display:block; color:#fff; font-size:12px; font-weight:bold; text-align:center;}

.index_news_meun li a:hover,.index_news_meun li a.sel { display:block; background:#bc010c;}





.index_news_main {width:351px; position:absolute; top:65px; left:23px; display: none;}

.index_news_con { width:351px; height:105px;}

.index_news_con img { width:160px; height:101px; display:block; float:left;}

.index_news_con .new_txt { width:177px; height:105px; overflow:hidden; float:left; margin-left:14px;}

.index_news_con .new_txt em { display:block; height:36px; font-size:14px; line-height:19px; color:#000;}

.index_news_con .new_txt em a { color:#000;}

.index_news_con .new_txt span { display:block; line-height:20px; margin-top:2px; color:#858585;}



.index_new_list { width:351px; margin-top:10px;}

.index_new_list li { width:351px; height:36px; overflow:hidden; background:url(../images/dd.jpg) no-repeat 2px 14px; border-bottom:1px dotted #acacac; line-height:39px; text-indent:15px;}

.index_new_list li a:hover {text-decoration:underline;}



.index_about { width:721px; height:398px; background:url(../images/index_aboutbg.jpg) no-repeat; margin-left:33px; float:left; position:relative; }

.index_about .tit { position:absolute; top:22px; left:34px; font-size:18px; font-weight:bold; color:#0b0a0a;}

.index_about .more { width:74px; line-height:22px; background:#bc010c; position:absolute; top:19px; right:23px; font-size:14px; color:#fff; text-align:center;}

.index_about .more a { display:block; color:#fff;}

.index_about .txt { width:673px; height:316px; position:absolute; top:64px; left:24px; line-height:27px;}





.index_pro { width:1155px; height:593px; background:url(../images/index_probg.jpg) no-repeat;  position:relative; margin-left:22px; }

.index_pro .tit { position:absolute; top:24px; left:33px; font-size:18px; font-weight:bold; color:#0b0a0a;}

.index_pro .more { width:74px; line-height:22px; background:#bc010c; position:absolute; top:21px; right:23px; font-size:14px; color:#fff; text-align:center;}

.index_pro .more a { display:block; color:#fff;}

.index_pro ul { display:block; width:1140px; position:absolute; top:68px; left:10px;}

.index_pro ul li { width:266px; height:235px; margin-left:14px; margin-bottom:28px; float:left; background:url(../images/pro_li.jpg) no-repeat; position:relative;}

.index_pro ul li img { width:264px; height:199px; position:absolute; top:1px; left:1px;}

.index_pro ul li span {width:266px; height:35px; position:absolute; top:200px; left:0; display:block; text-align:center; font-size:20px;}

.index_pro ul li:hover { display:block; background:url(../images/pro_lia.jpg) no-repeat;}

.index_pro ul li:hover a {color:#bc010c;}





/*=======================内页样式=======================*/



.inner {  width:1155px; overflow:hidden; padding-top:29px; padding-left:22px;}

.inner_fl { width:262px;  float:left;  }

.fl_cat { width:260px; border:1px solid #d7d7d7; background:#ececec; margin-bottom:22px; }

.inner_fl_cat { width:220px; margin-top:13px; margin-left:21px;}

.inner_fl_cat .tit { width:220px; height:36px; background:url(../images/fl_cat_tit.jpg) no-repeat; line-height:36px; text-indent:10px; font-size:18px; font-weight:bold; color:#0b0a0a;}

.inner_fl_cat ul { width:220px; margin-top:9px; display:block; margin-bottom:30px;}

.inner_fl_cat ul li {width:220px; height:40px; line-height:43px; text-indent:35px; background:url(../images/fl_li.jpg) no-repeat;}

.inner_fl_cat ul li a { display:block; font-size:14px; color:#252525;}

.inner_fl_cat ul li a:hover { display:block; background:url(../images/fl_lia.jpg) no-repeat; color:#fff;}

.fl_lx { width:262px; height:375px; background:url(../images/fl_lx.jpg) no-repeat; position:relative; }

.fl_lx .tit { position:absolute; top:22px; left:31px; font-size:18px; font-weight:bold; color:#0b0a0a;}

.fl_lx .txt { width:220px; height:188px;line-height:24px; position:absolute; top:133px; left:21px;}

.fl_lx .txt_name { font-size:12px; color:#010101; font-weight:bold; }



.inner_fr { width:863px; overflow:hidden; float:left; margin-left:30px; margin-bottom:30px;}

.inner_fr_tit { width:863px; height:49px; position:relative; background:url(../images/inner_tit.jpg) no-repeat;}

.inner_fr_tit span{ position:absolute; top:22px; left:11px; font-size:18px; font-weight:bold; color:#0b0a0a;}

.inner_fr_tit em { position:absolute; top:30px; right:2px;}





.inner_pro { width:863px; margin-top:10px;}





.inner_pro li { width:863px; height:179px; margin:0 auto; padding:15px 0; border-bottom:1px dotted #666;}

.inner_pro li img { width:238px; height:179px; float:left; margin-right:20px; border:1px solid #ccc;}

.inner_pro_txt { width:550px; height:179px; overflow:hidden; float:left; line-height:20px;}

.inner_pro li h1 { line-height:35px; font-size:16px;}

.inner_pro li h1 a:hover { text-decoration:underline;}









.about { padding:15px 0; line-height:25px; overflow:hidden;font-size:14px;}













.show_pro { padding:15px 0; overflow:hidden;  line-height:20px;font-size:14px;}









.news_con {padding:15px 0;  overflow: hidden;}

.news_con li { display: block; height: 67px; margin-bottom: 14px; }

.news_con li a { display: block; color:#000; }

.news_con li a:hover { text-decoration:underline;}

.news_con li .date { width: 67px; height: 67px; float: left; text-align: center; background: #cb181f; }

.news_con li .date span { font-size: 27px; line-height: 47px; color:#fff;  }

.news_con li .date p { color: #ebeff2; }

.news_con li .txt { width:787px; height: 67px; overflow: hidden; float: left; line-height: 20px; padding-left: 8px; background: #ececec; }

.news_con li .txt span { font-size: 13px; line-height: 25px; }

.news_con li .txt p { display: block; width: 745px; overflow: hidden; color: #ababab; }



.shownews { padding:15px 0;}



.shownews a:hover { text-decoration: underline;}

.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }

.shownews .title h1 { color:#b90b0a; font-size:14px; line-height:40px;}

.shownews .title span { line-height:18px;}

.shownews DIV.text { padding-top:25px; }.hr { color: #666666; margin: 20px 0; }

.hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; }

table.job { border-collapse: collapse; color: #777777; width: 100%; }

table.job th, .job td { border: 1px solid #DDDDDD; }

table.job th { background-color: #ffffff; height: 40px; line-height: 40px; text-align: center; }

table.job td { background: none repeat scroll 0 0 #FFFFFF; padding: 10px; text-align: center; }

table.job a.close { height: 28px; line-height: 28px; }

table.job .jobdetail { background: url("../images/jobdetail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; margin: 0 auto; width: 76px; }

table.job .mydiv { left: 50%; margin: -135px 0 0 -325px; position: fixed !important; top: 30%; width: 650px; z-index: 999; }

table.job .mydiv table { border-collapse: collapse; color: #777777; line-height: 22px; }

table.job .mydiv table .alignleft { text-align: left; }

/*新闻中心页面和新闻终端页面样式*/

.newslist{}

.newslist table{ width:100%; border-left:1px #999 solid; border-top:1px #999 solid; color:#666; margin:0 0 20px 0;}

.newslist table td{ padding:10px 15px; border-bottom:1px #999 solid; border-right:1px #999 solid;}

.newslist table a{ color:#792C21; font-weight:bold;}

.newslist table .newslist-1{ width:68%; background:#FFF;}

.newslist table .newslist-2{ width:16%; background:#FFF; text-align:center;}

.newslist table .newslist-3{ width:16%; background:#FFF; text-align:center;}



.single h1{ padding:7px 0; color:#333; text-align:center; font-size:14px; border-bottom:#666 1px dotted;}

.single span.title{ display:block; width:100%; padding:5px 0; color:#666; text-align:center;}

.single p{ margin:20px 0; line-height:22px; color:#000;}

.back { height:27px; padding:7px 0; text-align:right;}

.back a{ width:116px; height:27px; color:#3487D1;}

/*在线询盘页面样式*/

.inquiry_form { padding:10px 0 0 30px; color:#000; font-family:Tahoma; }

.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; padding:2px;}

.inquiry_form td .btn_box { width:60px; height:24px; border:1px solid #bbb; background:#e6e6e6 url(../images/inquiry_btn.jpg) repeat-x; color:#333; cursor:pointer;}



/*======================产品终端页产品图片切换效果样式=======================*/

.products_4 { overflow:hidden;}

.products_5 { padding-top: 10px; padding-left:40px; float: left; }

.products_5 h1 { font-size:14px;}

#preview { float: none; padding: 15px 0; width: 400px; float: left; }

.description { clear: both; /*height:400px;*/ overflow: auto }

.description h3, .other h3 { height: 40px; line-height: 40px; color: #005DAA; border-bottom: 1px dashed #999; }

.description .data { overflow-x: auto; margin: 0px 0; }

.description a.iq { display: block; width: 98px; height: 25px; }

.description p { width: 100%; height: auto; color: #000; line-height: 22px; margin: 20px 0; }

.description .txt { border-bottom: 1px solid #999; font-size: 15px; line-height: 34px; padding-left: 10px; color: #13233c; font-weight: bold; }

.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; }

/*产品终端样式*/



/*产品终端页产品图片切换效果样式*/

.proinfo_two { border-color: #CCCCCC; border-style: solid; border-width: 1px; height: auto; }

.proinfo_two .pro_description { background: none repeat scroll 0 0 #4F5152; font-weight: bold; height: 28px; line-height: 28px; text-indent: 10px; color:#ffffff; }

.proinfo_two .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; }

#spec-n1 img { width:400px; height:305px; background: #fff; border: 1px solid #ccc; padding: 1px; }

#spec-n5 { width: 400px; 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:76px; }

#spec-list ul li { width:100px; height:76px; float:left;}

#spec-list ul li img { width:93px; height:70px; 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: 0 10px; background-color: #8395A0; display: block; cursor: pointer; border-right: 1px #FFFFFF solid; line-height: 26px }

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; }

/*放大镜样式 结束*/



.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 100%; }

.other_tit { border-bottom: 1px dashed #222222; font-size:14px; height: 40px; line-height: 40px; padding-top: 10px; }

.other ul { margin: 20px 0; }

.other li { float: left; margin: 0 11px; width: 152px; }

.other li.last{ margin-right:0px;}

.other li a { display:block; }

.other li a:hover { display:block; text-decoration: underline;}

.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; display: block; height:114px; margin: 0 auto; width: 150px; }

.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }





/*======================分页样式=======================*/

.pager { margin:20px auto 0;  padding: 5px 0; clear:both; }

.page_link { height: 22px; padding: 0 20px; font-size: 11px; color: #777;}

.pager span { line-height: 20px; background: #F0F0F0; margin: 0px 2px; padding: 0 0.6em; float:left; }

.pager span a { display: block; }

.page_link_total { color: #777; }

.page_link_now { font-weight: bold; color: #d2211f; }



/*======================底部样式=======================*/

.foot_link { width:1155px; height:149px; background:url(../images/index_linkbg.jpg) no-repeat; position:relative; margin-left:22px; margin-top:29px; }

.foot_link .tit { position:absolute; top:24px; left:33px; font-size:18px; font-weight:bold; color:#0b0a0a;}

.foot_link ul { width:1100px; height:70px; display:block; position:absolute; top:70px; left:24px; overflow:hidden;}

.foot_link ul li { line-height:28px; padding:0 10px; float:left;}

.foot_link ul li a:hover { text-decoration:underline;}



.foot { width:100%; padding:20px 0; line-height:26px; padding-top:16px; background:#3c3c3c;}

.foot_con { width:1200px; margin:0 auto; text-align:center; color:#c6c6c6; position:relative;}

.foot a { color:#c6c6c6;}

.foot a:hover { text-decoration:underline;}

.foot_back { width:72px; height:72px; background:url(../images/back.jpg) no-repeat; position:absolute; top:-36px; right:0;}

.foot_back a { display:block;width:72px; height:72px; text-indent:-9999px;}