@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #bbb; font: 12px/1 Arial; margin: 0; padding: 0; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 12px; 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: 12px; } /* 小于 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: #bbb; } /* 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: #bbb; }

:visited { text-decoration: none; color: #bbb; }

.fl { float: left; }

.fr { float: right; }

/*======================公用样式=======================*/

.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; }

.warp { width:100%; overflow:hidden; background:url(../images/index_bg.jpg) no-repeat center bottom;}

.inner_warp { width:100%; overflow:hidden; background:url(../images/inner_bg.jpg) no-repeat center;}

.banner { width: 100%; height:646px; margin:0 auto; z-index: 0;}



.top { width:100%; height:145px; background:url(../images/main_top.png) no-repeat center;  }

.header { width:1200px; height:111px; margin:0 auto; z-index: 0; position:relative; }

.logo { width:215px; height:80px; position:absolute; top:19px; left:22px;}

.logo a { display:block; width:215px; height:80px; text-indent:-9999px;}

.menu { width:881px; height:44px; position:absolute; top:37px; left:319px;}

.menu li { margin-left:41px; line-height:44px; font-size:14px; float:left;}

.menu li a { color:#fff;}

.menu li a:hover,.menu li a.sel_page{ color:#F60;}

.header  .language{ position:absolute; right:4px; top:0px;}

.header  .language a{ display: inline-block; width:80px;  height:25px; line-height:25px; text-indent:20px; margin-right:5px; color:#fff;}

.header  .language a.cn{ background:url(../images/cn.gif) no-repeat 0px center;}

.header  .language a.en{background:url(../images/en.gif) no-repeat 0px center;}

.index_main { width:1200px; height:939px; margin:0 auto; position:relative;}

.index_01 { width:550px; height:498px; position:absolute; left:0; top:-111px; background:url(../images/index_aboutbg.jpg) no-repeat; z-index:9999;}

.index_01 a{ display:block; width:550px; height:498px; text-indent:-9999px;}

.index_02 { width:650px; height:466px; position:absolute; left:550px; top:0; background:url(../images/index_02bg.jpg) no-repeat;}

.index_02 a{ display:block; width:650px; height:466px; text-indent:-9999px;}

.index_03 { width:550px; height:370px; background:url(../images/index_03bg.jpg) no-repeat; position:absolute; left:0; top:387px;}

.index_03 ul { width:290px; margin-left:36px;}

.index_03 ul li { width:290px; height:74px; margin-bottom:1px; margin-top:16px;}

.index_03 ul li span { color:#fff; font-size:14px; line-height:16px;}

.index_03 ul li span a { color:#fff;}

.index_03 ul li p { font-size:14px; line-height:18px; color:#fff;}

.index_03 ul li em { line-height:16px; color:#47484e;}

.index_04 { width:650px; height:238px; position:absolute; top:466px; left:550px; background:url(../images/index_04bg.jpg) no-repeat;}

.index_04 a{ display:block; width:650px; height:238px; text-indent:-9999px;}

.index_05 { width:650px; height:235px; position:absolute; top:704px; left:550px; background:url(../images/index_05bg.png) no-repeat;}

.index_05 ul { width:380px; margin-left:202px;}

.index_05 ul li { width:380px; height:58px; margin-bottom:1px; font-size:14px;}

.index_05 ul li span { display:block; color:#ebc002; line-height:35px;}

.index_05 ul li span a {color:#ebc002;}

.index_05 ul li em { color:#484f55;}

.index_06 { width:550px; height:182px; position:absolute; top:757px; left:0; background:url(../images/index_06bg.jpg) no-repeat;}





/*=======================内页样式=======================*/



.location { width:1200px; height:27px; line-height:27px; margin:0 auto; background:url(../images/location.jpg) repeat-x; text-indent:8px; font-size:14px; color:#000;}

.location a { color:#000;}

.inner { width:1200px; height:1474px; margin:0 auto; background:url(../images/inner_bg.png) repeat;}



.left_cat { width:254px; height:808px; float:left; background:url(../images/left_bg.jpg) no-repeat;}

.left_cat ul { margin-top:64px;}

.left_cat ul li { width:254px; height:35px; line-height:35px; text-indent:27px;}

.left_cat ul li a { color:#fff; font-size:14px;}

.left_cat ul li a:hover { display:block; background:url(../images/leftlia.png) repeat-x;}

.inner_fr { width:946px; overflow:hidden; float:left;}



.inner_pro {overflow:hidden; margin-top:25px;}

.inner_pro li { width:422px; height:304px; float:left; margin-left:25px; margin-right:25px; margin-bottom:40px; background:url(../images/inner_probg.png) no-repeat; position:relative;}

.inner_pro li img { width:400px; height:212px; position:absolute; top:11px; left:11px;}

.inner_pro li span { width:235px; height:55px; line-height:25px; display:block; position:absolute; top:248px; left:11px; font-size:14px;}

.inner_pro li em { width:139px; height:39px; display:block; position:absolute; top:250px; left:272px;}

.inner_pro li em a {width:139px; height:39px; display:block; text-indent:-9999px;}



.about {padding:26px; line-height:30px; overflow:hidden;}

.about_txt { padding-top: 10px; font-size: 14px; line-height: 22px; }

.news {padding:26px;overflow:hidden;}

.news ul { list-style-image: none; list-style-type: none; margin-top: 6px; }

.news li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden; }

.news li a { color: rgba(255,255,255,.8); text-decoration: none; }

.news li span {  color: rgba(255,255,255,.8);float: right; margin-right: 30px; }




.shownews {padding:26px;overflow:hidden;}

.shownews a { display:block;}

.shownews a:hover { display:block; text-decoration: underline;}

.shownews .title {  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; 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; }

/*在线询盘页面样式*/

.inquiry_form { padding:10px 0 0 30px; 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; color:#000;}

.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;}



.show_pro {padding:26px;overflow:hidden; line-height:20px;}





/*======================产品终端页产品图片切换效果样式=======================*/

.products_4 { overflow:hidden;}

.products_5 { width: 250px; padding-top: 10px; padding-left: 30px; float: left; }

#preview { float: none; padding: 15px 0; width: 500px; 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:#333; 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:500px; height:265px; background: #fff; border: 1px solid #ccc; padding: 1px; }

#spec-n5 { width: 500px; 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:500px; float: left; }

#spec-list ul { float: left;}

#spec-list ul li { width:96px; float:left;}

#spec-list ul li img { width: 90px; height:98px; 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: 763px; }

.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 17px; width: 152px; }

.other li a { display:block; color:#fff;}

.other li a:hover { display:block; text-decoration: underline;}

.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; display: block; height:150px; margin: 0 auto; width: 150px; }

.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }



/*======================分页样式=======================*/

.pager{ margin:0 30px; border-top:#ccc 1px solid;  padding:5px 0; clear:both;}

.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;}

/*======================底部样式=======================*/

.foot { width:1200px; height:204px; margin:0 auto; background:url(../images/foot_bg.jpg) no-repeat; position:relative; padding-bottom:45px;}
.foot a.icp_no{     position: absolute;    right: 740px;    bottom: 63px;    color:#8b8a88;}

.foot_contact { width:263px; height:103px; position:absolute; top:45px; left:269px; line-height:15px; color:#9e9e9e;}

.foot_fo { width:196px; height:48px; position:absolute; top:107px; right:0;}

.foot_fo li { float:left; width:49px; height:48px;}

#inquiry_form{ display:block; width:600px; margin:40px auto;border:#ccc solid 1px; background:rgba(255,255,255,.6); border-radius:10px; padding-top:20px;}
#inquiry_form table{ border-collapse:collapse; }
#inquiry_form table th{ line-height:40px; color:rgba(0,0,0,.6);}

#inquiry_form table td input[type="password"]{ width:200px; }
#inquiry_form table td input[type="text"]{ width:80px; }
#inquiry_form table td input[type="password"],#inquiry_form table td input[type="text"]{ border:#999 solid 1px;line-height:20px; border-radius:5px;}
#inquiry_form table td img{ cursor:pointer; height:22px; vertical-align:middle;border:#999 solid 1px;border-radius:5px;}

#inquiry_form table td input[type="reset"],#inquiry_form table td input[type="submit"]{ border:#999 solid 1px; padding:4px 0px;line-height:21px; height:auto !important; border-radius:3px; font-size:.8rem; font-weight: bold; }