@charset "utf-8";



/* CSS Document */



body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #333; 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; font-size:14px;}



/* 重置表单元素 */



legend { color: #333; } /* 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: #333; }



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



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



.warp { width:100%; margin: 0 auto; overflow: hidden; }



.top { width:100%; height:151px; background:url(../images/head_bg.jpg) no-repeat center center;}



.header { width:1200px; height:151px; margin:0 auto; position:relative}



.logo { width:350px; height:106px; position:absolute; top:0; left:0;}



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



.menu { position:absolute; top:106px; left:0;}



.menu li { float:left; line-height:45px; position:relative; }



.menu li a { display:block; padding:0 52px; color:#fff; background:url(../images/menu_line.png) no-repeat right; font-size:16px;}



#nav_1 { display:block; margin:0 auto;}



#nav_1 li ul { display: none; position: absolute; left: 0; top:44px; margin: 0;  z-index:9999; background:#005a92; padding:5px 0;}



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



#nav_1 li ul li, #nav li ul li a {  float: none; display:block; height:29px; line-height:29px; text-align:center; width:168px;}



#nav li ul li a { padding:0px;}



#nav_1 li ul li a:hover { background:#ff7800 !important; color:#fff;}



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



#nav_1 li ul li a {font-size:14px; padding:0 20px;/*padding:0 40px;*/display: block; background: url(../images/menu_line1.png) no-repeat right !important;}



#nav_1 li ul li ul li { width:200px !important;}



/* SUBSUB Menu */



#nav_1 li ul li:hover ul { left: 100%; top: 0; }



#full-screen-slider { width:100%; height:530px; margin:0 auto; position:relative;}



#slides { display: block; width: 100%; height:530px; list-style: none; padding: 0; margin: 0; position: relative;  }



#slides li { display: block; width: 100%; height:530px; list-style: none; padding: 0; margin: 0; position: absolute; }



#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }



#pagination { display: block; list-style: none; position: absolute; left:50%; top:87%; z-index: 9900; }



#pagination li { display: block; list-style: none; width:10px; height:10px; float: left; margin-left: 5px; background: #fff; border-radius:5px; }



#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }



#pagination li.current { background: #ff7800; }



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



.index_box { width:1200px;height: 350px; margin: 0 auto; position:relative; top:-51px; z-index:9999;}



.index_cat { width:255px; height: 360px; background:url(../images/index_cat_bg.jpg) no-repeat; float:left;}



.index_cat_tit { width:255px; height: 57px; line-height: 54px; font-size:16px; color:#fff; font-weight:bold; text-indent:33px;}



.index_cat dl {width:255px; height:38px; font-size:13px;}



.index_cat dl a { color:#fff;}



.index_cat dl a:hover { text-decoration:underline;}



.index_cat dl dt { width:127px; line-height:38px; text-indent:20px; float:left;}



.index_cat dl dd { width:128px; line-height:38px; text-indent:12px; float:left;}



.index_about { width:945px; height: 360px; float:left;}



.index_about_tit {width:943px; height: 49px; border:1px solid #dedddd; background:#f8f8f8; position:relative;}



.index_about_tit span { position:absolute; top:17px; left:28px; font-size:16px; color:#000; font-weight:bold;}



.index_about_tit em { position:absolute; top:21px; right:17px; font-size:14px;}



.index_about_main { width: 895px; height: 290px; font-size: 14px; margin-top: 20px; margin-left: 25px; line-height:28px;}



.index_about_main img { width:230px; height:169px; float:left; margin-right:24px;}



.index_con { width:100%; height:749px; background:url(../images/index_con_bg.jpg) no-repeat center; margin-top: -41px;}



.index_pro { width:1200px; height:749px; margin:0 auto;}



.index_pro_tit { width:1200px; height:97px; position:relative; }



.index_pro_tit span {position:absolute; top:27px; left:561px; font-size:20px; font-weight:bold; color:#1976bb;}



.index_pro_con { width:1200px;}



.index_pro_con li { width:226px; height:290px; float:left; margin:0 7px; margin-bottom:21px; background:url(../images/index_proli.jpg) no-repeat; position:relative;}



.index_pro_con li:hover { display:block; background:url(../images/index_prolia.jpg) no-repeat;}



.index_pro_con li:hover .tit a { color:#fff;}



.index_pro_con li:hover .txt { color:#fff;}



.index_pro_con li:hover .more a { color:#07385d;}



.index_pro_con li img { width:198px; height:131px; position:absolute; top:14px; left:14px;}



.index_pro_con li .tit { width: 225px; position:absolute; top: 159px; text-align: center;}



.index_pro_con li .tit a { font-size: 15px; font-weight:bold; color:#0067d0;}



.index_pro_con li .txt { width:198px; height:68px; overflow:hidden; position:absolute; top:178px; left:14px; line-height: 23px;}



.index_pro_con li .more { width:83px; height:27px; position:absolute; top: 248px; left: 70px;}



.index_pro_con li .more a { color:#fff; text-align:center; display:block; line-height:27px;}



.index_news { width:1200px; height:514px; margin:55px auto 0;}



.index_news_menu { width:1200px; height:61px; background:url(../images/index_new_menubg.jpg) no-repeat;}



.index_news_menu ul { width:1100px; margin:0 auto;}



.index_news_menu li { float:left; line-height:61px; background:url(../images/n_line.jpg) no-repeat left;}



.index_news_menu li a { display:block; color:#2c2c2c; font-size:16px; font-weight:bold; padding:0 100px;}



.index_news_menu li a:hover, .index_news_menu li a.sel{ color:#0067d0;}



.l_m { background:none !important;}



.index_news_con { width:1200px; overflow:hidden; margin-top:38px; display:none;}



.index_news_con_l { width:384px; height:360px; float:left; position:relative;}



.index_news_con_l img {width: 300px; height: 200px; margin: 20px 42px 0;position:absolute; top:0; left:0;}



.index_news_con_l .tit { width:384px; font-size: 15px; font-weight: bold; overflow:hidden; position:absolute; top: 240px;text-align: center;}



.index_news_con_l .tit a { color:#000;}



.index_news_con_l .txt { width:384px; line-height:25px; position:absolute; top: 265px; left:0;}



.index_news_con_f { width:730px; margin-left:41px; float:left;}



.index_news_con_f li { width:730px; height:66px; display: block; margin-bottom:6px;  background:url(../images/n_date.jpg) no-repeat left;}



.index_news_con_f li .date { width:59px; height:66px; float:left; position:relative;}



.index_news_con_f li .date span { position:absolute; top:6px; left:13px; font-size:30px; color: #fff; }



.index_news_con_f li .date p {position:absolute; top:48px; left:4px; color:#bcbcbc; }



.index_news_con_f li:hover { background:url(../images/n_datea.jpg) no-repeat left;}



.index_news_con_f li:hover p { color:#0067d0;}



.index_news_con_f li:hover .n_txt span a { color:#0067d0;}



.index_news_con_f li .n_txt { display:block; width:661px; float:left; margin-left:10px; position:relative;}



.index_news_con_f li .n_txt span { position:absolute; line-height: 25px; font-size:14px; font-weight:bold;}



.index_news_con_f li .n_txt span a { color:#000;}



.index_news_con_f li .n_txt em { height:40px; line-height:20px; position:absolute; top:25px; left:0; }



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



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



.inner { width:1200px;  margin:0 auto;}



.inner_fl { width:231px; position:relative; top:-46px; left:0; z-index:9999; float:left; }



.inner_fl_tit { width:231px; height:177px; background:url(../images/inner_fl_tit.jpg) no-repeat; line-height:240px; text-indent:50px; font-size:26px; font-weight:bold; color:#fff;}



.inner_fl_cat { width:229px; border:1px solid #c6c6c6; border-top:0; padding-bottom:30px;}



#nav_2, #nav_2 ul { width:229px; list-style: none; font-weight: bold; padding: 0px; margin: 0px;  border-bottom: 0px; text-indent:14px;}



#nav_2 ul ul { border: solid 1px #CCCCCC; border-bottom: 0px; }



#nav_2 a { display: block; width:229px;  text-decoration: none;}



#nav_2 a:hover { color: #fff; }



#nav_2 li { height:38px; font-size:14px; line-height:38px; position: relative; border-bottom:1px solid #c6c6c6; }



#nav_2 li ul { position: absolute; left: -999em; z-index:999; width:229px; font-weight: normal; margin: 0px; padding: 0px;background:#ee6411 !important; }



#nav_2 li li { width: 229px; border-bottom:1px solid #c5530f !important; background:#ee6411 !important; }



#nav_2 li li a {width: 229px; border-bottom:1px solid #c5530f !important; background:#ee6411 !important;}



#nav_2 li ul a { width: 229px; padding: 0px 12px; line-height:38px; text-align: left; color:#fff; }



#nav_2 li ul ul { margin: 0px 0 0 231px; }



#nav_2 li:hover ul ul, #nav_2 li.sfhover ul ul { left: -999em; }



#nav_2 li:hover ul, #nav_2 li li:hover ul, #nav_2 li.sfhover ul, #nav_2 li li.sfhover ul { left: auto; }



#nav_2 li:hover ul, #nav_2 li.sfhover ul { left: 231px; top: 0px; }



#nav_2 li:hover { color:#fff;}



#nav_2 li:hover a{width: 229px;  display:block; color:#fff; background: #1d1d1d;}



#nav_2 li.sfhover { background: #1d1d1d; }



* html #nav_2 li { float: left; height: 1%; }



* html #nav_2 li a { height: 1%; }



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



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



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



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



.inner_pro { padding:15px 0;}



.inner_pro li { width:218px; height: 225px; float:left; margin:0 4px; margin-bottom:21px; border:1px solid #c5c7c6; position:relative;}



.inner_pro li:hover { display:block; border:1px solid #1876be;}



.inner_pro li img { width:198px; height:130px; position:absolute; top:10px; left:10px;}



.inner_pro li .tit { width:198px; position:absolute; text-align: center; top: 140px; line-height: 23px; height: 23px; overflow: hidden; left:10px;}



.inner_pro li .tit a { font-size:14px; font-weight:bold; color:#0067d0;}



.inner_pro li .txt { width: 198px; height: 60px; overflow:hidden; position:absolute; top: 163px; left: 10px; line-height:20px;}



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



.about p{font-size:16px;}



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



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



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



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



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



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



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



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



.news_con li .txt span a { color:#000;}



.news_con li .txt p { display: block; width: 800px; overflow: hidden;line-height: 20px; }



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



.shownews { padding:15px;}



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



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



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



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



.shownews DIV.text { padding-top:10px; line-height: 25px;}



.shownews DIV.text p{ margin: 10px 0;}



.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; color:#333; cursor:pointer;}







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



.products_4 { overflow:hidden;}



.products_5 { padding-top: 10px; padding-left:30px; 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:68px; }



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



#spec-list ul li img { width:93px; height:62px; 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; 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 14px; 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;  margin: 0 auto; width: 150px; }



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





.porductsIntro img {display: block;margin: 10px auto;max-height: 350px;max-width: 350px;border: 1px solid #ccc; }



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



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



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



.pager span { line-height: 22px; background: #F0F0F0; margin: 0px 3px; padding: 2px 8px; float:left; }



.pager span a { display: block; }



.page_link_total { color: #777; }



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



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



.foot_link { width:100%; overflow:hidden; background:#e9e9e9; }



.foot_link_con { width:1200px; margin:0 auto;}



.foot_link_tit { width:100px; line-height:30px; background:#0165b0; text-align:center; color:#fff; font-size:14px; font-weight:bold;}



.foot_link ul { width:1120px; margin:10px 0; overflow:hidden;}



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



.foot { width:100%; padding:20px 0;position:relative;line-height:26px; padding-top:16px; background:#666;clear:both;}



.foot_ewm { position:absolute; top:16px; left:107px;}



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



.foot a { color:#fff;}



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



#kefu{

position:fixed; right:0px; top:20%; z-index:10008; width: 128px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;

_position:absolute;

_bottom:auto;

_top:expression(eval(document.documentElement.scrollTop));

_margin-top:180px;

}

.cs_tel{height:25px; background: url(../images/img.jpg) no-repeat 0px 0px;}

.cs_tel_ct{color: #666; line-height: 150%;}

.cs_tel_num{color: #c00; font-size: 17px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; background: url(../images/img.jpg) no-repeat 0px -50px;}

.cs_online_qq{height: 30px;}

.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_online_qq img{vertical-align:middle;}

.cs_qcode{padding: 10px 0px 0px 0px;}

.cs_free{height:32px; background: url(../images/img.jpg) no-repeat 0px -100px;}

.cs_free a{display: block; height: 32px;}

.cs_free a span{display: none;}

.cs_spr{border-bottom: 1px dashed #c0c0c0; margin: 8px 0px;}

.cs_space{clear:both; overflow:hidden; height:32px; background: url(../images/img.gif) no-repeat 0px -200px;}

.cs_space a{ display: block; height:35px;}

.cs_wechat {height:30px; background: url(../images/img.jpg) no-repeat 0px -100px;}

.cs_wechat img{display: block; height:128px;}

.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url(../images/img.jpg) no-repeat 0px -150px;}

.cs_close a{display: block; height: 10px;}

.cs_close a span{display: none;}