@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #626260; font: 14px/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: #626260; } /* 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: #626260; }
:visited { text-decoration: none; color: #626260; }
/*======================公用样式=======================*/
.warp { width:100%;}
.header {width:1100px; height:105px; margin:0 auto; position:relative;} 
.logo { width:269px; height:105px; position:absolute; top:0; left:0; background:url(../images/logo.jpg) no-repeat;}
.logo a { display:block; width:269px; height:105px; text-indent:-9999px;}
.lang { position:absolute; top:29px; right:2px; font-size:12px; color:#b4b4b4;}
.lang a { color:#b4b4b4;}

.search_info { width:228px; height:24px; position:absolute; top:60px; right:0; background:url(../images/search_bg.jpg) no-repeat;}
.search_info_txt { display: inline; float: left; width:190px; height:24px;}
.search_info_txt_css { text-indent:6px; background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #b4b4b4; float: left; height:24px; line-height:24px; overflow: hidden; width:190px; font-size:12px;}
.search_info_btn { float:right; width:38px; height:24px; }
.search_info_btn_css {background-color:transparent; border-color:-moz-use-text-color; border-style:none; border-width:0; float:left; height:24px; line-height:13px; overflow:hidden; width:38px;}


.menu{width:603px;height:68px; position:absolute; top:32px; left:269px;}
.menu .nav{width:603px;height:73px;margin:0 auto;}
.menu .nav li{float:left;list-style:none;}
.menu .nav li a{display:block;height:68px; /*padding:0 28px;*/padding:0 20px;line-height:73px; text-decoration:none;position:relative;overflow:hidden;}
.menu .nav li a:hover,.menu .nav li a.current{ line-height:73px; /*border-bottom:5px solid #007cc2;*/ color:#007cc2; font-weight:bold;}
.menu .nav li .box{width:1000px;height:80px;position:absolute;top:73px;left:0; z-index:999; display:none; }
.menu .nav li .box a:hover{color:#007cc2;}
.menu .nav li .box a{display:block;height:80px;float:left;padding:0 20px !important; line-height:80px;border:none;background:none;}
.menu .nav li .box a:hover{text-decoration:underline; border-bottom:0 !important;}

.menubg { width:100%; height:80px; background:url(../images/menu_bg.png) repeat-x; z-index:2; position:absolute; top:105px; left:0;}

/*======================首页样式=======================*/
.index_ban { width:100%; height:500px; background:url(../images/index_ban.jpg) no-repeat center;}
.index_ban a{ display:inline-block; width:100%; height:100%;}

.index_pro { width:1100px; height:384px; position:relative; margin:0 auto;}
.index_pro .tit { position:absolute; top:50px; left:38px; font-size:30px;}
.index_pro .tit span { color:#007cc2;}
.index_pro_q { display:block; list-style:none; position:absolute; right:42px; top:68px; z-index:9900; margin:0}
.index_pro_q li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:8px;border-radius:10px; background:#dedede;}
.index_pro_q li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
.index_pro_q li:hover,.index_pro_q li.seo_selIndex { background:#4aa1d2;}

.index_pro_m { width:1064px; height:273px; position:absolute; top:108px; left:18px; overflow:hidden;}
.index_pro_m li { width:237px; height:100%; float:left; margin-left:25px; background:#ccc; /*background:url(../images/index_proa.jpg) no-repeat;*/}
.index_pro_m li img { width:235px; height:235px; display:block; position:relative; top:1px; left:1px; }
.index_pro_m li span { width:234px; line-height:37px; display:block; text-align:center;/* background:#ccc; margin-left:1px;*/}
.index_pro_m li a:hover { display:block; /*background:url(../images/index_proah.jpg) no-repeat;*/ color:#fff;background:#007cc2;}

.main { width:100%; height:369px; background:#f4f4f4;margin-top: 50px;}
.index_con { width:1100px; overflow:hidden; margin:0 auto; padding-top:46px;}
.index_new { width:294px; height:323px; float:left; margin:0 36px;}
.index_new .tit { width:294px; height:32px; position:relative; background:#f4f4f4;}
.index_new .tit span { position:absolute; top:7px; left:11px; font-size:18px;}
.index_new .tit em { position:absolute; top:12px; right:10px;}
.index_new li { width:294px; height:100px; margin-top:21px;}
.index_new li img { width:130px; height:100px; float:left; margin-right:20px;}
.index_new li .data { width:144px; height:100px; float:left;}
.index_new li .data span { width:84px; height:22px; line-height:22px; display:block; background:#4aa1d2; color:#fff; text-align:center;}
.index_new li .data em { margin-top:5px; display:block; line-height:21px; font-size:12px;}
/*=======================内页样式=======================*/
.inner_ban { width:100%; height:280px; background:url(../images/inner_ban.jpg) no-repeat center;}
.seo_productBanner {background:url(../images/product_ban.jpg) no-repeat center;}
.seo_newsBanner {background:url(../images/news_ban.jpg) no-repeat center;}
.seo_newsDynamicBanner {background:url(../images/news_ban22.jpg) no-repeat center;}
.seo_pageBanner{background:url(../images/page_ban.jpg) no-repeat center;}
.seo_contactBanner{background:url(../images/contact_ban.jpg) no-repeat center;}


.inner_tit { width:100%; height:37px; border-bottom:1px solid #ececec;}
.location { width:1100px; line-height:42px; margin:0 auto;}

.inner { width:1100px; overflow:hidden; margin:59px auto 0;}
.inner_fl { width:220px; overflow:hidden; float:left;}
.inner_fl .tit { width:220px; height:33px; border-bottom:1px dotted #ececec; font-size:20px; text-indent:10px;font-weight: bold;}
.inner_fl ul { margin-top:7px;}
.inner_fl ul li { width:220px; line-height:30px; background:url(../images/ioc_1.jpg) no-repeat 10px 11px; text-indent:40px;}


.inner_fr { width:860px; overflow:hidden; float:left; margin-left:20px; margin-bottom:40px;}

.inner_pro { margin-top:34px; overflow:hidden; }
.inner_pro li { width:190px; /*height:242px;*/ height:272px;float:left; margin:0 10px; margin-bottom:28px;  position:relative;}
.inner_pro li img { width:188px; height:188px; display:block; border:1px solid #ececec;}
.inner_pro li span { width:190px; /*line-height:36px;*/margin-top:6px; line-height:20px; display:block; text-align:center;}
.inner_pro li em { display:block; width:78px; height:16px; line-height:16px; background:url(../images/inner_pro_mor_bg.jpg) no-repeat; 
text-indent:4px; font-size:12px;
position:absolute; left:0px; bottom:6px;}
.inner_pro li em a { color:#fff;}

.show_pro { padding:22px; overflow:hidden;  line-height:20px;}

.about { padding:20px;  overflow:hidden; line-height:25px;}


.news {  padding:20px; 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: #414141; text-decoration: none; }
.news li span { color: #414141; float: right; margin-right: 30px; }
.shownews { padding:25px 20px; }
.shownews a { display:block;}
.shownews a:hover { display:block; 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 { width: 250px; padding-top: 10px; padding-left: 30px; float: left; }
#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:400px; 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:100px; }
#spec-list ul li { width:100px; height:100%; float:left;}
#spec-list ul li img { width: 92px; height:92px; 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:20px auto 0; border-top: #ccc 1px solid; background: #fff; 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 { width:100%; height:452px; background:#007cc2;}
.foot_con { width:1100px; margin:0 auto; position:relative; color:#fff;}
.foot_menu { width:496px; height:269px; color:#fff; position:absolute; top:53px; left:20px;}
.foot_menu a { color:#fff;}
.foot_menu dl { width:100px; height:269px; margin:0 5px; float:left; display:block;}
.foot_menu dt { line-height:54px; font-size:18px; font-weight:bold;}
.foot_menu dd { line-height:30px;}

.foot_menu a:hover { color:#8cd6ff;}

.foot_lxbg { width:194px; height:169px; position:absolute; top:64px; left:496px; background:url(../images/foot_contact.jpg) no-repeat;}
.foot_lx { width:384px; height:258px; position:absolute; top:64px; right:0; line-height:35px; color:#fff;}


.foot_con .txt { text-indent:29px; line-height:80px; position:absolute; top:322px; left: 376px; font-size:12px;}
.foot_con .txt a{ color: #fff;}
.foot_con .er { position:absolute; top:322px; left:721px; width:241px; height:88px; background:url(../images/er_bg.jpg) no-repeat; display:none;}